/**********
Meminto CSS
Version 1.0.0
*****/

/*
on dashboard style replace
'uik-' with 'mem-'
'buildings' with 'books'
'#38B249' with #94bbb5
'#34AA44' with #93C1BA
'#2D9C3C' with #94BBB5
 */
@font-face {
  font-family: 'New Kansas';
  src: url('../fonts/new_kansas/New Kansas Regular.otf');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'New Kansas';
  src: url('../fonts/new_kansas/New Kansas Regular Italic.otf');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'New Kansas';
  src: url('../fonts/new_kansas/New Kansas Regular.otf');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'New Kansas Bold';
  src: url('../fonts/new_kansas/New Kansas Bold.otf');
  font-style: normal;
}

@font-face {
  font-family: 'New Kansas SemiBold';
  src: url('../fonts/new_kansas/New Kansas SemiBold.otf');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'New Kansas Heavy';
  src: url('../fonts/new_kansas/New Kansas Heavy.otf');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'New Kansas Light';
  src: url('../fonts/new_kansas/New Kansas Light.otf');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'New Kansas Light';
  src: url('../fonts/new_kansas/New Kansas Light Italic.otf');
  font-weight: 300;
  font-style: italic;
}

/* arabic */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  src: url(../fonts/iJWEBXyIfDnIV7nEnXu61E_c5IhGzg.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  src: url(../fonts/iJWEBXyIfDnIV7nEnXO61E_c5IhGzg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  src: url(../fonts/iJWEBXyIfDnIV7nEnXq61E_c5IhGzg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  src: url(../fonts/iJWEBXyIfDnIV7nEnXy61E_c5IhGzg.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  src: url(../fonts/iJWEBXyIfDnIV7nEnXC61E_c5IhGzg.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  src: url(../fonts/iJWEBXyIfDnIV7nEnX661E_c5Ig.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* arabic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  src: url(../fonts/iJWKBXyIfDnIV7nErXyw023e1Ik.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  src: url(../fonts/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  src: url(../fonts/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  src: url(../fonts/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  src: url(../fonts/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  src: url(../fonts/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.material-icons {
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}

.flex-col {
  flex-direction: column;
}

.flex-1 {
  flex: 1;
}

.w-full {
  width: 100%;
}

@import "flag.css";

html, body {
  height: 100%;
  font-size: 14px;
}

body h1 {
  font-size: 1.8rem;
}

body p {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
}

.mem-container-v__container > * {
  min-height: 5px;
}

.mem-nav-panel__wrapper {
  height: auto !important;
}

button {
  cursor: pointer;
}

.flex-container {
  display: flex;
  align-items: center;
}

.flex-container-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-container-start {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 15px;
}

.mem-nav-panel__wrapper {
  flex-basis: 250px;
  width: 250px;
}

.flex-container.gap-15 > * {
  flex-grow: 1;
}

.flex-container.gap-15 > :first-child {
  margin-right: 15px;
}

.flex-container.gap-15 > :last-child {
  margin-left: 15px;
}

.lb-loader, .lightbox {
  text-align: center;
  line-height: 0;
  position: absolute;
  left: 0
}

.mem-checkbox__wrapper.mem-checkbox__toggle .mem-checkbox__label::before {
  min-width: 38px;
}

.mem-checkbox__label {
  font-weight: 400;
  color: #4f4f4f !important;
}

body.lb-disable-scrolling {
  overflow: hidden
}

body h1 {
  line-height: 1.1em;
}

.lightbox {
  width: 100%;
  z-index: 10000;
  font-weight: 400;
  outline: 0
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid #fff
}

.lightbox a img {
  border: none
}

.lb-loader {
  top: 43%;
  height: 25%;
  width: 100%
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10
}

.lb-container > .nav {
  left: 0
}

.lb-nav a {
  outline: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}

.lb-next, .lb-prev {
  height: 100%;
  cursor: pointer;
  display: block
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s
}

.lb-nav a.lb-prev:hover {
  filter: alpha(Opacity=100);
  opacity: 1
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s
}

.lb-nav a.lb-next:hover {
  filter: alpha(Opacity=100);
  opacity: 1
}

.lb-data {
  padding: 0 4px;
  color: #ccc
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 700;
  line-height: 1em
}

.lb-data .lb-caption a {
  color: #4ae
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: 0;
  filter: alpha(Opacity=70);
  opacity: .7;
  -webkit-transition: opacity .2s;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1
}

:root {
  --black: #3a3a3a;
  --white: #fff;
  --green: #93C1BA;
  --gray: #777;
  --textblack: #4f4f4f;
  --beige: #F6F1EC;
  --darkblue: #344358;
  --icons: #29a599;
  --links: #29a599;
  --navigationItems: #ccc;
  --tabnavigation: #6B6C6F;
  --disabledColor: #EBEBEB;
  --icons-hover: #94bbb5;
  --icons-color: #ccc;
  --icons-alt-hover: yellow;
  --icons-alt-color: red;
  --error: #faa3ac;
}

/*-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, Arial, sans-serif*/
body {
  max-height: 100%;
  overflow: hidden;
  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif;
}

body.enable-page-scroll {
  overflow: auto;
  max-height: max-content;
  height: max-content;
}

a,
a:visited,
a:focus {
  color: var(--links);
}

body p a, body ul a {
  color: var(--links);
}

a .material-icons {
  color: var(--icons);
}

a.mem-select__option .material-icons {
  padding-right: 5px;
}

a.mem-select__option .material-icons,
a.mem-select__option {
  color: var(--textblack);
}

.mem-icon-text__wrapper .material-icons.red {
  color: #E6492D;
}

.mem-nav-section__wrapper a,
.mem-nav-section__wrapper a:hover,
.mem-nav-section__wrapper a:visited,
.mem-nav-section__wrapper a .material-icons {
  color: var(--navigationItems);
}

.mem-nav-section__wrapper a:active,
.mem-nav-section__wrapper a.mem-nav-link__wrapper.active,
.mem-nav-section__wrapper a.mem-nav-link__wrapper.active .material-icons {
  color: #94bbb5;
}

.mem-btn__base {
  border-radius: 0.3rem;
}

.mem-btn__base::-moz-focus-inner, .mem-btn__base[type="button"]::-moz-focus-inner, .mem-btn__base[type="reset"]::-moz-focus-inner, .mem-btn__base[type="submit"]::-moz-focus-inner {
  border-radius: 0.5rem;
}

/*.mem-btn__base.mem-btn__error:focus {*/
/*    border-radius: 30px;*/
/*}*/

a.mem-btn__base,
a.mem-btn__base:visited {
  color: var(--textblack);
}

a.mem-btn__base.mem-btn__gray,
a.mem-btn__base.mem-btn__gray:visited {
  color: var(--gray);
}

a.mem-tab__item {
  color: var(--tabnavigation);
}

.mem-books-grid-view__extraItem .material-icons {
  color: var(--links);
}

a.mem-btn__base.mem-btn__primary,
a.mem-btn__base.mem-btn__info {
  color: var(--white);
}

.mem-btn__primary .material-icons,
.mem-btn__info .material-icons {
  color: var(--white) !important;
}


#mem-btn-designer-full-size-mobile.mem-btn__base .material-icons {
  padding-left: 0;
}

.mem-btn__base.mem-btn__iconOnly .material-icons {
  padding-left: 0;
}

body h4 {
  font-size: 1rem;
}

body input {
  font-size: 14px;
}

body input, body button, body textarea {
  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif;;
  font-weight: 400;
}

h1, h2, h3, h4 {
  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif;
  font-weight: 400 !important;
}

.mem-widget-title__wrapper h1, .mem-widget-title__wrapper h2, .mem-widget-title__wrapper h3, .mem-widget-title__wrapper h4 {
  font-weight: 600 !important;
}

.mem-books-navigation__copyAbout a {
  color: #94bbb5
}

input[type="text"], form input[type="password"], form input[type="email"], form input[type="url"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="datetime"], form input[type="datetime-local"], form input[type="week"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="color"], form select, form textarea {
  border: 1px solid #c2c2c2;
  background-color: #fff;
  border-radius: 10px;
  font-size: 0.9rem;
  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif;
  font-weight: 400;
  color: #284556;
  padding: 7px 15px !important;
  width: 100%;
  min-height: 40px;
  line-height: 28px;
}

input[type="text"] {
  /*font-size: 1.1rem;*/
  font-size: 1rem;
}


form .ui-widget select {
  font-family: "New Kansas", sans-serif;
}

/*form input[type="text"].resize-input {*/
/*    width: auto;*/
/*    background: none;*/
/*    border: none;*/
/*    padding: 0 !important;*/
/*}*/

#root {
  height: 100%;
  overflow: hidden;
}

body.enable-page-scroll #root {
  overflow: auto;
}

body.enable-page-scroll .mem-container-h__wrapper {
  height: max-content !important;
}

::-webkit-scrollbar {
  /*display: inherit;*/
}

.mem-layout-main__wrapper::-webkit-scrollbar {
  /*-webkit-appearance: none;
    width: 7px;*/
  display: inherit;
}

.mem-layout-main__wrapper::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.mem-books-listing-top-bar__selectValueWrapper,
.mem-select__optionListWrapper .mem-select__optionContent {
  font-size: 0.875rem;
}

#purchase-credits .mem-books-listing-top-bar__selectValueWrapper,
#purchase-credits .mem-select__optionListWrapper .mem-select__optionContent {
  font-size: 1rem;
  font-weight: 400;
}

#purchase-credits .mem-select__optionListWrapper .mem-select__optionContent {
  color: #2e2e23;
}

/************************************************************************ SIGNUP/LOGIN ****************/
.mem-logo-container {
  text-align: center;
  margin: 0 0 20px 0;
}

.mem-logo-svg {
  width: 120px;
}

.mem-books-signup__pageWrapper {
  min-height: auto;
}

.mem-input__input.username {
  text-transform: lowercase;
}

.mem-books-signup__right {
  background-image: url(../images/login/meminto_gift.jpg) !important;
}

.login-footer {
  text-align: center;
  font-size: 0.875rem;
}

.login-footer a {
  color: #777;
}

.login-footer a:hover {
  text-decoration: none;
  color: #333;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

p.login-footer {
  display: flex;
  gap: 5px;
  justify-content: center;
}

.mem-books-signup__widgetWrapper .mem-books-signup__content .mem-books-signup__right .mem-books-signup__headline {
  font-size: 1.25rem;
}


a.mem-books-forgotPass__btnAction {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 400;
  color: #777;
}

a.mem-books-forgotPass__btnAction:hover {
  color: #6d6e71;
}

.mem-books-signup__btnAction {
  margin-top: 10px;
}

p.mem-headline-desc__wrapper {
  margin-bottom: 30px;
  text-align: center;
}

.mem-signup-explanation {
  margin: 30px 0 0 0;
}

.mem-signup-explanation-headline {
  margin: 30px 0 0 0;
}

.mem-social-login-container {
  display: flex;
  justify-content: center;
  margin: 8px 0;
  flex-direction: column;
}


.mem-social-login-container {
  /*margin-bottom: 50px;*/
}

.mem-books-forgotPass__btnAction {
  width: 100%;
  text-align: right;
  display: block;
  font-size: 14px;
}

label {
  color: #4F4f4F;
  font-weight: 500;
  font-size: 12px;
  display: block;
  padding: 10px 3px;
}

label.mem-select__label {
  margin-bottom: 0;
  padding-bottom: 0;
}

p.mem-explanation {
  margin-bottom: 15px;
}

.mem-book-categories p.mem-explanation {
  margin-top: 10px !important;
}

.mem-question-text-answer label {
  text-transform: none !important;
  margin-top: 15px !important;
}

.mem-checkbox__wrapper {
  text-transform: none;
}

.total-price {
  font-size: 0.7em;
  text-align: right;
}

.form-group .price-regular-price,
.price-regular-price {
  text-decoration: line-through;
  padding: 0 10px 0 0;
}

.signup-container .mem-widget__container > *:not(:last-child) {
  margin-bottom: 15px;
}

.signup-steps .mem-top-bar-section__wrapper {
  display: block;
  margin: auto;
  padding: 0;
}

.signup-steps {
  text-align: center;
}

.signup-steps #registration-steps-pro {
  display: inline-block;
  width: auto;
  margin: auto;
  text-align: center;
}

.signup-steps #registration-steps-pro li {
  display: inline-block;
  float: none;
  margin: 5px 20px;
  color: #b1b1b1;
}

.signup-steps #registration-steps-pro li.current-menu-item {
  color: #3E3F42;
}

.signup-steps .logo-sign-up {
  width: 100px;
  display: inline-block;
  margin-left: 20px;
}

.signup-steps .logo-sign-up img {
  width: 100%;
  height: auto;
}

#user-register .registration-disabled {
  margin-top: 100px;
}

#user-register .msg-headline.msg-error.registration-disabled {
  margin: 15px 0;
}

#user-register .form-label.animated {
  font-size: 13px;
  top: 8px;
  padding-bottom: 0;
  font-weight: 500;
}

.mem-widget__wrapper {
  overflow: hidden;
}

.mem-widget__wrapper .msg-headline {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.row-recipient-info .social-options {
  text-align: center;
  margin: 10px 0;
}

.buy-for h3 {
  text-align: center;
  font-size: 24px;
}

.buy-for h3.small {
  font-size: 16px;
  margin-bottom: 10px;
}

.buy-for .uael-rbs-toggle h4 {
  font-size: 14px;
  line-height: 20px;
}

.buy-for .uael-rbs-toggle h4 i {
  margin-right: 10px;
  color: #ccc;
  float: left;
  line-height: 20px;
}

.buy-for .uael-rbs-toggle .uael-sec.inactive h4 {
  opacity: 0.4;
}

.buy-for .uael-rbs-toggle .uael-sec.inactive:hover h4 {
  opacity: 1;
}

.buy-for .uael-rbs-toggle .uael-sec.active h4 {
  opacity: 1;
}


.row-recipient-info .social-options .social-icon-login {
  display: inline-block;
  text-align: center;
  margin: 5px;
  border: 2px solid;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  width: 175px;
}

.row-recipient-info .social-options .social-icon-login i {
  font-weight: 200;
  margin-right: 10px;
}

.social-icon-login.google-color:hover {
  background: #b53424;
}

.social-icon-login.google-color {
  color: #fff;
  background: #DC4A38;
  font-weight: bold;
  font-size: 18px;
}

.social-icon-login.facebook-color:hover {
  background: #263e79;
}

.social-icon-login.facebook-color {
  color: #ffffff;
  background: #3B579D;
  font-weight: bold;
  font-size: 18px;
}

form#frontend-user-regular-login {
  padding: 15px;
  max-width: 100%;
}

form#frontend-user-regular-login .col {
  margin-bottom: 15px;
}

label.error,
label.error-birthday {
  color: #E15E59;
  margin-top: 0;
}

.error label {
  color: #E15E59;
}

.error input {
  -webkit-box-shadow: 0 0 0 1px rgba(255, 0, 0, 1);
  -moz-box-shadow: 0 0 0 1px rgba(255, 0, 0, 1);
  box-shadow: 0 0 0 1px rgba(255, 0, 0, 1);
}

#question-bank-error.error {
  color: #E15E59;
  font-weight: bold;
}

.row-payment-info {
  padding: 15px;
}

.row-payment-info .payment-choice {
  text-align: center;
  margin-bottom: 20px;
  cursor: pointer;
}

.row-payment-info .payment-choice i.fas.fa-check-circle {
  display: block;
  text-align: center;
  display: none;
}

.row-payment-info .payment-choice img {
  margin: 5px 0;
}


.billing-plan-container h3 {
  margin-top: 5px;
}

.mem-signup-left-section {
  min-width: 600px;
  width: 850px;
}

.mem-signup-left-section .mem-widget-content__wrapper {
  padding: 15px;
}

.mem-register-order-overview .order-item {
  margin: 10px 0;
  display: inline-block;
  width: 100%;
}

.mem-register-order-overview .order-item .img {
  width: 60px;
  /*float: left;*/
  /*margin-right: 10px;*/
}

.mem-register-order-overview .order-item .img img {
  width: 100%;
  height: auto;
}

.mem-register-order-overview .order-item p.name {
  color: #3E3F42;
  font-size: 15px;
  font-weight: 400;
}

.mem-register-order-overview .order-item p.price {
  color: #3E3F42;
  font-size: 20px;
  text-align: right;
  font-weight: 400;
  /*margin-top: 40px;*/
}

span.checkbox-remember-pro {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
}

span.checkbox-remember-pro input {
  float: left;
  margin-right: 10px;
}

input.dummy-checkbox[name="checkbox-terms"] {
  margin-bottom: 15px;
}

span.checkbox-remember-pro label {
  margin: 0;
  padding: 0;
  text-transform: none;
}

span.checkbox-remember-pro label a {
  color: #777;
  text-decoration: underline;
}

span.checkbox-remember-pro label a:hover {
  text-decoration: none;
}

.type-pay-input img {
  height: 20px;
  width: auto;
  display: inline-block;
  float: right;
  min-width: initial;
  flex: none;
  margin-top: 15px;
}

div#paypal-button {
  text-align: center;
}

table.payment-table {
  font-size: 0.875rem;
  color: #777;
}

.payment-table td {
  padding: 5px 0;
}

.payment-table td:last-child {
  text-align: right;
}

.registration-step-final-padding {
  padding: 15px;
  text-align: center;
  min-height: 125px;
}

a.btn.btn-login {
  color: white;
  background: #38B249;
  padding: 10px 65px;
  border-radius: 4px;
  width: 175px;
}

.mem-btn__base:disabled {
  background: var(--disabledColor);
  border: 1px solid var(--disabledColor);
}

.mem-signup-left-section a.mem-btn__base.mem-btn__clear:hover {
  background: #4f4f4f;
  text-decoration: none;
}

.mem-signup-left-section a.mem-btn__base.mem-btn__clear {
  background: #ccc;
  color: #fff;
  display: inline-block;
  text-align: center;
  width: 100px;
  margin-top: 10px;
  font-size: 16px;
  line-height: 25px;
  padding: 5px;
  border-radius: 5px;
}

.mem-register-order-overview .mem-form-input-group__horizontal {
  font-size: 0.875rem;
  color: #777;
  align-items: center;
}

.order-item .mem-form-input-group__horizontal > * {
  min-width: auto;
  flex-basis: auto;
  margin: 0;
}

.registration-step-final-footer {
  text-align: center;
  margin-bottom: 24px;
}

input#checkbox-terms {
  margin-bottom: 25px;
}

.mem-books-signup__left {
  min-height: 450px;
}

/************************************************************************************** NAVIGATION ****************/
.mem-books-navigation__topBar {
  border: 0 solid #2E2E33;
}

.mem-icon.menu {
  width: 40px;
  margin-bottom: 8px;
}

.mem-nav-link__wrapper {
  font-size: 0.95rem;
  min-height: 38px;
  color: #ccc;
  font-weight: 400 !important;
  padding: 0 30px 0 20px;
}

.mem-nav-link__wrapper.mem-nav-link__highlighted .mem-nav-link__text {
  font-weight: 400 !important;
  display: flex;
  align-items: center;
}

.mem-nav-link__text {
  display: flex;
  align-items: center;
}

.mem-nav-link__wrapper:hover {
  color: #94bbb5;
  background: rgba(148, 187, 181, 0.04);
}

.mem-nav-link__wrapper.active {
  font-weight: 400;
  color: #94bbb5;
  background: rgba(148, 187, 181, 0.06);
  -webkit-box-shadow: inset 3px 0 0 0 #94bbb5;
  box-shadow: inset 3px 0 0 0 #94bbb5;
}

.mem-nav-link__wrapper .mem-nav-link__rightEl {
  font-size: 0.9rem;
}

.mem-nav-section__wrapper .divider {
  height: 1px;
  width: 100%;
  margin: 5.5px 0;
  overflow: hidden;
  background-color: #2E2E33;
}


@media screen and (max-width: 768px) {
  .mem-top-bar__wrapper {
    height: 70px;
  }
}

@media screen and (min-width: 769px) {

  .mem-hide-desktop {
    display: none !important;
  }

}

.mem-books-navigation__aboutAppContainer .mem-books-navigation__copyright {
  color: #ccc;
  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif;
!important;
  font-size: 0.750rem;
  margin-bottom: 3px;
}

.mem-books-navigation__copyAbout a {
  color: #94bbb5
}

/***** SUBNAV *****/
.mem-tab__item {
  margin: 0 15px;
}

.mem-tab__item.active {
  border-bottom-color: #94bbb5;
  font-weight: 400;
  color: #3E3F42;
}

.mem-tab__item.mem-tab__small {
  height: 40px;
  font-size: 0.95rem;
  padding: 0 5px;
  white-space: nowrap;
}

.mem-tab__item:hover {
  color: #3E3F42;
  border-bottom-color: rgba(147, 193, 186, 0.3);
}

.mem-books-detail__wrapper,
.mem-books-listing__wrapper,
.ui-corner-bottom {
  background: transparent;
}

/************************************************************************************** DASHBOARD ****************/

.mem-widget__container .latest-stories-container > :not(:last-child) {
  margin-bottom: 30px;
}

#dashboardHomeFeedLoading {
  text-align: center
}

.mem-widget-content__wrapper.last-login-widget {
  font-size: 0.875em;
}

.mem-dashboard_story, .mem-dashboard_story p, .mem-answer_story p {
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 25px;
}

.mem-dashboard .mem-social-header__cover .mem-social-header__name {
  width: 100%;
}

.mem-dashboard .mem-social-header__cover:before {
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.85) 99%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.85) 99%);
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.85) 99%);
}

.mem-nav-user__wrapper .mem-nav-user__avatarWrapper .mem-nav-user__avatar {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  overflow: hidden;
}

.mem-nav-user__wrapper .mem-nav-user__avatarWrapper .mem-nav-user__avatar .profile-image,
.mem-nav-user__wrapper .mem-nav-user__avatarWrapper .mem-nav-user__avatar a {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-position: center;
  background-color: #ccc;
}

.mem-nav-user__avatarWrapper {
  position: relative;
}

.no-space-top.mem-layout-main__wrapperInner,
.no-space-top.mem-layout-main__wrapperInner .mem-content__item {
  padding-top: 0;
  margin-top: 0;
}

@media screen and (max-width: 1400px) {
  .mem-layout-main__wrapperInner.mem-layout-main__contentCenterMedium {
    max-width: 90%;
  }
}

.qq-gallery-local {
  border: 4px dashed #c3c3c3;
  padding: 20px;
  margin: 20px 0;
  text-align: center;
}

.qq-gallery-local .qq-upload-button {
  margin: 10px auto;

}

.modal#change-profile-image .modal-dialog,
.modal#delete-user-account .modal-dialog {
  max-width: 50%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .modal#change-profile-image .modal-dialog,
  .modal#delete-user-account .modal-dialog {
    max-width: 80%;
    margin: 0 auto;
  }

  .mem-layout-main__wrapperInner .mem-widget__container {
    padding: 15px 0;
  }
}

.qq-upload-list li {
  list-style: none;
}

.mem-widget__container {
  width: 100%;
}

.settings-tab {
  visibility: hidden;
  opacity: 0;
  height: 0;
  /*transition: all 0s linear 0.33s, opacity 0.33s linear;*/
  margin: 0 !important;
  overflow: hidden;
}

.settings-tab.active {
  visibility: visible;
  height: auto;
  opacity: 1;
  width: 100%;
}

.ribbon {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}

.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#00b7cc 0%, #00A2CC 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px;
  right: -21px;
}

.ribbon span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #00A2CC;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00A2CC;
}

.ribbon span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #00A2CC;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00A2CC;
}

.mem-my-contributors .mem-tutorial-list-item__wrapper {
  position: relative;
}

.mem-tutorial-list__wrapper .mem-widget__wrapper {
  overflow: hidden;
}

.mem-social-header__cover {
  overflow: hidden;
}

.mem-App__app {
  /*overflow: inherit;
    height: 100%;
    display: flex;
    overflow: auto;*/
}

/*#root {*/
/*overflow: auto;*/
/*}*/

.mem-dashboard .mem-App__app {
  /*overflow: inherit;*/
  height: 100%;
  display: flex;
}

.mem-books-flex-column.mem-books-flex-center {
  flex-direction: column;
  align-items: center;
}

/*.mem-container-h__wrapper {*/
/*    height: auto;*/
/*    overflow-x: auto;*/
/*}*/

.mem-page-dashboard__mainContent {
  flex-grow: 1;
}

.mem-dashboard .mem-container-h__wrapper {
  height: 100%;
}

.mem-hide-desktop.mem-books-navigation__project-selection-container #mem-change-book-selector.mem-select__wrapper .mem-select__valueRendered {
  color: #ccc;
}

.clearfix {
  overflow: auto;
  clear: both;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.mem-full-height__wrapper {
  height: 100%;
}

.mem-top-bar-section__wrapper .mem-full-height__wrapper {
  height: 70px;
}

.mem-full-height__wrapper.no-padding {
  padding: 0;
}

.mem-full-height__wrapper .mem-btn__base {
  height: 100% !important;
  border-radius: unset !important;
  padding: 0 35px;
}

.page-1 .mem-page-dashboard__sideContent {
  max-width: 30%;
  min-width: 30%;
}

.user-results .mem-books-users__userItem {
  height: 40px;
}

.user-results .mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatar {
  height: 70%;
  width: 70%;
}

.user-results .mem-avatar__wrapper .mem-avatar__avatarWrapper {
  margin-top: 15px;
}

.user-results .mem-tag-container__wrapper.mem-books-users__tags {
  margin-top: 0;
}

.user-results .mem-avatar__name {
  font-size: 0.775em !important;
}

.mem-top-bar-section__wrapper .mem-Navigator-relative__wrapper {
  position: relative;
}

.mem-Navigator__expandButton.mem-transparent__expandButton {
  background: #F7F8FA;
  box-shadow: 0 2px 5px rgba(38, 51, 77, 0.15);
}

.mem-top-bar-section__wrapper .mem-Navigator__list {
  top: 40px;
  right: 0;
  bottom: auto;
  transition: visibility 0.3s linear, opacity 0.3s linear;
}

.mem-top-bar-section__wrapper .mem-Navigator__list {
  background: #fefefe;
  padding: 15px;
  border: 1px solid #EAEDF3;
}

.mem-select__optionListWrapper {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s linear, opacity 0.3s linear;
}

.mem-select__optionListWrapper.left {
  left: 0;
  min-width: min-content;
}

.mem-Navigator__badge {
  background: #eb5a46;
  position: absolute;
  top: -4px;
  left: 30px;
  border-radius: 50%;
  color: #fff;
  font-size: 8px;
  width: 18px;
  font-weight: bold;
  height: 18px;
  text-align: center;
  padding-top: 4px;
}

/************************************************************************ Dashboard left menu sidebar ************/
.mem-logo-wrapper-container,
.mem-logo-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}

.profile_count a {
  text-decoration: none;
  color: transparent;
}

.mem-nav-user__info p {
  font-size: 12px;
  text-transform: lowercase;
  word-break: break-word;
}

p.inherit-case {
  text-transform: none;
}

.mem-nav-user__wrapper {
  padding: 10px 20px;
  padding-top: 10px;
  border-bottom: none;
}

.mem-nav-user__wrapper.mem-nav-user__row {
  flex-direction: row;
  flex-wrap: wrap;
}

.mem-nav-link-two-container__wrapper {
  min-height: min-content;
  /*padding: 16px 20px 25px 20px;*/
}

.mem-nav-user__row .mem-books-performance__boxes > * {
  -ms-flex-preferred-size: 26%;
  flex-basis: 26%;
  padding: 0;
}

.mem-nav-user__row .mem-books-performance__boxes > :not(:last-child) {
  border-right: 1px solid #2E2E33;
  border-bottom: none;
  margin-left: 5%;
  margin-right: 5%;
}

.mem-nav-user__row .mem-books-performance__boxes > :nth-child(2n+1) {
  border-bottom: none;
}

.mem-nav-user__row .mem-books-performance__boxes > :first-child {
  margin-left: 0;
}

.mem-nav-user__row .mem-books-performance__boxes > :last-child {
  border: none;
  margin-right: 0;
  margin-left: 5%;
}

.mem-content-title__wrapper {
  white-space: nowrap;
  text-transform: none;
  color: #5C789B;
}

.mem-nav-user__wrapper .mem-content-title__wrapper {
  font-size: 0.55rem;
  line-height: 1.125rem;
  color: #777;
  white-space: nowrap;
}

ul.mem-user-info__flex > * {
  margin-bottom: 0 !important;
}

.mem-user-info__flex-item span {
}

.mem-btn__base.mem-btn__transparent {
  background: white;
  color: #4f4f4f;
}

.mem-btn__base.mem-btn__noButton {
  background: transparent;
  border: none;
  box-shadow: none;
}

.mem-books-side-by-side-view a {
  color: #efefef;

}

.mem-books-side-by-side-view a div {
  margin: 0 auto;
}

.mem-books-side-by-side-view > :not(:last-child) {
  margin-right: 15px;
}

.mem-books-navigation__aboutAppContainer {
  -ms-flex-preferred-size: 100px;
  flex-basis: 80px;
}

a.logout-action {
  /*margin-top: 25px;
    color: #5d5d5d; */
  font-size: 0.9rem;
  border-top: 1px solid #2E2E33;
  width: 100%;
  padding: 0;
  /*margin-top: 10px;*/
}

a:visited.logout-action {
  color: var(--navigationItems);
}

.mem-profile-dropdown a.logout-action span.material-icons,
.mem-profile-dropdown a.logout-action,
.mem-profile-dropdown a:visited.logout-action {
  color: var(--textblack);
}

a.logout-action span.material-icons {
  color: white;
}

.mem-books-navigation__aboutAppContainer {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
}

.mem-books-navigation__title span {
  font-weight: 400;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: rgb(123, 123, 123);
  margin-bottom: 10px;
}

.mem-books-navigation__project-selection-container {
  border-top: 1px solid #2E2E33;
}

.mem-books-navigation__project-selection {


}

.mem-books-navigation__project-selection .mem-select__left-wrapper {
  margin-left: 0;
  margin-top: 5px;
  width: 100%;
}

#mem-change-book-selector.mem-select__wrapper .mem-select__valueRendered {
  width: 100%;
  text-align: left;
  position: relative;
  background-color: #fff;
  color: #4f4f4f;
  border: 0 solid #444448;
  border-radius: 5px;
  box-shadow: 0 0 0 0;
  padding: 0 0 0 10px;
}

.mem-select__wrapper .mem-select__valueRendered .mem-select__valueRenderedWrapper .mem-select__arrowWrapper {
  margin-right: 5px;
}

.mem-select__wrapper .mem-select__valueRendered.transparent .mem-select__valueRenderedWrapper .mem-select__arrowWrapper {
  height: 10px;
}

#mem-change-book-selector.mem-select__wrapper .mem-select__valueRendered .mem-select__valueRenderedWrapper .mem-select__arrowWrapper::before,
#mem-change-book-selector.mem-select__wrapper .mem-select__valueRendered .mem-select__valueRenderedWrapper .mem-select__arrowWrapper::after {
  border-bottom: 3px solid #4f4f4f;
}

.mem-select__wrapper .mem-select__valueRendered .mem-select__valueRenderedWrapper .mem-select__arrowWrapper::before, .mem-select__wrapper .mem-select__valueRendered .mem-select__valueRenderedWrapper .mem-select__arrowWrapper::after {
  border-bottom: 3px solid #3E3F42;
}

.mem-select__wrapper .mem-select__valueRendered.transparent .mem-select__valueRenderedWrapper .mem-select__arrowWrapper::before,
.mem-select__wrapper .mem-select__valueRendered.transparent .mem-select__valueRenderedWrapper .mem-select__arrowWrapper::after {
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.mem-select__wrapper .mem-select__valueRendered.transparent .mem-select__valueRenderedWrapper .mem-select__arrowWrapper::before {
  top: 6px;
}


.mem-books-navigation__project-selection-container .mem-select__optionListWrapper {
  bottom: 50px !important;
  top: auto;
}

.mem-book-share-edit-role input,
.mem-book-share-view-role input {
  width: min-content;
}

#user-change-book-share-options,
.mem-book-share-edit-role,
.mem-book-share-guest_contribution-role,
.mem-book-share-view-role {
  margin-top: 27px;
  width: 100%;
}

#user-change-book-share-options {
  max-width: 43%;
  width: min-content;
}

#explain-share-option {
  margin-bottom: 22px;
  padding-left: 11px;
  font-size: 0.9rem;
  color: #777;
}

#user-change-book-share-options .mem-select__optionListWrapper.mem-select__optionListWrapper_no_scroll,
#user-change-book-share-options {
  width: 100%;
}

#user-change-book-share-options.mem-select__wrapper .mem-select__valueRendered {
  background-color: var(--beige);
  border: none;
}

/*.mem-icon-link svg, .mem-nav-link__icon svg {*/
/*    fill: #ccc;*/
/*}*/

/*.mem-icon-link:hover svg, .mem-nav-link__icon:hover svg {*/
/*    fill: #94bbb5;*/
/*}*/

/*.mem-nav-link__wrapper.active svg {*/
/*    fill: #94bbb5;*/
/*}*/

.mem-icon__small,
.mem-nav-link__wrapper .mem-nav-link__icon {
  width: 22px;
}

a.mem-icon-link {
  color: #ccc;
  font-size: 14px;
}

a.mem-icon-link:hover {
  color: #94bbb5;
}

.mem-books__booksMenuAnimate {
  /*z-index: 2;*/
  overflow: visible;
}

.mem-books__booksMenuAnimate .mem-scroll__wrapper {
  flex-grow: 1;
  height: auto;
  justify-content: start;
  display: flex;
  flex-direction: column;
}

/************************************************************************************* Contributors page ***************************/
.mem-avatar__wrapper .mem-avatar__avatarWrapper.mem-pro img {
  border: 3px solid #008080;
}


.mem-nofriends {
  padding: 30px;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper.mem-pro i {
  position: absolute;
  right: -2px;
  top: 2px;
  color: #473E3F;
  font-size: 10px;
}

button.mem-btn__base.mem-btn__error.btn-delete {
  height: 38px;
  padding: 0 18px;
}

a.mem-btn__base.mem-btn__error,
.mem-btn__base.mem-btn__error .mem-btn__iconWrapper .material-icons {
  color: #fff;
}

.mem-btn__iconOnly.mem-btn__base {
  padding: 14px;
}

.mem-btn__iconOnly.mem-btn__base .material-icons {
  color: #fff;
  font-size: 28px;
}

.mem-my-contributors .mem-books-users__detail {
  -ms-flex-preferred-size: 200px;
  flex-basis: 200px;
}

.question-box .mem-widget__wrapper {
  display: flex;
  flex-direction: column;
}

.question-box a.question-image {
  width: 100%;
}

.mem-tutorial-list-item__cover {
  overflow: hidden;
}

.mem-tutorial-list-item__cover img {
  max-width: 100%;
}

.mem-contributors .mem-tutorial-list-item__cover {
  height: 100px;
  width: 100%;
}

.mem-input__clear .mem-input__iconWrapper.mem-input__iconWrapperRight + input {
  background-color: #f7f7f7;
  padding: 15px;
  border: 1px solid #f0f0f0 !important;
}

.mem-contributors .mem-tutorial-list-item__content {
  position: relative;
  padding: 20px 10px;
  padding-top: 50px;
  text-align: center;
}

.mem-tutorial-list-item__content a {
  letter-spacing: -0.025em;
}

.mem-contributors .mem-contributor-item .img-profile {
  position: absolute;
  width: 100px;
  height: 100px;
  background: grey;
  overflow: hidden;
  text-align: center;
  border-radius: 50%;
  top: 0;
  margin-top: -50px;
  left: 50%;
  margin-left: -50px;
}

.mem-contributors .mem-contributor-item .img-profile img {
  height: 100%;
  width: auto;
}

.mem-contributors .mem-contributor-item h3 {
  text-transform: capitalize;
}

.mem-contributors .mem-contributor-item hr {
  width: 100px;
  margin: 15px auto;
}

.mem-contributors .mem-contributor-item .labels {
  text-align: center;
}

.mem-contributors .mem-contributor-item .labels span {
  background: #38b148;
  color: #fff;
  padding: 5px;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 3px;
  margin: 5px;
  display: inline-block;
}

.mem-contributors .mem-contributor-item .labels span.blue {
  background: #3e3eff;
}

.mem-contributors .mem-contributor-item p {
  margin: 10px 0;
}

.mem-contributors .mem-tutorial-list-item__extra {
  text-align: center;
}

.mem-contributors .mem-tutorial-list-item__extra a:hover {
  color: #252529;
}

.mem-contributors .mem-tutorial-list-item__extra a {
  color: #777;
  text-transform: uppercase;
  text-align: center;
  display: block;
  width: 100%;
  font-size: 15px;
}

.mem-books-users__letter, .mem-books-users__userItem {
  justify-content: space-between;
  margin-bottom: 0;
}


.mem-widget-title__wrapper.block {
  display: block;
}

.ajax-result {
  position: relative;
}

.ajax-result-inline {
  position: relative;
}

.ajax-result-inline .loading-icon {
  display: none;
  text-align: center;
  padding: 20px;
  position: absolute;
  width: 100%;
  height: 200px;
}

.ajax-result .loading-icon {
  display: none;
  text-align: center;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.ajax-result.loading .loading-icon {
  display: block;
}

@media screen and (max-width: 960px) {

}

.mem-sugestions__dropdown {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.mem-contributors .mem-books-users__list {
  flex-basis: 45%;
  border-right: 1px solid #EAEDF3;
  position: relative;
}

.mem-contributors .mem-sugestions__dropdown {
  margin-left: 30px;
}

.mem-books-users__container .mem-books-users__detail {
  padding: 15px;
}

.mem-answer-details .mem-content__item {
  margin-top: 0;
  display: flex;
  gap: 15px;
  align-items: flex-start;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {

  .mem-answer-details .mem-books-detail__name {
    justify-content: center;
  }

  .mem-answer-details .mem-content__item.mobile-justify-center {
    justify-content: center;
  }

  .mem-answer-details .mem-content__item {
    margin: 0;
    gap: 10px !important;
  }

  .mem-answer-details .mem-content__item div {
    max-width: 100%;
  }

  #mem-btn-designer-small-size.mem-btn__base .material-icons,
  #mem-btn-designer-full-size.mem-btn__base .material-icons {
    padding-left: 0;
  }

}

.mem-contributors .mem-books-users__detail {
  border: none;
  background-color: #cadbee;
  background-image: url(../images/blue-bg.jpg);
  background-position: center top;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

.mem-contributors .mem-books-users__userItem {
  justify-content: space-between;
}

.mem-books-users__list-container {
  position: relative;
}

.mem-books-users__list .mem-sugestions__dropdown {
  display: none;
  position: absolute;
  background: white;
  border: 1px solid #ddd;
  width: 80%;
  max-height: 300px;
  overflow-y: scroll;
  z-index: 10;
}

.mem-books-users__userItem:hover {
  background: #f5f5f5;
}

.mem-books-users__userItem.active:hover,
.mem-books-users__userItem.active {
  background: #29a599;
  color: #fff;
}

.mem-books-users__userItem.active .mem-avatar__name {
  color: #fff;
}

.mem-books-users__userItem.mem-books-users__userItem-no-hover:hover {
  background: transparent;
}

form#search-contributors-form {
  max-width: 100%;
}

.mem-page-dashboard__sideContent .mem-books-users__userItem,
.mem-page-dashboard__sideContent .mem-books-users__letter {
  padding: 0 5px;
}

.mem-page-dashboard__sideContent .mem-books-users__userItem {
  justify-content: space-between;
}


/*.page-21 .mem-App__app {*/
/*    overflow: inherit;*/
/*}*/


/*@media screen and (min-width: 990px) {*/
/*.mem-container-v__container {*/
/*height: auto;*/
/*}*/

/*.mem-scroll__wrapper {*/
/*height: calc(100% - 200px);*/
/*}*/

/*.mem-books-navigation__wrapper {*/
/*position: relative;*/
/*}*/

/*.mem-books-navigation__aboutAppContainer {*/
/*position: absolute;*/
/*bottom: 0px;*/
/*}*/
/*}*/

/*textarea {*/
/*min-height:200px;*/
/*}*/

/*.msg-headline.msg-success{*/
/*padding: 10px;*/
/*margin: 0px 15px;*/
/*background: #38B249;*/
/*border-radius: 5px;*/
/*color: white;*/
/*}*/
/*.msg-headline.msg-error{*/
/*padding: 10px;*/
/*margin: 0px 15px;*/
/*background: #E6492D;*/
/*border-radius: 5px;*/
/*color: white;*/
/*}*/
/*.btn-right_wrapper {*/
/*float: right;*/
/*}*/
/*.mem-checkbox__container_row {*/
/*margin-bottom: 15px;*/
/*}*/
/*.mem-checkbox__container_row label{*/
/*margin-right: 15px;*/
/*}*/
/*.mem-btn-right {*/
/*margin-left: 10px;*/
/*margin-bottom: 10px;*/
/*}*/
/*.mem-question-report__wrapper {*/
/*display: none;*/
/*}*/

/*@media screen and (max-width: 480px) {*/
/*.mem-btn-right {*/
/*width: 100%;*/
/*float: none;*/
/*}*/
/*}*/
/*@media screen and (max-width: 550px) {*/
/*.mem-social-header__content {*/
/*display: block;*/
/*}*/
/*.mem-social-header__content .mem-tab__item {*/
/*display: grid;*/
/*margin: 0 auto;*/
/*}*/
/*}*/

/*.mem-select__optionListWrapper_no_scroll .mem-select__optionList{*/
/*overflow: hidden;*/
/*}*/
/*.qq-uploader {*/
/*padding:0;*/
/*margin:0;*/
/*background: transparent;*/
/*border: none;*/
/*}*/
/*.qq-upload-list {*/
/*margin: 0 !important;*/
/*}*/


/*************************************************************************** BUTTONS, INPUTS, TEXTAREAS, SELECTS *******************/
.search-question-form .mem-btn__base .search-icon {
  padding: 10px;
}

.search-question-form .mem-btn__base {
  height: 52px;
}

.search-buttons-questions .mem-btn__base {
  padding: 0 25px;
}

.mem-btn__base_normal {
  background: none;
  border: none;
  cursor: pointer;
}

.mem-btn__base.no-margin {
  margin: 0;
}

.mem-btn__base.mem-select__option_value {
  background-image: none;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #D8DCE6;
}

.mem-btn__base.mem-select__option_value:hover {
  background-image: none;
  background-color: #efefef;
}

.mem-select__optionList .mem-btn__base.mem-select__option_value:last-child {
  border-bottom: none;
}

.mem-top-bar-back-link {
  /*height: 2px;*/
  padding-right: 10px;
}

.mem-top-bar-back-link a:hover,
.mem-top-bar-back-link a:focus,
.mem-top-bar-back-link a:visited,
.mem-top-bar-back-link a {
  color: #3E3F42;
}

.mem-user__search .mem-books-users__list {
  display: none;
  position: absolute;
  min-width: 100%;
}

.mem-contributors .mem-books-users__list {
  display: block;
  position: relative;
  min-width: auto;

}

.mem-books-users__list .mem-books-users__tags {
  display: flex;
  align-items: baseline;
  margin: 0;
}

.mem-books-users__list h2 {
  padding: 0 30px;
}

.mem-input__input:focus {
  border-color: #94BBB5;
  border-width: 2px;
}

.mem-input__input {
  background: #fff;
  padding: 11px 15px;
  line-height: 28px;
  border: 1px solid #c2c2c2;
  border-radius: 10px;
  font-size: 1.275rem;
  color: #284556;
}

.mem-input__input.clipboard {
  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif;
  font-size: 1rem;
}

.mem-input__input::placeholder {
  color: #284556;
}

/***** PRIMARY *******/

.mem-btn__base {
  margin-bottom: 10px;
  text-transform: none;
  height: 34px;
}

.mem-profile-dropdown .mem-btn__base {
  text-transform: none;
}

.mem-btn__base .mem-select__valueWrapper {
  text-transform: none;
}

#mem-change-book-selector .mem-btn__base {
  text-transform: none;
}

#user-change-book-share-options .mem-btn__base {
  border-radius: 4px;
}

.mem-btn__base.mem-btn__primary {
  color: white;
  background: #29a599;
  background-image: none;
  border: 1px solid #29a599;
}

.mem-btn__base.mem-btn__blue {
    color: white;
    background: #284556;
    border: 1px solid #284556;
}

.mem-btn__base.mem-btn__info {
  color: white;
  background: #F6AB2F;
  background-image: -webkit-linear-gradient(91deg, #F6AB2F 2%, #F6AB2F 98%);
  background-image: -o-linear-gradient(91deg, #F6AB2F 2%, #F6AB2F 98%);
  background-image: linear-gradient(-1deg, #F6AB2F 2%, #F6AB2F 98%);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#F6AB2F), to(#F6AB2F));
  background-image: -webkit-linear-gradient(bottom, #F6AB2F 0%, #F6AB2F 100%);
  background-image: -o-linear-gradient(bottom, #F6AB2F 0%, #F6AB2F 100%);
  background-image: linear-gradient(0deg, #F6AB2F 0%, #F6AB2F 100%);
  border: 1px solid #F6AB2F;
  -webkit-box-shadow: 0 1px 1px 0 rgba(22, 29, 37, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
  box-shadow: 0 1px 1px 0 rgba(22, 29, 37, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
}

.mem-btn__base.mem-btn__info_alt {
  color: #F5A70B;
  height: 28px;
  background: #FEFCEB;
  border: 1px solid #FDEA8A;
  -webkit-box-shadow: 0 1px 1px 0 rgba(22, 29, 37, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
  box-shadow: 0 1px 1px 0 rgba(22, 29, 37, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
}

.mem-btn__base.mem-btn__success_alt {
  color: #29A599;
  height: 28px;
  background: #F2FBF9;
  border: 1px solid #29A599;
  -webkit-box-shadow: 0 1px 1px 0 rgba(19, 31, 21, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
  box-shadow: 0 1px 1px 0 rgba(19, 31, 21, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
}

.modal-footer .mem-btn__base {
  margin: 10px 0;
}

.mem-btn__base.mem-btn__lr-space {
  margin: 4px 8px;
}

.mem-btn__base.mem-btn__primary:hover {
  background-image: none;
  border: 1px solid #29a599;
  -webkit-box-shadow: 0 1px 1px 0 rgba(22, 29, 37, 0.18), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
  box-shadow: 0 1px 1px 0 rgba(22, 29, 37, 0.18), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
}

.mem-btn__base.mem-btn__primary:focus {

  color: white;
  background: #29a599;
  border: 1px solid #29a599;
  -webkit-box-shadow: 0 1px 1px 0 rgba(22, 29, 37, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
  box-shadow: 0 1px 1px 0 rgba(22, 29, 37, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);

}

.mem-btn__base.mem-btn__hasIcon {
  padding-left: 32px;
}


.mem-btn__base.mem-btn__hasIcon .mem-btn__iconWrapper {
  left: 8px;
}

.mem-btn__base.mem-btn__hasIcon#send-credits-btn .mem-btn__iconWrapper {

}
.mem-btn__base.mem-btn__hasIcon#send-credits-btn .mem-btn__iconWrapper svg {
  margin-top:0;
  width: 18px;
}


/******************************************************************************** interview page *************************/
.mem-top-widget__bar {
  background-color: #37475D;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 7px 0 7px 0;
  position: relative;
}

.mem-top-widget__bar .mem-layout-main__wrapperInner,
.mem-top-widget__bar-logo .mem-layout-main__wrapperInner {
  padding: 0;
}

.mem-top-widget__bar-logo .mem-layout-main__wrapperInner.mem-layout-main__contentCenterMedium {
  width: 100%;
}

.mem-widget-social-icons__wrapper {
  display: flex;
}

.mem-widget-language-selection__wrapper {
  display: flex;
  align-items: center;
  margin: 0 10px 0 20px;
}

.mem-top-widget__bar-logo {
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.15);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 30px 0 30px;
  z-index: 1;
  min-height: 100px;
  display: flex;
  align-items: center;
}

.mem-top-widget__bar-logo-content {
  display: flex;
  align-items: center;
}

img.emoji {
  display: inline;
  border: none;
  box-shadow: none;
  height: 1em;
  width: 1em;
  margin: 0 .07em;
  vertical-align: -0.1em;
  background: none;
  padding: 0;
}

.mem-screen-only {
  position: absolute;
  top: -10000em;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.mem-top-widgets_wrapper {
  display: flex;
  justify-content: flex-end;
}

.mem-widget-language-selection__wrapper a {
  font-size: 14px;
  color: var(--white);
  padding: 0 5px;
}

a.mem-social-icon {
  background-color: #37475D;
  font-size: 12px;
  border-radius: 10%;
  text-align: center;
  padding: .5em;
  margin-right: 5px;
  cursor: pointer;
}

a.mem-social-icon:hover {
  background-color: #FFFFFF;
}

.mem-social-icon:hover {
  opacity: .9;
  color: #fff;
}

a.mem-social-icon i {
  color: #ffffff;
}

.mem-social-icon:hover i {
  color: #37475D;
}

.interview-logo {
  text-align: center;
  margin: 30px 0;
}

h1.interview-headline, h3.general-information, p.small-paragraph-spacing {
  display: none;
}

p.tags-description-interview {
  margin-bottom: 10px;
}

h2.personal-information {
  margin-top: 0;
}

.interview-section {
  max-width: 100%;
  margin: auto;
  display: block;
  margin-bottom: 100px;
  background: #fff;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #EAEDF3;
  line-height: 1.5em;
}

form.account-settings-form {
  width: 100%;
  max-width: 100%;
}

form.account-settings-form .form-group {
  margin-bottom: 15px;
}

form.account-settings-form label {
  display: block;
  line-height: 25px;
  padding-bottom: 0;
}

.mem-Help__list .help-content-area,
.mem-notification__Bell .mem-Navigator__list {
  width: auto;
}


.notification-content-area {
  /* max-width: 450px;
     width: 410px;*/
}

.mem-Help__list .help-content-area,
.mem-notification__Bell .mem-Navigator__list {
  padding: 0;
}

.notification-content {
  font-size: 14px;
  padding-right: 20px;
}

.mem__notification-item {
  display: flex;
  align-items: center;
  color: var(--textblack);
  font-size: 14px;
}

.mem-books-list-item__wrapper:hover, .mem-books-list-item__wrapper.active {
  background: #F6F9FD;
  -webkit-box-shadow: inset 3px 0 0 0 #94bbb5;
  box-shadow: inset 3px 0 0 0 #94bbb5;
}

.notification-content-area .mem-books-list-item__wrapper .mem-books-list-item__content {
  align-content: space-between;
  align-items: center;
  display: flex;
}

.notification-content-area .mem-books-list-item__wrapper .mem-books-list-item__content .notification-content {
  width: 100%;
}

.notification-content-area .mem-books-list-item__wrapper-container {
  max-height: 500px;
  overflow-y: auto;
}

.mem__notification-item .material-icons {
  color: var(--textblack);
  margin-right: 10px;
}

form.account-settings-form button.btn {
  font-size: 16px;
}

#question_accepted + span.select2.select2-container {
  width: auto;
}

.user-interface-language-p, .user-depression-p {
  padding: 0 1px 10px;
}

.save.container {
  text-align: center;
}

.mem-register-order-overview .mem-widget-content__wrapper {
  padding: 15px;
}

.question-example {
  padding-left: 30px;
  column-count: 2;
  column-gap: 40px;
}

.mem-books-user__splitContentUserFeed .mem-widget-medium {
  -ms-flex-preferred-size: 450px;
  flex-basis: 450px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.questions-interview {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

@media (max-width: 600px) {
  .questions-interview {
    display: block;
  }

  .question-example {
    padding-left: 30px;
    column-count: 1;
    column-gap: 0;
  }
}

.questions-interview .item {
  margin: 15px;
  border: 1px solid #EAEDF3;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  background: #FFFFFF;
  -webkit-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  transition: 0.5s linear;
  flex-grow: 1;
}

.questions-interview .item.fancy-radio-button {
  margin-bottom: 0;
}

.questions-interview .question-database-item.error {
  border: 1px solid #E15E5999;
}

.questions-interview .item > * {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.questions-interview .item .mem-tutorial-list-item__content {
  min-height: 125px;
  padding: 10px;
}

.question-database-item {
  position: relative;
  cursor: pointer;
}

.question-database-item.active {
  position: relative;
  cursor: pointer;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -webkit-transition: 1s linear;
  -o-transition: 0.5s linear;
  transition: 0.5s linear;
}

.question-database-item.active .ribbon {
  display: block !important;

}

.question-database-item .mem-tutorial-list-item__cover {

}

.question-database-item.active .mem-tutorial-list-item__cover {
  -webkit-filter: blur(0);
  -moz-filter: blur(0);
  -o-filter: blur(0);
  -ms-filter: blur(0);
  -webkit-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  transition: 0.5s linear;
}

.interview-section p {
  padding: 3px 0 10px 3px;
}

.interview-2.save.container {
  margin-top: 20px;
}

/*end interview page*/


/********************************************************* QUESTIONS / ANSWER DETAIL PAGE **************************/
.user-media-add-custom,
.user-questions-add-custom {
  margin-left: 70px;
}

.mem-emoji-headline__content h1 {
  font-family: "New Kansas", Sans-serif;
  color: #29a599;
  font-weight: 600 !important;
}

.sortable, .list-questions {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

@media (max-width: 768px) {
  .sortable, .list-questions {
    display: contents;
  }
}

.mem-delimiter__border {
  border-bottom: 1px solid #EAEDF3;
  margin-bottom: 15px;
}

.sortable-list {
  list-style: none;
}

.sortable-list li.ui-sortable-placeholder {
  min-height: 140px;
}

#sortable-category-list li.ui-sortable-placeholder {
  min-height: 70px;
}

.sortable li, .list-questions li {
  flex-basis: 350px;
  flex-shrink: 1;
}

.ui-sortable-handle {
  border: 1px #ccc;
  opacity: 0.3;
}

#sortable-question-list li .order-handle {
  cursor: move;
}

#sortable li .mem-tutorial-list-item__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/*.sortable {*/
/*-webkit-user-select: none;*/
/*-moz-user-select: none;*/
/*-ms-user-select: none;*/
/*user-select: none;*/
/*}*/
/*.sortable.grid {*/
/*overflow: hidden;*/
/*}*/
/*.sortable li {*/
/*list-style: none;*/
/*color: #1C94C4;*/
/*}*/

li.ui-sortable-placeholder {
  border: 1px dashed #CCC;
  background: none;
  visibility: visible !important;
}

.mem-select__optionListWrapper .mem-select__optionList .mem-select__option:hover {
  background-color: #efefef;
}

.mem-select__optionListWrapper .mem-select__optionList .mem-select__option,
.mem-select__optionListWrapper .mem-select__optionList .mem-select__option:focus {
  min-height: 48px;
  margin: 0;
}

a.mem-knowledge-topic__link {
  color: #3E3F42 !important;
}

.mem-question__Actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
}

.mem-question__Images {
  display: flex;
  justify-content: start;
}

.mem-question__Image_item {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  width: max-content;
}

.mem-question__Image_item img {
  width: auto;
  height: calc(100% - 20px);
  max-width: calc(100% - 20px);
  margin: 10px;
}

.mem-book-questions .question-box {
  opacity: 1;
  visibility: visible;
  /*transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition-timing-function: ease-in;*/
}

.mem-book-questions .sortable {
  justify-content: center;
}

.mem-images-actions {
  position: absolute;
  bottom: 98px;
  right: 15px;
}

.mem-images-actions.extra-settings {
  position: absolute;
  bottom: 155px;
  right: 15px;
}

.mem-tab__item.category {
  text-transform: uppercase;
  font-weight: 400;
  color: #999;
  font-size: 0.875em;
  white-space: nowrap;
}

.mem-tab__container {
  overflow: auto;
}

.mem-tab__container::-webkit-scrollbar {
  /* width: 0px;
     display: none;
     background: transparent; /* make scrollbar transparent */
}

p.no_answers_yet {
  font-size: 1.2em;
  margin-top: 25px;
  padding: 0 25px;
  margin-bottom: 25px;
}

i.uikon.feedback {
  padding-right: 5px;
  color: #777;
  font-size: 0.875em;
}

i.far.fa-heart {
  font-size: 1em;
}

a.like-question-answer-user-feed {
  color: #777;
  font-size: 0.875em;
  text-transform: uppercase;
  font-weight: bold;
}

.mem-widget-content__wrapper.mem-answer_story p {

  font-size: 16px;
}

.mem-widget-content__wrapper .mem-widget-title__wrapper {
  padding: 0;
}

.btn-delete-account {
  display: block;
  padding: 12px 0;
  font-size: 14px;
  color: #E6492D;
}

#btn-save-question-answer {
  max-width: 135px;
}

form#question-answer-title {
  max-width: 100%;
}

form#question-answer {
  text-align: left;
}

.mem-avatar__textTop {
  margin-bottom: 0 !important;
}

.mem-question-edit-title-buttons-container {
  float: right;
  margin-right: 10px;
  margin-top: 10px;
}

.mem-btn__base-small {
  padding: 5px;
}

.edit-question-title.invisible-input {
  position: absolute;
  left: 0;
  right: 0;
  top: -27px;
}

.edit-question-title-input {
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.3em;
  margin-bottom: 10px;
  border: none;
  padding: 5px;
  min-height: auto;
  padding-left: 15px;
}

.mem-books-users__letter {
  opacity: 1;
}

.mem-social-header__btnUpdateCoverSave {
  margin-right: 5px;
}

.mem-books-answers__list .mem-books-users__letter {
  margin-bottom: 0;
}

.mem-books-users__deleted_answerItem-show-details .mem-avatar__info .mem-avatar__name,
.mem-books-users__answerItem-show-details .mem-avatar__info .mem-avatar__name {
  white-space: normal;
  cursor: pointer;
  letter-spacing: -0.025em;
}

.mem-books-users__deleted_answerItem-show-details.mem-books-users__userItem,
.mem-books-users__answerItem-show-details.mem-books-users__userItem {
  height: auto;
  margin: 0;
  padding: 10px 30px;
}

.mem-books-users__deleted_answerItem-show-details.mem-books-users__userItem.active,
.mem-books-users__answerItem-show-details.mem-books-users__userItem.active {
  background: #dbeae8;
  box-shadow: inset 3px 0 0 0 #29a599;
}

.mem-books-users__deleted_answerItem-show-details .mem-avatar__wrapper,
.mem-books-users__answerItem-show-details .mem-avatar__wrapper {
  width: 100%;
}

.mem-books-users__deleted_answerItem-show-details .order-handle,
.mem-books-users__answerItem-show-details .order-handle {
  width: 0;
}

.mem-books-users__userItem.ui-sortable-handle {
  border-bottom: 1px solid #EAEDF3;
}

.mem-answer-title {
  font-size: 16px !important;
}

.mem-books-users__deleted_answerItem-show-details .mem-avatar__info,
.mem-books-users__answerItem-show-details .mem-avatar__info {
  flex-basis: calc(100% - 90px);
}

.mem-answer-meta {
  font-size: 14px !important;
}

.mem-answer-category {
  font-size: 14px;
  font-weight: 600;
  color: #2E2E33 !Important;
  background-color: #efefef;
}

.mem-tutorial-list-item__extra {
  padding: 15px 15px 10px 30px;
}

.mem-tutorial-list-item__content {
  padding: 16px 26px;
}


@media (max-width: 600px) {

  .user-media-add-custom .mem-btn__base.mem-btn__primary {
    position: absolute;
    top: 90px;
    left: unset;
  }
}

/******************************************************************************************* PROFILE & SETTINGS ******************/
.mem-profile-link.active {
  background-color: #94bbb5;
}


/******************************************************************************************* PROJECTS ******************/
.mem-books-grid-view__extraItem .material-icons {
  margin-right: 5px;
}

.mem-books-grid-view__extra.mem-show-mobile {
  display: flex !important;
}

/******************************************************************************************* REST ******************/

/* remove standard-styles */
textarea {
  width: 100%;
  border: 1px solid #c2c2c2;
  border-radius: 10px;
  font-size: 1rem;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #284556;
  padding-left: 15px !important;

  padding-right: 15px !important;

  background: #fff;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 44px;
  padding-left: 15px !important;
  width: 100%;
  border: 1px solid #c2c2c2;
  border-radius: 10px;
  font-size: 1rem;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #284556 !important;

  background: #fff;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 1em;
}

/* styling */
.mem-input__textarea,
.mem-input__select {
  display: block;
  width: 100%;
  padding: 10px 30px;
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all;
  outline: none;
  font-family: "New Kansas", sans-serif !important;
}

.mem-interview .select2-results {
  display: none;
}


form .ui-widget select {
  font-family: "New Kansas", sans-serif;
}

select.inter-select,
form .ui-widget select.inter-select,
form .ui-widget select.bold-select {
  font-family: "Inter", sans-serif;
}

select.transparent {
  background-color: transparent;
}

select.white {
  color: #fff;
  border: 1px solid #fff;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
}


.mem-social-header__cover .mem-social-header__name {
  left: 15px;
  /*max-width: 600px;*/
  width: calc(100% - 165px);
  font-size: 2.5rem;
  line-height: 1.3em;
  font-family: "New Kansas SemiBold", Sans-serif;
}

textarea {
  min-height: 200px;
}

.mem-btn-right {
  margin-left: 10px;
  margin-bottom: 10px;
}

.btn-right_wrapper {
  float: right;
}

.btn-right-align_wrapper {
  text-align: right;
}

.mem-nav-link-2__wrapper {
  min-height: 40px;
  border-bottom: 0 solid #2E2E33;
  color: #fff;
}

.last-login-widget.mem-content-title__wrapper {
  text-transform: unset;
}

.mem-layout-main__wrapperInner.mem-layout-main__contentCenterMedium {
  /*max-width: 70%;*/
  max-width: 1240px;
}

.mem-layout-main__wrapperInner.mem-layout-main__contentCenterSmall {
  margin: 0 auto;
  max-width: 768px;
}

.mem-btn-right {
  float: right;
}

.mem-social-header__cover_bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
}

.mem-social-header__cover_bg.blur {
  filter: blur(10px);
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
}

.mem-social-header__content {
  display: flex;
  justify-content: space-between;
}

.mem-tab__action_container {
  display: flex;
  justify-content: space-between;
}

.mem-social-header__content .mem-social-header__tabWrapper {
  padding-left: 0;
}

.mem-star-rating__wrapper i.mem-star-rating__highlight {
  color: #FACF55;
}

.mem-content__noPaddingWrapper,
.mem-social-about__wrapper .mem-content__noPaddingWrapper {
  padding: 0;
}

.mem-social-about__wrapper .mem-content__noPaddingWrapper form {
  margin: 0;
  padding: 10px 30px 10px 20px;
  max-width: 100%;
}

.mem-social-about__wrapper .mem-content__noPaddingWrapper form#question-answer {
  padding: 10px 30px 10px 30px;
  flex-basis: 100%;
}

.mem-social-about__wrapper .mem-social-about__listWrapper .mem-question__Images {
  padding: 0;
}

.mem-social-about__listWrapper .flex-container {
  flex-wrap: wrap;
  padding: 20px;
}

.mem-btn-right-align {
  width: 100%;
  text-align: right;
}

.mem-btn-right-align .mem-form-input-group__horizontal {
  justify-content: right;
  float: right;
}

.mem-select__optionListWrapper.up {
  top: auto;
  bottom: 45px;
}

.mem-tutorial-list-item__content {
  flex-grow: 1;
}

.mem-question-report__wrapper {
  display: none;
}

.qq-upload-list {
  margin: 0;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/******************************************************************************* Modal Content/Box ***********************/
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: max-content; /* Could be more or less, depending on screen size */
}

.mem-questions .modal-footer {
  margin-top: 20px;
  text-align: center;
}

.modal-content span.btn-close {
  float: right;
  margin-right: -10px;
  cursor: pointer;
  margin-top: -15px;
}


.mem-questions .modal-header span.btn-close {
  float: left;
  margin-right: 10px;
  display: none;
  cursor: pointer;
}

.mem-questions .modal-header h2 {
  margin-top: 0;
  margin-bottom: 15px;
}

.mem-questions .mem-widget__container.mem-books-user__subNav-big {
  overflow: hidden;
}

.modal-header h2 {
  margin-bottom: 15px;
}

#answer-transcribe-txt .modal-content {
  max-width: 400px;
}

#upgrade-to-edit-title .modal-content {
  width: 400px;
}

#upgrade-to-compose-question .modal-content {
  width: 400px;
}

.modal-footer {
  padding-top: 15px;
  text-align: right;
}

@media (max-width: 500px) {
  #upgrade-to-edit-title .modal-content {
    width: 300px;
  }

  #upgrade-to-compose-question .modal-content {
    width: 300px;
  }

  .modal-content {
    max-width: 90%;
  }
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#confirm-delete-question .modal-content {
  width: 450px;
}

.msg-headline-container {
  padding: 0 15px;
  min-height: min-content;
}

.msg-headline-container .msg-headline,
.msg-headline-container .msg-headline-persist {
  margin: 10px 0;
}

.mem-books-login .msg-headline-persist {
  margin: 10px 0;
}

.msg-headline-container .msg-headline:last-child,
.msg-headline-container .msg-headline-persist:last-child {
  /*margin-bottom: 25px;*/
}

.msg-headline-persist,
.msg-headline {
  display: inline-block;
  align-items: center;
  width: 98%;
}

}

.msg-headline-persist .material-icons,
.msg-headline .material-icons {
  margin-right: 5px;
}

.msg-headline-persist.msg-success,
.msg-headline.msg-success {
  padding: 10px;
  background: #F6F1EC;
  border-radius: 5px;
  color: #94bbb5;
  font-size: 0.875em;
  line-height: 1.4em;
  display: flex;
  gap: 10px;
}

.msg-headline-persist.msg-error,
.msg-headline.msg-error {
  padding: 10px;
  background: #F6F1EC;
  border-radius: 5px;
  color: #E15E59;
  font-size: 0.875em;
  line-height: 1.4em;
  display: flex;
  gap: 10px;
}

.msg-headline-container .msg-headline-persist {
  margin: 10px 0;
}

.msg-error .fa-times-circle {
  display: none;
}

.hide.msg-headline {
  overflow: hidden;
  margin-bottom: 0;
}

.hide.msg-headline .material-icons {
  display: none;
}

.mem-tutorial-list-item__wrapper .msg-headline {
  border-radius: 0 0 5px 5px;
}

.mem-tutorial-list-item__wrapper .mem-tutorial-list-item__extra {
  margin-bottom: 5px !important;
}

.page-35 .msg-headline.msg-success {
  margin-bottom: 20px;
}

.account-settings-form p.no-margin {
  margin-top: 0;
}

.change-photo,
.delete-photo {
  color: #fff;
  text-align: center;
  margin: 10px 5px;
  font-size: 16px;
  border-radius: 5px;
}

form#profileDeletePhoto {
  margin-top: 0;
}

.mem-country-select-profile {
  /*font-size: 1.1rem;*/
  font-size: 1rem;
}

.mem-language-select-profile {
  /*font-size: 1.1rem;*/
  font-size: 1rem;
}

.mem-password-inputs label {
  font-size: 1rem !important;
}

.mem-books-signup__widgetWrapper .mem-books-signup__content .mem-books-signup__right {
  min-height: 700px;
}

.section-friends-questions {
  margin-bottom: 25px;
  /*border-bottom: 1px solid #eee;*/
  padding-bottom: 25px;
}

.mem-user-questions .mem-icon-text__wrapper {
  margin-bottom: 0;
}

.mem-action.mem-q-rating {
  cursor: pointer;
  margin-bottom: 0;
  padding-top: 5px;
}

.section-friends-questions .mem-action.mem-q-rating .rating-content {
  display: none;
}

.section-meminto-question .mem-icon-text__wrapper {
  margin-bottom: 0;
}

.table-contents-header {
  padding: 0 15px;
}

/*start mobile version*/
.mem-top-bar-section__wrapper {
  padding: 0 15px;
}

.mem-top-bar-section__wrapper h2 {
  display: none;
  margin: 0;
}

.question-search-load-more {
  margin-right: 10px;
}

.mem-nav-link-2__wrapper .mem-nav-link-2__icon {
  font-size: 16px;
}

.mem-nav-link-submenu .mem-nav-link-2__icon {
  font-size: 12px;
  margin-right: 5px;
}

.mem-nav-link-2__wrapper.active .mem-nav-link-2__icon {
  color: #fff;
}

.mem-nav-link-2__wrapper.active {
  color: #fff;
  background-color: #3E3F42;
  border-radius: 4px;
}

.mem-nav-link-2__wrapper.active span.mem-nav-link-2__text {
  padding-left: 8px;
}

.mem-dark a.mem-nav-link-2__wrapper:hover .mem-nav-link-2__icon,
.mem-dark a.mem-nav-link-2__wrapper:hover .mem-nav-link-2__text {
  color: #fff;
}

#share-book-modal .modal-content {
  min-width: 40%;
  max-width: 600px;
}

.form-group-horizontally {
  display: flex;
  justify-content: space-between;
}

.form-group-horizontally .form-group {
  width: 100%;
  margin-right: 2%;
}

.form-group-horizontally .hidden-animation,
.hidden-animation {
  height: 0;
  width: 0;
  visibility: hidden;
  opacity: 0;
  display: none;
}

.visible-animation {
  visibility: visible;
  opacity: 1;
  display: flex;
}

.mem-book-share-role {
  transition: all 0.4s;
}

@media (max-width: 1300px) {
  .mem-layout-main__wrapperInner.mem-layout-main__contentCenterMedium.signup-container {
    max-width: 100%;
  }

  .mem-signup-left-section {
    width: auto;
  }

}


@media (max-width: 1050px) {
  .section-friends-questions {
    margin-bottom: 35px;
    /*border-bottom: 1px solid #eee;*/
    padding-bottom: 25px;
  }

  form#no-payment-required {
    max-width: 100%;
  }

  #question_accepted + span.select2.select2-container {
    width: auto;
  }

  .page-1 .mem-page-dashboard__sideContent {
    max-width: 100%;
    min-width: 100%;
  }

  .mem-page-dashboard__mainContent {
    order: 2;
  }

  .mem-page-dashboard__sideContent {
    order: 1;
  }

  .mem-page-dashboard__sideContent {
    display: none;
  }

}

@media (max-width: 768px) {
  .signup-steps {
    padding-left: 0;
    display: block;
    height: auto;
    padding: 10px 0;
  }

  .signup-steps .logo-sign-up {
    width: 100%;
    display: block;
    clear: both;
    margin: 10px auto;
  }

  .signup-steps .logo-sign-up img {
    width: 150px;
    height: auto;
  }

  .signup-steps #registration-steps-pro {
    display: block;
    width: 100%;
    margin: auto;
    clear: both;
    text-align: center;
  }

  .mem-signup-left-section {
    min-width: auto;
  }

  .mem-books-user__subNav {
    min-width: auto;
  }

  .mem-layout-main__wrapperInner.mem-layout-main__contentCenterMedium {
    max-width: 100%;
  }

  .uik-top-bar-section__wrapper h2 {
    font-size: 16px;
  }

  .mem-books-navigation__wrapper.open-menu {
    left: 0;
  }

  .mem-nav-link-two-container__wrapper {
    padding: 15px;
  }

  .mem-nav-link-2__wrapper {
    min-height: 45px;
  }

  .mem-logo-wrapper {
    padding: 0 50px 0 50px;
  }

  .mem-books-navigation__topBar .mem-top-bar-section__wrapper {
    padding: 0 15px;
  }

  .mem-books-navigation__topBar .mem-top-bar-section__wrapper {
    width: 100%;
  }

  .mem-logo-wrapper {
    margin: 0 auto;
  }

  body h1 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  body h2 {
    font-size: 1.2rem;
    line-height: 1.4;
  }

  .plain-question-title {
    display: inline-block;
    width: 100%;
  }

  /*.mem-social-header__cover .mem-social-header__btnUpdateCover {
        bottom: auto;
        top: 10px;
        position: relative;
        left: 15px;
    }*/
  .mem-social-header__cover .mem-social-header__name {
    left: auto;
    top: 75px;
    position: absolute;
    bottom: auto;
    right: auto;
    transform: none;
    margin: 0;
    padding: 15px;
    color: #ffffff;
  }

  textarea#edit-question-title-input {
    width: 100% !important;
    padding: 10px;
    background: transparent;
    height: 55px;
    z-index: 99999;
    font-size: 20px;
  }

  .edit-question-title.invisible-input {
    position: absolute;
    left: 0;
    right: 0;
    top: -65px;
  }

  .mem-social-about__wrapper .mem-content__noPaddingWrapper form {
    padding: 10px;
  }

  .mem-signup-left-section + .mem-books-user__subNav {
    margin-bottom: 30px;
  }

  .forgot_password_content .mem-books-signup__left.mem-books-login {
    min-height: 700px;
  }

  .mem-pro-upgrade {
    max-width: 100%;
    margin: 0 auto;
  }

  .mem-social-header__cover .mem-social-header__name {
    top: auto;
    width: 100%;
    bottom: 0;
  }

  .mem-social-header__content {
    margin-top: 0;
  }

  .table-contents-header {
    padding: 0;
  }
}


@media (max-width: 600px) {

  .signup-steps #registration-steps-pro li {
    display: block;
    margin: 10px;
  }

  form.account-settings-form label {
    text-transform: uppercase;
    color: #777;
    font-weight: 400;
    font-size: 12px;
    display: block;
    padding: 10px 3px;
    line-height: 1.15;
  }

  .interview-section h2 {
    font-size: 18px;
  }


  /*.mem-widget-content__wrapper {*/
  /*padding: 15px;*/
  /*}
    .mem-form-input-group__vertical > *:not(.mem-form-input-group__horizontal) {
        margin-top: 0;
        margin-bottom: 0;
    }*/
  .mem-form-input-group__vertical {
    margin-top: 0;
    margin-bottom: 0;
  }

  .mem-header-user-dropdown__wrapper {
    padding: 0 15px;
    margin-right: 0;
    margin-left: 0;
    min-width: auto;
  }


  .mem-books-top-bar__wrapper {
    justify-content: space-between;
    padding-right: 15px;
  }

  .uik-top-bar-section__wrapper h2 {
    padding-left: 10px;
    line-height: 20px;
  }

  .mem-books-user__subNav {
    padding: 0;
  }

  .mem-social-header__cover .mem-social-header__name {
    font-size: 18px;
    line-height: 1.4;
  }

  .mem-signup-left-section {
    padding: 0;
    margin-bottom: 15px;
  }

  span.checkbox-remember-pro label {
    font-size: 14px;
  }

  span.checkbox-remember-pro input {
    margin-right: 5px;
    width: 15px;
    height: 15px;
  }

  .questions-interview .item {
    display: block;
    width: 100%;
    margin: 15px 0;
  }

  .questions-interview {
    margin-left: 0;
    margin-right: 0;
  }

  .questions-interview .item .mem-tutorial-list-item__content {
    min-height: auto;
  }

  div.mem-knowledge-topic__wrapper {
    padding-left: 10px !important;
    padding-top: 25px !important;
  }


}

@media (max-width: 450px) {
  .mem-tutorial-list-item__content {
    min-height: auto;
  }

  .mem-tutorial-list-item__content {
    padding: 15px;
  }

  .mem-tutorial-list-item__extra {
    padding: 10px;
  }

  .mem-social-header__content {
    display: block;
    justify-content: space-between;
  }

  .mem-tab__item {
    height: auto;
    padding: 5px 0;
  }

  .mem-checkbox__wrapper {
    margin: 0;
  }

  .type-pay-input img {
    margin: 0;
  }

  .mem-question-list-item__category {
    display: flex !important;;
    width: 50% !important;;
  }

  .mem-question-list-item__actions {
    display: flex !important;
    width: 70px !important;
    margin-right: 10px;
  }

  .mem-form-input-group__vertical > :not(.mem-form-input-group__horizontal) {
    margin-top: 0;
  }
}

@media (max-width: 1024px) {

  .mem-tutorial-list-item__wrapper {
    -ms-flex-preferred-size: 310px;
    flex-basis: 310px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }

}

.payment-table form {
  display: inline-block;
}

.mem-tag__following {
  background: #f1f1f1;
  border: 1px solid #1665D8;
  color: #1665D8;
}

.mem-tag__follower {
  background: #f1f1f1;
  border: 1px solid #F6AB2F;
  color: #F6AB2F;
}

/******************UPGRADE******************/
.mem-upgrades form {
  max-width: 100%;
}

.mem-coupon-container {
  flex-grow: 2;
}

.mem-group__2_1 *:first-child {
  flex-grow: 2;
}

.mem-upgrade-action-section {
  -ms-flex-preferred-size: 380px;
  flex-basis: 380px;
  min-width: 350px;
}

.mem-widget__transparent {
  background: transparent;
  border: none;
  box-shadow: none;
}

.mem-widget-content__wrapper.mem-widget-content__buttons {
  display: flex;
  justify-content: space-evenly;
}

form.contributors-item .btn-delete, form.contributors-item input {
  padding: 0 10px;
  line-height: 25px;
  height: auto;
  font-size: 14px;
  border: 0;
}

.mem-show-mobile {
  display: none;
}

.mem-widget__wrapper {
  border-radius: 10px 10px;
}

.mem-upgrade-package .mem-widget__wrapper {
  border-radius: 10px;
}

.mem-widget__wrapper .mem-widget__wrapper {
  border: 0;
}

.mem-avatar__wrapper.big {

  overflow: hidden;
}

div.mem-knowledge-topic__wrapper .mem-knowledge-topic__content.big {
  margin-left: 0;
}

.mem-knowledge-topic__content strong {
  font-weight: 700;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper {
  background-position: center !important;
  background-size: cover !important;
  overflow: hidden;
  width: 42px;
  height: 42px;
  margin-right: 10px;
  /*margin-top: 5px;*/
  margin-bottom: 0;
}

.mem-avatar__wrapper.big .mem-avatar__avatarWrapper {
  max-height: 300px;
  width: auto;
  height: auto;
  flex-shrink: 1;
}

/*.mem-top-bar-section__wrapper img.mem-top-bar-title__wrapper {*/
/*    margin: 10px auto;*/
/*}*/

.mem-books-top-bar__wrapper .mem-top-bar-section__wrapper.mem-show-mobile {
  padding: 0 0 0 20px;
  width: 100%;
}

#user-register h2,
#user-register p,
#user-register .col {
  padding: 5px;
}

#user-register .mem-form-input-group__horizontal > * {
  margin: 0;
}

.mem-content__item.mem-widget__margin,
.mem-widget__wrapper.mem-widget__margin {
  margin: 15px;
}

.mem-books-users__list {
  flex-basis: 450px;
  -ms-flex-preferred-size: 450px;
}

@media (max-width: 993px ) {
  .interview-section {
    width: 100%;
  }

  .mem-signup-left-section {
    width: 100%;
  }

  .mem-contributors .mem-books-users__list {
    flex-basis: 100%;
  }

  .mem-layout-main__wrapperInner.mem-layout-main__contentCenterMedium {
    display: block;
    max-width: 100%;
    width: 100%;
  }


}

@media (max-width: 768px ) {
  .mem-hide-mobile {
    display: none !important;
  }

  .mem-show-mobile {
    display: block;
  }
}

@media (max-width: 767px ) {
  .mem-App__app {
    display: block;
  }

  .mem-top-bar-section__wrapper.not-confirmed .mem-full-height__wrapper a,
  .mem-top-bar-section__wrapper.not-confirmed .mem-full-height__wrapper button {
    padding: 0 15px;
  }


  .mem-widget__wrapper.mem-widget__margin {
    display: block;
    flex-basis: 100%;
  }

  .mem-widget__wrapper.mem-widget__margin.mem-question-report__wrapper {
    display: none;
  }

  .mem-container-h__wrapper.mem-upgrades {
    padding: 0 15px;
  }

  .mem-widget__wrapper.mem-widget__padding {
    padding: 15px;
    padding-left: 15px !important;
  }

  div.mem-knowledge-topic__wrapper .mem-knowledge-topic__content {
    margin-left: 0;
    margin-bottom: 0;
  }

  .mem-knowledge-home__content .mem-content__wrapper {
    padding: 15px;
  }


  h2.mem-top-bar-title__wrapper {
    margin-top: 0;
  }

  .mem-top-bar-back-link a.mem-btn__iconOnly i {
  }

  .mem-books-signup__widgetWrapper {
    max-width: 100%;
    width: 100%;
  }

  .mem-books-signup__widgetWrapper .mem-books-signup__content > * {
    flex-basis: 100%;
    max-width: 100%;
    display: block;
  }

  .mem-books-signup__pageWrapper {
    min-height: auto;
    padding: 0;
  }

  .question-item .mem-widget-title__wrapper {
    display: block;
  }

  .mem-form-input-group__horizontal > div {
    /*margin-bottom: 20px;*/
  }

  .mem-show-mobile .mem-top-bar-section__wrapper {
    display: block;
    height: auto;
  }

  .mem-show-mobile .mem-top-bar-section__wrapper button,
  .mem-show-mobile .mem-top-bar-section__wrapper a {
    display: block;
    height: auto !important;
    line-height: 30px;
    margin-bottom: 10px;
    width: 100%;
  }

  .mem-show-mobile .mem-top-bar-section__wrapper button span {
    height: auto;
    display: block;
    width: 100%;
  }

  .mem-page-dashboard__sideContent .mem-content__item {
    margin: 15px 0;
  }

  .page-1 .mem-page-dashboard__sideContent {
    flex-grow: 1;
    max-width: 100%;
    min-width: 100%;
  }

  .mem-books-user__splitContent {
    /*flex-direction: column-reverse;*/
  }

}

@media (max-width: 1024px ) {
  .mem-nav-panel__wrapper {
    height: 100% !important;
  }
}


@media (max-width: 500px ) {

  .mem-books-signup__content .mem-widget-content__wrapper {

  }

  #user-register h2,
  #user-register .col {
    padding: 5px;
  }

  .mem-content__item.mem-emoji-headline__wrapper {
    margin: 0;
    margin-bottom: 10px;
  }


  .mem-tutorial-list__wrapper {
    display: block;
  }

  .mem-content__item.mem-widget__margin,
  .mem-widget__wrapper.mem-widget__margin {
    margin: 15px 0;
  }

  /*.mem-emoji-headline__wrapper{
        display: block;
    }
    .mem-emoji-headline__emojiBox{*/
  /*    width: 100%;*/
  /*    height: auto;*/
  /*}*/
  .mem-content__item.mem-emoji-headline__wrapper .extra-padding button.mem-btn__base.mem-btn__primary {
    margin: 10px 0;
  }

  .mem-content__item.mem-emoji-headline__wrapper .extra-padding {
    padding-right: 0;
    padding-left: 0;
    display: block;
  }

  .mem-content__item.no-margin-mobile {
    margin: 10px 0;
  }

  .mem-top-bar-section__wrapper.not-confirmed {
    width: 100%;
  }

  .mem-top-bar-section__wrapper.not-confirmed .mem-full-height__wrapper {
    display: inline-block;
    width: 100%;
    height: auto !important;
  }

  .mem-top-bar-section__wrapper.not-confirmed .mem-full-height__wrapper a,
  .mem-top-bar-section__wrapper.not-confirmed .mem-full-height__wrapper button {
    padding: 5px 15px;
    height: auto !important;
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  .mem-full-height__wrapper .mem-btn__base {
    height: auto !important;
    padding: 5px 15px;
    width: 100%;
  }

  h2.mem-top-bar-title__wrapper {
    padding-left: 10px;
    margin-top: 15px;
  }

  .mem-top-bar-back-link a.mem-btn__iconOnly {
    display: inline-block;
    float: left;
  }

  .mem-top-bar-back-link a.mem-btn__iconOnly i {
    margin-top: 5px;
  }


  .mem-books-top-bar__wrapper {
    padding-right: 0;
  }

  .mem-layout-main__wrapperInner {
    display: block;
  }

  .mem-social-about__wrapper .mem-social-about__listWrapper {
    display: block;
    padding: 10px;
  }

  .mem-top-bar__wrapper.mem-books-top-bar__wrapper {
    max-height: 100px;
  }

  .mem-books-users__userItem {
    height: auto;
    padding: 10px 15px;
  }

  .mem-contributors .mem-books-users__userItem {
    justify-content: space-between;
  }

  .mem-form-input-group__horizontal {
    display: block;
  }

  .mem-question__Image_item img {
    width: 100%;
    height: auto;
  }

  .mem-social-header__content {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .mem-knowledge-home__content .mem-content__wrapper {
    padding: 5px;
  }

  .mem-sm-block {
    display: block !important;
  }

  .mem-block-sm-6 {
    width: calc(50% - 16px);
    margin: 8px;
    float: left;
  }
}

.mem-pro-upgrade {
  max-width: 80%;
  margin: 0 auto;
}

.mem-pro-upgrade table {
  margin-top: 0;
}

.mem-pro-upgrade table tr:nth-child(even) {
  background: #ffffff
}

.mem-pro-upgrade table tr:nth-child(odd) {
  background: #F6F9FD
}

.mem-pro-upgrade table thead tr:nth-child(odd) {
  background: #ffffff;
}

.mem-pro-upgrade table tr.no-border td {
  border-right: none;
  border-left: none;
}

.mem-pro-upgrade ul {
  display: flex;
  top: 0;
  z-index: 10;
  padding-bottom: 14px;
}

.mem-pro-upgrade li {
  list-style: none;
  flex: 1;
}

.mem-pro-upgrade li:last-child {
  border-right: 1px solid #EAEDF3;
}

.mem-pro-upgrade button {
  width: 100%;
  border: 1px solid #EAEDF3;
  border-right: 0;
  border-top: 0;
  padding: 10px;
  background: #FFF;
  font-size: 14px;
  font-weight: bold;
  height: 60px;
  color: #999
}

.mem-pro-upgrade li.active button {
  background: #F5F5F5;
  color: #000;
}

.mem-pro-upgrade table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

.mem-pro-upgrade th {
  display: none;
  border-top: none;
}

.mem-pro-upgrade td, .mem-pro-upgrade th {
  height: 53px
}

.mem-pro-upgrade td, .mem-pro-upgrade th {
  border: 1px solid #EAEDF3;
  padding: 10px;
  empty-cells: show;
  padding: 15px 10px;
}

.mem-pro-upgrade td, .mem-pro-upgrade th {
  text-align: left;
}

.mem-pro-upgrade td + td, .mem-pro-upgrade th + th {
  text-align: center;
  display: none;
}

.mem-pro-upgrade td.default {
  display: table-cell;
}

.bg-blue {
  border-top: 3px solid #0097CF;
}

.sep {
  background: #F5F5F5;
  font-weight: bold;
}

.txt-l {
  font-size: 28px;
  font-weight: bold;
}

.txt-top {
  position: relative;
  top: -9px;
  left: -2px;
}

.tick {
  font-size: 18px;
  color: #2CA01C;
}

.hide {
  border: 0;
  background: none;
}

.mem-upgrade-icon__green i {
  padding-left: 3px;
}

.mem-upgrade-icon__blue i {
  padding-left: 3px;
}

.mem-upgrade-icon__orange i {
  padding-left: 3px;
}

.mem-upgrade-icon__red i {
  padding-left: 3px;
}

@media (min-width: 1024px) {
  .mem-pro-upgrade ul {
    display: none;
  }

  .mem-pro-upgrade td, .mem-pro-upgrade th {
    display: table-cell !important;
  }

  .mem-pro-upgrade td, .mem-pro-upgrade th {
    width: 330px;

  }

  .mem-pro-upgrade td + td, .mem-pro-upgrade th + th {
    width: auto;
  }
}

.right-btn_action form:first-child {
  margin-right: 15px;
}

@media (max-width: 640px) {

  .right-btn_action form {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .mem-pro-upgrade {
    max-width: 100%;
    margin: 0 auto;
  }

  .mem-upgrades .mem-layout-main__wrapperInner {
    padding: 0;
  }

  .mem-pro-upgrade ul {
    margin: 0;
    padding: 0;
  }

  .mem-pro-upgrade ul li {
    margin: 0;
    padding: 0;
  }
}

.mem-like-comment-box {
  display: none;
}

.extra-padding {
  padding-right: 35px;
  padding-left: 35px;
  position: relative;
}

.question-filters .select2-container--default .select2-selection--multiple {
  padding: 7px 15px;
}

.question-filters .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 0;
  margin-bottom: 0;
}

.filter-div {
  width: 100% !important;
  max-width: 160px !important;
  display: inline-block;
}

.filter-div select {
  max-width: 100% !important;
}

.filter-div .select2-container--default .select2-search--inline .select2-search__field {
  line-height: 30px;
  height: auto;
  max-height: initial;
  margin: 0;
  padding: 2px;
}

.filter-div span.select2.select2-container.select2-container--default {
  max-width: 100% !important;
}

.filter-div .select2-container--default .select2-selection--multiple {
  border: 1px solid #eaedf3;
}


@media (max-width: 1200px) {
  table.mem-widget-table__wrapper.questions-table tr td,
  table.mem-widget-table__wrapper.questions-table tr th {
    padding: 10px;
  }

  table.mem-widget-table__wrapper.questions-table tr td:first-child,
  table.mem-widget-table__wrapper.questions-table tr th:first-child {
    padding-left: 10px;
  }

  table.mem-widget-table__wrapper.questions-table tr td:last-child,
  table.mem-widget-table__wrapper.questions-table tr th:last-child {
    padding-right: 10px;
  }

  table.mem-widget-table__wrapper.questions-table td img {
    max-width: 80px;
  }
}

@media (max-width: 767px) {
  .mem-tutorial-list__wrapper > * {
    -ms-flex-preferred-size: initial !important;
    flex-basis: initial !important;
  }

  table.mem-widget-table__wrapper.questions-table tr td,
  table.mem-widget-table__wrapper.questions-table tr th {
    width: 100%;
    display: block;
    /*text-align: center;*/
    padding: 15px;
    border: 0;
    height: auto;
  }

  table.mem-widget-table__wrapper.questions-table tr {
    border-bottom: 1px solid #EAEDF3;
    padding-bottom: 10px;
    display: block;
  }

  table.mem-widget-table__wrapper.questions-table thead {
    display: none;
  }

  table.mem-widget-table__wrapper.questions-table .mem-icon-text__wrapper i {
    margin-right: 0;
  }

  table.mem-widget-table__wrapper.questions-table {

  }

  .mem-books-navigation__aboutAppContainer {
    flex-basis: 45px;
    padding-top: 10px;
  }

  .mem-books-navigation__copyAbout {
    display: none;
  }

  .mem-books-navigation__aboutAppContainer {
    display: none;
  }

  .mem-books-navigation__wrapper {
    overflow: visible;
  }

  .mem-books-navigation__project-selection-container .mem-select__optionListWrapper {
    left: 0;
    right: auto;
  }
}

@media (max-width: 450px ) {
  .filter-div {
    width: auto !important;
    max-width: 100% !important;
    display: block;
    padding: 0;
    margin-bottom: 10px !important;
  }

  .filter-div span.select2.select2-container.select2-container--default {
    width: 100% !important;
  }


}

.mem-books-publish .mem-books-grid-item__wrapper .mem-books-grid-item__imageWrapper .mem-books-grid-item__imageWrapperInner {
  background-size: contain;
  background-position: left center;
}

.mem-books-publish .mem-books-grid-item__wrapper .mem-books-grid-item__imageWrapper {
  height: 350px;
}

.mem-books-publish .mem-books-grid-item__wrapper {
  padding: 25px 30px;
}

.mem-books-publish .mem-books-grid-item__wrapper .mem-books-grid-item__footer {
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
}
.mem-books-grid-item__imageWrapperInner .mem-Navigator__badge {
  top: auto;
  left: auto;
  right: 11px;
  bottom: 11px;
  width: auto;
  border-radius: 10px;
  padding: 1px 5px;
  align-content: center;
}

@media (max-width: 768px ) {
  .mem-books-grid-view__wrapper {
    justify-content: space-around;
  }

  .mem-books-grid-view__wrapper > * {
    margin: 0;
    flex-basis: 100%;
  }

  .mem-books-grid-view__wrapper {
    gap: 12px;
    justify-content: center;
  }

  .mem-books-publish .mem-books-grid-item__wrapper .mem-books-grid-item__imageWrapper {
    height: 200px;
  }

  .mem-books-grid-item__wrapper .mem-books-grid-item__imageWrapper {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .user-questions-add-custom {
    margin: 0 15px;
    display: flex;
    justify-content: flex-end;
  }

  /*.mem-user-questions .mem-emoji-headline__wrapper,*/
  /*.mem-questions .mem-emoji-headline__wrapper {*/
  /*    display: flow-root;*/
  /*}*/
  /*.mem-questions .mem-emoji-headline__emojiBox {*/
  /*    margin: auto;*/
  /*}*/
  /*.mem-questions .mem-emoji-headline__wrapper {*/
  /*    display: flow-root;*/
  /*    text-align: center;*/
  /*}*/
  /*.mem-questions .btn_add_question {*/
  /*    margin-left: 0px;*/
  /*}*/
  #own-question-save-and-exit,
  #own-question-save-and-answer,
  #own-question-save-and-new {
    margin-bottom: 10px;
    width: 100%;
  }
}


.extra-padding {
  padding-right: 35px;
  padding-left: 35px;
  position: relative;
}

.question-filters .select2-container--default .select2-selection--multiple {
  padding: 7px 15px;
}

.question-filters .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 0;
  margin-bottom: 0;
}

.select2-container {
  max-width: 100%;
  width: 100% !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
  padding: 2px 15px;
  line-height: 28px;


  border: 1px solid #c2c2c2;
  background: #fff;
  border-radius: 10px;
  font-size: 1.275rem;
  font-family: "New Kansas", sans-serif;
  font-weight: 400;
  color: #284556;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  line-height: 32px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  line-height: 22px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
  padding: 3px 8px;
  border-radius: 99px;
}

.select2-container--default.select2-container--open .select2-selection--multiple,
.select2-container--default.select2-container--focus.select2-container--below .select2-selection--multiple {
  border: 1px solid #EAEDF3;
}

.select2-dropdown {
  border: 1px solid #EAEDF3;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #344358;
  color: #fff;
  border-color: #344358;
}

.select2-container .select2-search--inline .select2-search__field {
  padding: 0 !important;
  min-height: 46px;
  margin: 0;
  background: transparent;

  /* CSS remove input appearance to iOS devices */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  font-family: "New Kansas", sans-serif !important;
  font-size: 1.275rem;
}

.select2-container .select2-search--inline .select2-search__field::placeholder {
  color: #284556;
}


.search-question-form .select2-container .select2-search--inline .select2-search__field {
  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif !important;
  /*font-size: 1.1rem;*/
  font-size: 1rem;
}

.show-only-on-sm {
  display: none;
}

.search-icon {
  color: #fefefe;
  opacity: 1;
}

#search-questions-content {
  margin-top: 15px;
}

.search-question-form {
  /*display: flex;*/
}

.mem-input__textarea,
.search-question-form .mem-input__select {
  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif !important;
  /*font-size: 1.1rem;*/
  font-size: 1rem;
}

.search-category-questions,
.search-tags-questions,
.search-input-questions,
.search-buttons-questions,
.search-all-buttons-questions {
  display: inline-block;
}

.search-category-questions,
.search-tags-questions,
.search-input-questions {
  margin-right: 15px;
  margin-bottom: 10px;
}

.question-bank-empty-qb .search-category-questions,
.question-bank-empty-qb .search-tags-questions,
.question-bank-empty-qb .search-input-questions {
  margin-right: 15px;
  margin-bottom: 10px;
}


#search-questions-content .loading-icon {
  margin: 15px 0;
}

.search-buttons-questions-container {
  display: flex;
  align-items: center;
}

.questions-search .ajax-result-content {
  width: 100%;
}

.question-search-add-queue {
  padding-left: 35px;
}

.mem-question-list-actions {
  display: flex;
  align-items: baseline;
}

.mem-question-list-actions .mem-icon-text__wrapper {
  margin-left: 7px;
  margin-top: 5px;
}

.mem-icon-text__wrapper .material-icons {
  color: #777;;
}

.mem-icon-text__wrapper button {
  background: none;
  border: none;
}

.mem-icon-text__wrapper a .material-icons {
  color: #777;;
}

.mem-icon-text__wrapper .mem-order-button {
  cursor: move;
}

h3 a.edit-question-from-queue {
  color: #3E3F42;
  text-decoration: none;
}

.delete-question-from-queue svg,
.edit-question-from-queue svg {
  /*color: #777 !important;
  color: #ddd !important;*/
}

.edit-question-from-queue svg.icon-tabler-photo-up {
  color: #ddd !important;
}

h3 a.edit-question-from-queue:hover {
  text-decoration: none;
}

div.mem-knowledge-topic__wrapper + * {
  margin-top: 1px;
}

.mem-books-top-bar__wrapper .mem-top-bar-section__wrapper {
  padding-left: 30px;
}


.mem-menu-close {
  display: none;
  cursor: pointer;
  padding: 10px;
  color: #b5b5b5;
}

@media (max-width: 1575px) {

  .search-category-questions,
  .search-tags-questions,
  .search-input-questions {
    /*margin-right: 15px;*/
    margin-bottom: 10px;
  }


}

@media (max-width: 1402px) {

  .search-all-buttons-questions {
    margin-right: 15px;
    margin-left: 0;
    display: block;
  }

  .search-all-buttons-questions.no-tag-search-input {
    display: inline-block;
    margin-right: 0;
  }

}

@media (max-width: 1200px) {

  .search-category-questions,
  .search-tags-questions,
  .search-input-questions {
    /*margin-right: 0;*/
    /*width: 20%;*/
    margin-bottom: 10px;
  }

  .ajax-result-content {
    flex-basis: 100% !important;
  }

  .mem-user-search-questions .ajax-result-content .mem-widget-table__wrapper tr th.question-image,
  .mem-user-search-questions .ajax-result-content .mem-widget-table__wrapper tr td.question-image {
    display: none;
  }


  .mem-content__item.wide {
    margin-bottom: 0;
  }

  .mem-tutorial-list-item__extra {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
  }

  .search-all-buttons-questions.no-tag-search-input {
    margin-left: 0;
  }

  /*.mem-user-search-questions thead {*/
  /*    display: block;*/
  /*}*/
}

@media (max-width: 940px) {

  .search-category-questions,
  .search-tags-questions,
  .search-input-questions {
    /*margin-right: 15px;*/
    margin-bottom: 10px;
  }
}


@media (max-width: 990px) {

  .search-category-questions,
  .search-tags-questions,
  .search-input-questions {
    /*margin-right: 10px;*/
    margin-bottom: 10px;
  }

  .user-questions-add-custom {
    display: flex;
    justify-content: end;
  }
}

@media (max-width: 960px) {
  .sortable, .list-questions {
    flex-basis: 100% !important;
  }
}

.sortable li, .list-questions li {
  flex-basis: 350px;
  flex-shrink: 1;
  overflow: hidden;
  display: flex;
}

@media (max-width: 1366px) {
  .sortable li, .list-questions li {
    flex-basis: 335px !important;
    flex-shrink: 1 !important;
    overflow: hidden;
  }

}

@media (max-width: 768px) {
  .mem-menu-close {
    display: block;
  }
}


@media (max-width: 1040px) {
  .sortable li, .list-questions li {
    flex-basis: 50% !important;
    flex-shrink: 1 !important;
    overflow: hidden;
  }

  .sortable .mem-widget__wrapper h3 {
    word-break: break-word;
  }
}

@media (max-width: 800px) {
  .search-category-questions,
  .search-tags-questions,
  .search-input-questions {
    margin-right: 0px;
    margin-bottom: 10px;
    width: 100% !important;
  }

  .search-buttons-questions {
    width: 100%;
  }

  .search-question-form .mem-btn__base {
    width: 100%;
  }

  .search-all-buttons-questions {
    text-align: center;
    float: none;
    width: 100%;
    margin-top: 15px;
  }

  .question-bank-empty-qb .search-category-questions.category {
    margin-right: 0px;
  }
}

@media (max-width: 767px) {

  .mem-books-top-bar__wrapper .mem-top-bar-section__wrapper {
    padding-right: 10px;
  }

  .search-category-questions,
  .search-tags-questions,
  .search-input-questions {
    /*margin-right: 10px;*/
    margin-bottom: 10px;
  }

  /*    .mem-user-search-questions .mem-content__item.mem-emoji-headline__wrapper {*/
  /*        display: flex;*/
  /*        flex-direction: column;*/
  /*        !*align-items: flex-start;*!*/
  /*        margin: 15px;*/
  /*    }

        .mem-user-search-questions .mem-content__item .mem-emoji-headline__content {
            text-align: center;
            margin-bottom: 20px;
        }

        .mem-user-search-questions .mem-content__item.mem-emoji-headline__wrapper .extra-padding {
            padding: 0px;
        }*/
  .mem-content__item.wide {
    margin-right: 0;
    margin-left: 0;
  }

  #search-questions-content.mem-widget__wrapper {
    background: none;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
  }

  #search-questions-content {
    margin-top: 50px;
  }

  #search-questions-content .mem-widget-content__wrapper {
    padding: 0;
  }

  .mem-user-search-questions .ajax-result-content {
    flex-basis: 100% !important;
  }

  .mem-user-search-questions thead {
    display: none;
  }

  .mem-user-search-questions .ajax-result-content .mem-widget-table__wrapper tr {
    height: auto;
    border: 1px solid #EAEDF3;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    background: #FFFFFF;
    margin-bottom: 20px;
    display: block;
  }

  .mem-user-search-questions .ajax-result-content .mem-widget-table__wrapper tbody {
    flex-wrap: wrap;
    display: flex;
  }

  .mem-user-search-questions .ajax-result-content .mem-widget-table__wrapper tr {
    display: flex;
    flex-flow: column wrap;
    width: 45%;
    margin-right: 5%;
    justify-content: space-between;
  }

  .mem-user-search-questions .ajax-result-content .mem-widget-table__wrapper tr td {
    height: auto;
    border: none;
  }

  .mem-user-search-questions .ajax-result-content .mem-widget-table__wrapper tr td:first-child {
    display: none;
  }

  .mem-user-search-questions .ajax-result-content .mem-widget-table__wrapper tr td:last-child {
    height: auto;
    display: flex;
    border-top: 1px solid #EAEDF3;
    /*flex-direction: row-reverse;*/
    padding-top: 5px;
    padding-bottom: 0;
    padding-right: 15px;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
  }

  .mem-user-search-questions .ajax-result-content .mem-widget-table__wrapper tr td.question-image,
  .mem-user-search-questions .ajax-result-content .mem-widget-table__wrapper tr th.question-image {
    display: none !important;
  }

  .mem-user-search-questions .ajax-result-content .mem-widget-table__wrapper tr td img {
    width: 100%;
  }

  .show-only-on-sm {
    display: inline-block;
  }

  .search-category-questions,
  .search-tags-questions,
  .search-input-questions {
    /*margin-right: 15px;*/
    margin-bottom: 10px;
    width: 100% !important;
  }

  .all-question-button .mem-btn__base {
    padding: 0 10px;
  }

  .search-all-buttons-questions {
    float: right;
    margin-right: 0;
  }

  .search-input-questions {
    width: calc(100% - 72px) !important;
  }

  .search-all-buttons-questions {
    text-align: center;
    float: none;
    width: 100%;
    margin-top: 15px;
  }

  .mem-user-search-questions .ajax-result-content .mem-widget-table__wrapper tr {
    display: flex;
    position: relative;
  }

  .mem-user-search-questions .ajax-result-content .mem-widget-table__wrapper tr td.mem-question-list-item__category {
    width: max-content;
  }

  .mem-user-search-questions .ajax-result-content .mem-widget-table__wrapper tr td:last-child {
    height: auto;
    display: flex !important;
    border-top: none;
    /*flex-direction: row-reverse;*/
    padding-top: 5px;
    padding-bottom: 0;
    padding-right: 15px;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    width: 150px !important;
    position: absolute;
    bottom: 15px;
    right: 0;
  }
}

@media (max-width: 600px) {


  .mem-user-search-questions .ajax-result-content .mem-widget-table__wrapper tr {
    width: 100%;
    margin-right: 0;
    flex-flow: row wrap;
  }

  .mem-widget-table__wrapper tr td.mem-question-list-item__category {
    color: #777;
  }

  .user-questions-add-custom {
    margin: 0;
  }
}

@keyframes animatedBackground {
  from {
    background-position: center;
  }
  to {
    background-position: 0 80%;
  }
}

.animate-background-area {
  background-position: center;
  background-repeat: repeat-x;
  animation: animatedBackground 10s linear infinite alternate;
}

/* FILTERS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.filters * {
  display: inline-block;
}

.mem-tutorials-filters {
  padding: 20px 0;
}

ul.filters {
  display: flex;
  flex-direction: row;
  margin: 0;
  justify-content: center;
}

.filters li {
  border: 1px solid #ccc;
  margin: 0 !important;
  overflow: hidden;
  border-right: none;
}

.filters li:first-child {
  border-radius: 25px 0 0 25px;
  border-right: none;
}

.filters li:last-child {
  border-right: 1px solid #ccc;
  border-radius: 0 25px 25px 0;
}

.filters label {
  padding: 0.8rem 1.25rem;
  min-width: 50px;
  line-height: normal;
  cursor: pointer;
  transition: all 0.1s;
  text-transform: none;
  font-weight: 400;
}

@media (max-width: 520px) {
  .filters label {
    padding: 0.7rem 0.9rem;
  }

  .mem-books-listing-top-bar__selectValueWrapper {
    font-size: 0.875rem;
    font-weight: 400;
    white-space: normal;
  }

  #user-change-book-share-options.mem-select__wrapper .mem-select__valueRendered {
    height: 48px;
  }
}

@media (max-width: 374px) {
  .filters label {
    padding: 0.8rem 0.5rem;
  }
}

.filters li.active label,
.filters label:hover {
  background-color: #ccc;
  color: var(--white);
}

.mem-tutorials-filters input.hidden {
  display: none;
}

.mem-books-answer__detail .mem-books-detail__detailMisc {
  margin-top: 35px;
}

#filter_search_questions_by_category option:disabled {
  display: none;
}

@media (max-width: 520px) {

}

.mem-input__edit_headline {
  font-size: 1.625rem;
  line-height: 2.375rem;
  border: none;
  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif;
}

#clipboard-copy-msg,
#clipboard-share-msg {
  visibility: hidden;
  opacity: 0;
  float: left;
  color: var(--gray);
  display: flex;
  align-items: center;
  transition: all 0.5s;
  font-size: 14px;
}

#share-book-modal .modal-footer {
  border-top: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mem-contained-image {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.mem-contained-image img {
  max-width: 100%;
  max-height: 100%;
}

.mem-accordion-item__content {
  padding: 15px 0;
}

.ui-accordion .ui-accordion-header {
  align-items: center;
  background-color: #efefef;
  font-weight: bold;
  color: #94bbb5;
  border: none;
  border-radius: 4px;
  padding: 15px 10px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  outline: none;
  display: flex;
  flex-shrink: 0;
  flex-basis: 100%;
  margin: 15px 0;
  color: var(--tabnavigation);
}

.ui-accordion .ui-accordion-header.transparent-accordion {
  background-color: transparent;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around;
  width: 90%;
  margin: 0 auto;
  font-size: 0.875rem;
  font-weight: bold !important;
  color: #29a599;
  text-transform: uppercase;
}

.questions-example-accordion .ui-icon {
  margin-left: 10px !important;
}

.questions-example-accordion.ui-accordion .ui-accordion-header .ui-icon {

}

.ui-accordion .ui-accordion-content {
  border: none;
  padding: 15px;
  padding-top: 0;
  overflow: unset;
}

.ui-icon,
.ui-widget-content .ui-icon,
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  margin-top: 1px;
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background-image: url("https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_444444_256x240.png");
}

.ui-widget {

  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif;;

}

.mem-books-detail__propertyTable td {
  font-size: 1rem;
}

h1.mem-empty-result {
  padding: 5px 20px 10px 20px;
  font-family: "New Kansas SemiBold";
}

p.mem-empty-result {
  padding: 0 20px;
  /*font-family: "New Kansas SemiBold";*/
}

.mem-books-users__userBack {
  -webkit-transform: translate(-10px, 0);
  -ms-transform: translate(-10px, 0);
  transform: translate(-10px, 0);
  margin: 0 0 12px 12px;
}

.mem-contributor-details .mem-empty-result {
  padding: 10px 5px;
}

.mem-contributor-details {
  padding: 30px;
}
.mem-emoji-headline__content {
    max-width: 800px;
}
.mem-books-dashboard__categoriesWrapper > * {
  flex-basis: calc(33% - 30px);
}

.mem-add-new-book .mem-books-user__subNav {
  flex-basis: 2%;
  min-width: 2%;
}

@media (max-width: 990px) {
  .mem-books-dashboard__categoriesWrapper > * {
    flex-basis: calc(50% - 30px);
    -ms-flex-preferred-size: calc(50% - 30px);
  }
}

@media (max-width: 1500px) {
  .mem-add-new-book .mem-books-user__subNav {
    flex-basis: 10%;
    min-width: 10%;
  }
}

@media (max-width: 1300px) {
  .mem-add-new-book .mem-books-user__subNav {
    display: none;
  }
}

@media (max-width: 520px) {
}

#show-creating-book-message-one-step,
#show-creating-book-message {
  text-align: center;
}

.mem-book-questions-images .mem-tutorial-list-item__wrapper {
  position: relative;
}

.mem-book-questions-images .mem-tutorial-list-item__wrapper a {
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  min-height: 200px;
  display: block;
}

.mem-book-questions-images.mem-tutorial-list__wrapper {
  justify-content: flex-start;
}

.mem-book-questions-images.mem-tutorial-list__wrapper #add-question-description {
  padding: 0 15px 15px;
  margin-top: 10px;
}

.mem-book-questions-images.mem-tutorial-list__wrapper .mem-tutorial-list-item__wrapper {
  -ms-flex-preferred-size: 260px;
  flex-basis: 260px;
}

.ajax-progress-bar-save {
  width: 0;
  height: 4px;

  -webkit-transition: all 1.4s;
  -moz-transition: all 1.4s;
  -o-transition: all 1.4s;
  transition: all 1.4s
}

.fast .ajax-progress-bar-save {
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s
}

.inactive .ajax-progress-bar-save {
  background: var(--white);

  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

.active .ajax-progress-bar-save {
  background: #29A599;
}

.no-internet .ajax-progress-bar-save {
  background: #dd4132;
}


input.mem-input__small {
  min-height: 23px !important;
  line-height: 18px !important;
  font-size: 14px;
}

.mem-books-detail__galleryImage .mem-contained-image {
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.mem-input__input.mem-input__phone_number {
  width: 200px !important;
  display: inline;
  border: 1px solid #D8DCE6;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  min-height: 38px;
  background: white;
  height: 38px;
}

.mem-input__inputsWrapper.mem-input__inputsFlex {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  flex-wrap: wrap;
}

#mem-change-phone-prefix-selector .mem-btn__base .mem-books-listing-top-bar__selectValueWrapper {
  margin-right: 0;
}

#mem-change-phone-prefix-selector {
  margin-right: 10px;
}

#add-book-phone-number {
  margin-right: 10px;
}

#mem-change-phone-prefix-selector .mem-btn__base {
  padding: 0 10px !important;
  min-width: 95px;
}

#mem-change-user-role-selector {
  min-width: 140px;
  margin: 10px 0;
}

#mem-change-user-role-selector .mem-select__optionListWrapper .mem-select__optionList .mem-select__option {
  min-height: 40px;
}

.mem-btn__base .mem-btn__content {
  font-size: 1rem;
  padding-left: 5px;
  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif;
  text-transform: none;
}

.mem-btn__base .mem-btn__iconWrapper svg {
  width: 20px;
  max-width: max-content;
}

.mem-books-grid-item__wrapper {
  cursor: pointer;
}

.mem-books-grid-item__wrapper:hover .mem-books-grid-item__title {
  color: var(--green);
}

.mem-books-users__letter a {
  display: none;
}

#verify-book-user-phone .modal-footer,
#verify-book-user-phone .modal-content {
  text-align: center;
}

#verification_code_phone_number {
  margin-top: 0;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-size: 1rem; /*font-size:1.1rem*/
}

.verification-code-digit {
  font-size: 35px;
  padding: 10px 10px;
  width: 65px;
  margin: 15px 5px 5px 5px;
  border: 2px solid #999;
  max-width: 20%;
  border-radius: 4px;
  text-align: center;
}

@media (max-width: 520px) {

  #add-book-phone-number {
    width: 130px !important;
    margin-right: 10px;
  }

  #share-book-modal .modal-content {
    max-width: 90%;
  }

  #share-book-modal .modal-footer {
    padding-top: 0;
    text-align: right;
  }

  .mem-question-list-actions .mem-icon-text__wrapper.mem-delete-button,
  .mem-question-list-actions .mem-icon-text__wrapper.mem-edit-button {
    padding: 0 10px;
  }

  .mem-books-users__letter a {
    display: flex;
  }

  .mem-books-users__letter {
    opacity: 1;
    justify-content: start;
    padding-left: 10px;
  }
}

@media (max-width: 330px) {
  .verification-code-digit {
    max-width: 19%;
  }
}

@media (max-width: 375px) {
  #confirm-verify-book-user-phone .modal-footer {
    text-align: center;
  }
}

.verification-code-error {
  margin-bottom: 15px;
  color: red;
  font-size: 14px;
}

#the-pdf-preview-question canvas,
.the-pdf-approve-preview canvas,
#mem-preview-book-content canvas {
  margin: 15px auto;
}

#the-pdf-preview,
.the-pdf-approve-preview {
  display: flex;
  flex-direction: column;
  transition: 1.5s all;
  transform: translate(0, 0);
}


.mem-books__contentPreviewContainer button#one {
  position: fixed;
  right: -70px;
  text-align: center;
  top: 0;
}

.mem-books__contentPreviewContainer button#two {
  position: fixed;
  right: 60px;
  text-align: center;
  top: 78px;
}

@media only screen and (max-width: 767px) {
  .mem-books__contentPreviewContainer button#one {
    position: fixed;
    right: -10px;
    text-align: center;
    top: -10px;
  }

  .mem-books__contentPreviewContainer button#two {
    position: fixed;
    right: -10px;
    text-align: center;
    top: 48px;
  }
}

#mem-preview-book-questions-content .loading-icon,
#mem-preview-book-content .loading-icon {
  display: block;
  padding: 100px;
  text-align: center;
  /*margin-top: 100px;
    position: relative;*/
  background: #fff;
  z-index: 20000;
  border: 1px solid;
  position: absolute;
  top: calc(50% - 100px);
  left: calc(50% - 100px);
}

#the-pdf-preview,
.the-pdf-approve-preview {
  margin: 0 auto;
}

.the-pdf-approve-preview {
  margin: 0 -15px;
}

.the-pdf-approve-preview {
  max-height: 100%;
}

.the-pdf-approve-preview canvas {
  border: 1px solid #c3c3c3;
}

#the-pdf-preview-question canvas,
.the-pdf-approve-preview canvas,
#the-pdf-preview canvas {
  max-width: 100%;
  margin: 0 !important;
  width: max-content;
  display: block;
  justify-content: center;
}

#content-second-2-pdf .rpv-core__canvas-layer canvas,
.the-pdf-approve-preview .rpv-core__canvas-layer canvas {
  max-width: 100%;
  margin: 0 !important;
}

.the-pdf-approve-preview canvas {
  flex: 50%;
}

#mem-preview-book-questions-content,
#mem-preview-book-content {
  position: absolute;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: none;
  transition: .2s all;
}

#mem-preview-book-content .mem-books-listing__wrapper {
  flex-basis: 60%;
  transition: 1s all;
  border-right: none;
}

#mem-preview-book-content .show-preview-without-settings .mem-books-listing__wrapper {
  flex-basis: 100%;
}

#mem-preview-book-content .mem-books-detail__wrapper {
  background: #fff;
  -webkit-transition: 1s all;
  -moz-transition: 1s all;
  -o-transition: 1s all;
  transition: 1s all;
  display: flex;
}

.mem-books__hide-bottom {
  transform: translate(0, 100%) !important;
}

.mem-books__hide-right {
  transform: translate(100%, 0) !important;
}

/*::-webkit-scrollbar {*/
/*    display: inherit;*/
/*    border: none;*/
/*    padding: 0;*/
/*}*/

.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.mem-btn-round {
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

#mem-btn-mobile-preview-settings,
#mem-btn-mobile-preview {
  display: none;
  padding: 0;
}

#mem-btn-mobile-preview-close {
  display: none;
  padding: 0;
}

#mem-btn-mobile-preview-settings-close {
  display: none;
}

#mem-preview-book-content .show-preview-without-settings .mem-books-listing__wrapper #mem-btn-mobile-preview-close {
  display: block;
  position: fixed;
  right: 40px;
}

#mem-preview-book-content .footer {
  margin-top: 15px;
}

#mem-preview-book-content .mem-books-listing__wrapper .mem-layout-main__wrapperInner {
  align-items: center;
}

.mem-detail-tabs {
  min-width: 70px;
}

.mem-detail-tabs .mem-tab {
  font-size: 1rem;
  color: #293039;
  text-align: center;
  padding: 10px 10px;
  position: relative;
  cursor: pointer;
}

.mem-detail-tabs-container .mem-tab-content {
  flex-grow: 1;
  display: none;
}

.mem-detail-tabs-container .mem-tab-content.active {
  display: block;
  overflow-y: auto;
}

.mem-layout-main__wrapperInner .mem-tab-content {
  display: none;
}

.mem-layout-main__wrapperInner .mem-tab-content.active {
  display: block;
}

#book-main-tab .mem-form-input-group__horizontal {
  display: flex;
}


.uploader-window-content .mem-detail-tabs-container {
  height: 100%;
  background: #f3f3f3;
  border-radius: 5px;
  padding: 10px;
}

.uploader-window-content .mem-detail-tabs-container .mem-detail-tabs {
  display: flex;
}

.uploader-window-content .mem-detail-tabs-container .mem-tab {
  min-width: max-content;
  /*border: 1px solid #c3c3c3;*/
}

.mem-detail-tabs .mem-tab.active {
  border: 1px solid #c3c3c3;
  border-bottom: 1px solid #f3f3f3;
  color: #293039;
  background: #f3f3f3;
  height: 40px;
  /*border-radius: 7px 0 0px 7px;*/
}

.mem-layout-main__wrapperInner.mem-detail-tabs-container {
  /*border: 3px solid #293039;*/
  flex-basis: 100%;
  height: 100%;
  position: relative;
}

.mem-detail-tabs-container .mem-tab-content {
  height: 100%;
}

.mem-detail-tabs .mem-tab .after,
.mem-detail-tabs .mem-tab .before {
  display: none;
}

.mem-detail-tabs .mem-tab.active .after {
  top: 0;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 0;
  background: radial-gradient(circle closest-side, transparent 0, transparent 50%, #fff 0) 200% 200%/400% 400%;
  transform: scaleY(-1);
  display: block;
}

.mem-detail-tabs .mem-tab.active .before {
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: radial-gradient(circle closest-side, transparent 0, transparent 50%, #fff 0) 200% 200%/400% 400%;
  display: block;
}

.mem-preview-close {
  text-align: center;
  padding: 15px 0;
  cursor: pointer;
}

.book-templates-select-container .book-cover-template-preview-image,
.book-templates-select-container .book-template-preview-image {
  /*max-width: 30%;*/
  max-width: 22%;
  padding: 10px;
  border: 2px solid #c3c3c3;
  margin: 1.5%;
  display: flex;
  align-items: center;
}

.book-templates-select-container .book-cover-template-preview-image.active,
.book-templates-select-container .book-template-preview-image.active {
  border: 2px solid #293039;
}

.book-templates-select-container .book-cover-template-preview-image img,
.book-templates-select-container .book-template-preview-image img {
  max-width: 100%;
}

.book-templates-select-container {
  flex-wrap: wrap;
}

.book-cover-template-section-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.book-page-sizes-select-container {
  display: flex;
  flex-wrap: wrap;
}

.book-template-preview-image,
.book-page-size-preview {
  cursor: pointer;
}

.book-page-size-preview .page-size-title {
  font-size: 25px;
}

.book-page-size-preview {
  padding: 75px 25px;
  border: 2px solid #c3c3c3;
  text-align: center;
  margin: 10px;
}

.book-page-size-preview.selected {
  border: 2px solid #293039;
}

.mem-tab .title {
  display: block;
}

#book-preview-settings-form {
  width: 100%;
  max-width: 100%;
  overflow-y: auto;
}

@media (max-width: 1200px) {
  #mem-btn-mobile-preview-settings,
  #mem-btn-mobile-preview {
    position: fixed;
    bottom: 70px;
    right: 15px;
    display: block;
  }


  #inner-content #mem-btn-mobile-preview,
  #inner-content #mem-btn-mobile-preview-settings {
    position: fixed;
    bottom: 5px;
    right: 5px;
    display: block;
  }


  #mem-btn-mobile-preview-close {
    position: fixed;
    bottom: 0;
    right: 15px;
    display: block;
  }

  #mem-btn-desktop-preview-settings-close {
    display: none;
  }

  #mem-btn-mobile-preview-settings-close {
    display: block;
  }
}

.mem-widget-answer-container .mem-analytics-home__headerActions {
  display: block;
}

@media (max-width: 1400px) {
  .mem-my-projects .mem-books-listing__wrapper {
    flex-basis: 300px;
  }

}

@media (max-width: 360px) {
  .mem-books__contentContainer .mem-layout-main__wrapperInner {
    padding: 15px 10px;
  }

  .book-settings-form .ui-accordion .ui-accordion-content {
    padding: 15px 5px;
  }

  .book-settings-form .mem-widget-table__wrapper tr td,
  .book-settings-form .mem-widget-table__wrapper tr th {
    padding: 15px 5px;
  }

  .mem-books-detail__detailMain .mem-content__item {
    margin: 15px 5px;
  }
}

.mem-content-title__wrapper.mem-tab-section-title {
  font-size: 1.2rem;
  border-bottom: 1px solid #3a3a3a;
  width: 100%;
  display: block;
  line-height: 1.6rem;
}

#book-main-tab .mem-form-input-group__vertical {
  margin-top: 0;
}

#book-main-tab .mem-form-input-group__vertical {
  width: 100%;
}

.mem-form-input-group__vertical {
  flex-grow: 1;
}

.mem-flex-4 {
  flex: 4 0 0;
}

.mem-flex-3 {
  flex: 3 0 0;
  min-width: auto;
}

.mem-flex-2 {
  flex: 2 0 0;
  min-width: auto;
}

.mem-flex-1 {
  flex: 1 0 0;
  min-width: auto;
}

form select {
  font-size: 0.875rem;
}

.mem-info-text {
  font-size: 0.875rem;
  padding: 0 3px;
  margin-bottom: 10px;
}

hr.delim-paragraph {
  color: #fefefe;
  opacity: 0.3;
  margin: 20px 0 !important;
}

hr.delim-paragraph.small-bottom {
  margin-bottom: 10px !important;
}

.delim-hr {
  width: 100%;
  height: 1px;
  display: block;
  background: #eee;
}

.delim-hr.mobile {
  height: 1px;
  display: block;
  background: #eee;
  display: none;
}

@media (max-width: 640px) {
  .book-inner-page-font-sizes {
    display: flex;
    flex-direction: column;
  }

  .delim-hr,
  .delim-hr.mobile {
    display: block;
    margin: 20px -10px 15px -10px !important;
  }
}

@media (max-width: 640px) {
  .mem-flex-sm-3 {
    flex: 3 0 0;
  }

  .book-templates-select-container .book-cover-template-preview-image,
  .book-templates-select-container .book-template-preview-image {
    max-width: 47%;
  }

  .mem-layout-main_wrapper-order .mem-layout-main__contentCenter {
    display: flex;
    flex-direction: column;
  }

  .mem-knowledge-home__content > * {
    flex-basis: auto !important;
  }
}

#answer-transcribe-status .modal-content {
  max-width: 800px;
}

.mem-audio-answer_wrapper {
  display: flex;
  align-items: center;
  align-content: center;
}

.add-phone-number-inline-error.msg-headline.msg-error {
  margin-top: 15px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

#book-preview-settings-form .mem-content-title__wrapper.mem-tab-section-title {
  margin-top: 30px;
  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif;
  color: #3E3F42;
  border: none;
  white-space: break-spaces;
}

#book-preview-settings-form .mem-content-title__wrapper.mem-tab-section-title:first-child {
  margin-top: 0;
}

.loading-overlay {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  background: rgba(88, 88, 88, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  justify-content: center;
  z-index: 10;
}

.loading-overlay .image-container {
  background: #ffffff;
  border-radius: 5px;
  padding: 10px;
}

.mem-books-grid-view__wrapper .mem-books-detail__userRatingHeader,
.mem-books-grid-view__wrapper .mem-books-detail__userRatingHeader .mem-avatar__wrapper {
  width: 100%;
}

.mem-book-details .mem-avatar__wrapper.mem-avatar__highlighted {
  width: 100%;
}

.mem-book-details .material-icons {
  margin-right: 10px;
}

#edit-book-title #mem-edit-book-title {
  width: min-content;
}

#preview-release-book-content-modal-trigger {
  margin-top: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto {
  position: relative;
  width: 100%;
  padding-right: 12.5px;
  padding-left: 12.5px;
}

.col-xl-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -12.5px;
  margin-left: -12.5px;
}

.form-group {
  margin-bottom: 1.75rem;
}

.font-weight-bolder {
  font-weight: 600 !important;
}

.mem-layout-main__contentCenterSmall {
  max-width: 70%;
  max-width: 1000px;
}

form.form-no-width {
  width: 100%;
  max-width: none;
}

.pb-10, .py-10 {
  padding-bottom: 2.5rem !important;
}

.border-bottom {
  border-bottom: 1px solid #EBEDF3 !important;
}


#kt_form h3,
#kt_form .h3 {
  font-size: 1.5rem;
}

.border-bottom {
  border-bottom: 1px solid #EBEDF3 !important;
}

.border-top {
  border-top: 1px solid #EBEDF3 !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -12.5px;
  margin-left: -12.5px;
}

.flex-root {
  -webkit-box-flex: 1;
  flex: 1;
  -ms-flex: 1 0 0;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
  font-size: 14px;
}

.form-group .form-text {
  font-size: 0.9rem;
  font-weight: 400;
}

.text-muted {
  color: #90909c !important;
}

.text-highlighted {
  color: #94bbb5 !important;
}

.pt-10, .py-10 {
  padding-top: 2.5rem !important;
}

body ul :not(:last-child).mb-0, body ol :not(:last-child).mb-0,
.mb-0 {
  margin-bottom: 0;
}

.mt-5, .my-5 {
  margin-top: 1.25rem !important;
}

.mb-2, .my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.opacity-70 {
  opacity: 0.7 !important;
}

.p-8 {
  padding: 2rem !important;
}

.p-lg-10 {
  padding: 2.5rem !important;
}

.pt-6, .py-6 {
  padding-top: 1.5rem !important;
}

.pb-6 {
  padding-bottom: 1.5rem !important;
}

.mb-lg-15, .my-lg-15 {
  margin-bottom: 3.75rem !important;
}

.mt-lg-15, .my-lg-15 {
  margin-top: 3.75rem !important;
}

.mb-10, .my-10 {
  margin-bottom: 2.5rem !important;
}

.bg-gray-100 {
  background-color: #efefef !important;
}

.col-xxl-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.form-group {
  margin-bottom: 1.75rem;
}

.col-xxl-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

@media screen and (min-width: 768px) {
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .pb-md-20, .py-md-20 {
    padding-bottom: 3rem !important;
  }

  .pb-md-10, .py-md-10 {
    padding-bottom: 2.5rem !important;
  }

  .pt-md-10, .py-md-10 {
    padding-top: 2.5rem !important;
  }
}

table {
  border-collapse: collapse;
}

.table-txt-left {
  text-align: left;
}

.table-txt-right {
  text-align: right;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  line-height: 2rem;
}

.table th,
.table td {
  padding: 0.55rem;
  vertical-align: top;
  border-top: 1px solid #EBEDF3;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #EBEDF3;
}

.table tbody + tbody {
  border-top: 2px solid #EBEDF3;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #EBEDF3;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #EBEDF3;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #EBEDF3;
}

.table-hover tbody tr:hover {
  color: #3F4254;
  background-color: #E4E6EF;
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #c7e2ff;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #96caff;
}

.table-hover .table-primary:hover {
  background-color: #aed5ff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #aed5ff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #f7f8fb;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #f1f2f7;
}

.table-hover .table-secondary:hover {
  background-color: #e6e9f3;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #e6e9f3;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #bfefed;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #88e1dd;
}

.table-hover .table-success:hover {
  background-color: #abeae7;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #abeae7;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #decefe;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #c2a4fd;
}

.table-hover .table-info:hover {
  background-color: #cdb5fd;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #cdb5fd;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffe7b8;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffd27a;
}

.table-hover .table-warning:hover {
  background-color: #ffde9f;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffde9f;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #fccdd2;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #faa3ac;
}

.table-hover .table-danger:hover {
  background-color: #fbb5bc;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #fbb5bc;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fcfcfd;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #f9fafc;
}

.table-hover .table-light:hover {
  background-color: #ededf3;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ededf3;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #bebfc6;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #878994;
}

.table-hover .table-dark:hover {
  background-color: #b0b2ba;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b0b2ba;
}

.table-white,
.table-white > th,
.table-white > td {
  background-color: white;
}

.table-white th,
.table-white td,
.table-white thead th,
.table-white tbody + tbody {
  border-color: white;
}

.table-hover .table-white:hover {
  background-color: #f2f2f2;
}

.table-hover .table-white:hover > td,
.table-hover .table-white:hover > th {
  background-color: #f2f2f2;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: #E4E6EF;
}

.table-hover .table-active:hover {
  background-color: #d4d7e6;
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: #d4d7e6;
}

.table .thead-dark th {
  color: #ffffff;
  background-color: #181C32;
  border-color: #242a4c;
}

.table .thead-light th {
  color: #3F4254;
  background-color: #F3F6F9;
  border-color: #EBEDF3;
}

.table-dark {
  color: #ffffff;
  background-color: #181C32;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #242a4c;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-xxl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.table:not(.table-bordered) thead th, .table:not(.table-bordered) thead td {
  border-top: 0;
}

.font-weight-boldest {
  font-weight: 700;
}

.font-size-h3 {
  font-size: 1.5rem !important;
}

.border-danger {
  border-color: #F64E60 !important;
}

.text-danger {
  color: #F64E60 !important;
}

.invoice-overview .mem-widget-video-preview__wrapper {
  padding: 0 20px 0 0;
  align-items: flex-start;
}

.mem-widget-video-preview__wrapper {
  height: 110px;
}

.mem-widget-video-preview__wrapper .mem-widget-video-preview__previewImage {
  width: 90px;
  height: 100px;
}

.col-md-12.mem-widget__padding {
  padding: 30px;
}

.mem-mb-30 {
  margin-bottom: 30px;
}

@media (max-width: 450px) {

  .col-md-12.mem-widget__padding {
    padding: 5px;
  }

  .page-14 .mem-layout-main__wrapperInner,
  .page-92 .mem-layout-main__wrapperInner,
  .page-93 .mem-layout-main__wrapperInner,
  .page-21 .mem-layout-main__wrapperInner,
  .page-22 .mem-layout-main__wrapperInner,
  .page-23 .mem-layout-main__wrapperInner,
  .page-71 .mem-layout-main__wrapperInner,
  .page-72 .mem-layout-main__wrapperInner,
  .mem-free .mem-layout-main__wrapperInner,
  .mem-trial .mem-layout-main__wrapperInner,
  .mem-sign-up-to-book .mem-layout-main__wrapperInner,
  .page-73 .mem-layout-main__wrapperInner {
    padding: 0;
  }

  .page-14 .login-footer,
  .page-92 .login-footer,
  .page-93 .login-footer,
  .page-21 .login-footer,
  .page-22 .login-footer,
  .page-23 .login-footer,
  .page-71 .login-footer,
  .page-72 .login-footer,
  .page-73 .login-footer {
    padding: 0 12px;
    margin-bottom: 25px;
    text-align: center;
  }

  .mem-widget-video-preview__wrapper {
    height: auto;
  }

  .invoice-overview .mem-widget-video-preview__wrapper {
    flex-direction: column;
  }

  .mem-widget-video-preview__wrapper .mem-widget-video-preview__previewImage + * {
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .pb-sm-5 {
    padding-bottom: 5px !important;
  }
}

#stripe-checkout-button,
#paypal-choose-checkout-button {
  background: white;
  padding: 20px 20px;
  height: min-content;
  margin: 0;
}

#stripe-checkout-button span {
  width: 232px;
  height: 50px;
  background-size: cover;
}

#paypal-choose-checkout-button span {
  width: 200px;
  height: 50px;
  background-size: cover;
}

#stripe-checkout-button span.mem-btn__content-image {
  background-image: url('../images/credit-cards-min.png');
}

#paypal-choose-checkout-button span.mem-btn__content-image {
  background-image: url('../images/paypal-payment-min.png');
}

.mem-form-input-group__horizontal #form-buy-with-card,
.mem-form-input-group__horizontal #form-buy-with-paypal {
  min-width: max-content;
}

.mem-button__checkbox .mem-btn__content-selected-image {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  background: #94bbb5;
  border-radius: 50%;
}

select#package_additional_order_books {
  font-size: 1rem;
}

/*COUPON CODE */
input.form-control.form-control-solid.form-control-lg {
  font-size: 1rem;
}

.mem-button__checkbox.active .mem-btn__content-selected-image {
  display: block;
}

.mem-button__checkbox.active {
  border: 3px solid #94BBB5 !important;
}

.text-delimiter {
  text-align: center;
  border-bottom: 1px solid #efefef;
  height: 1px;
  line-height: 1px;
  margin: 30px 10px;
}

.text-delimiter span {
  background: white;
  padding: 0 10px;
  text-align: center;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 10px;
}

.sp-replacer {
  min-height: 50px;
  width: 100%;
  margin-top: 0 !important;
}

.sp-dd {
  display: flex;
  align-content: center;
  align-items: center;
}

.sp-original-input-container .sp-add-on {
  width: 20% !important;
  min-width: 40px;
}

.sp-original-input-container input {
  width: 80% !important;
}

.mem-books-conversation__textBar {
  height: 63px;
  justify-content: right;
  text-align: right;
  float: right;
}

.mem-books-settings_bottom_save button {
  margin-top: 6px;
}

.mem-btn__base.mem-btn-dark:disabled {
  cursor: not-allowed;
  background: #ccc;
  border: 1px solid #c3c3c3;
}

@media (max-width: 500px) {
}

.btn.btn-loading > * {
  opacity: 0;
}

.btn.btn-loading .mem-btn__content {
  opacity: 0;
}

.btn .btn-loader {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.loader-dot {
  display: inline-block;
  width: 70px;
  text-align: center;
}

.btn.btn-loading > .btn-loader {
  opacity: 1;
}

.loader-dot > span {
  width: 7px;
  height: 7px;
  background-color: #fff;
  border-radius: 100%;
  vertical-align: middle;
  display: inline-block;
  -webkit-animation: bouncedelay 1s ease-in-out infinite both;
  animation: bouncedelay 1s ease-in-out infinite both;
  animation-delay: 0s;
  margin: 0 2px !important;
}

.loader-dot .loader-dot-1 {
  -webkit-animation-delay: -.32s;
  animation-delay: -.32s;
  margin-right: 2px;
}

.loader-dot .loader-dot-2 {
  -webkit-animation-delay: -.16s;
  animation-delay: -.16s;
  margin-right: 2px;
}

.btn.btn-loading > .btn-loader * {
  background: #ffffff;
}

.image-loading .loader-dot > span {
  background-color: #29A599;
}

.edit-question-from-queue .loader-dot {
  margin-top: 90px;
  width: 100%;
}

.lazy-load-question-image .image-loader {
  opacity: 0;
}

.edit-question-from-queue .image-loading > .image-loader {
  opacity: 1;
}

@keyframes bouncedelay {
  0%, 80%, to {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.mem-checkbox__wrapper .mem-checkbox__label,
.mem-checkbox__wrapper .mem-checkbox__checkbox:checked + .mem-checkbox__label {
  font-weight: 400;
}

.material-icons.tooltip {
  cursor: pointer;
  font-size: 22px;
  min-width: 24px;
  flex-grow: 0;
  align-content: center;
  align-items: center;
  display: flex;
  margin-left: 0;
}

.mem-checkbox__wrapper .mem-checkbox__label {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  color: #333333;
}

.mem-checkbox__label.mem-checkbox__label-outside {
  white-space: nowrap;
  align-content: center;
  align-items: center;
  display: flex;
  min-width: max-content;
  cursor: pointer;
  margin-right: 3px;
  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif;
  font-size: 1rem;
}


.mem-add-new-book .mem-checkbox__label.mem-checkbox__label-outside {
  white-space: nowrap;
  align-content: center;
  align-items: center;
  display: flex;
  min-width: max-content;
  cursor: pointer;
  margin-right: 3px;
  font-family: "New Kansas", sans-serif;
  font-size: 1.275rem;
}

.mem-form-input-group__horizontal.private-answer {
  display: flex;
  width: 100%;
  margin-bottom: 12px;
  justify-content: flex-end;
}

.mem-form-input-group__horizontal.private-answer > div {
  min-width: max-content;
  flex-grow: 0;
  margin-right: 5px;
}

#private-answer-explication .modal-body {
  font-size: 0.875rem;
}

.private-answer-checkbox {
  width: 42px;
  min-width: 42px;
  padding: 0;
  flex-grow: 0;
}

#private-answer-explication .modal-content {
  max-width: 445px;
}

@media screen and (max-width: 375px) {
  .mem-form-input-group__horizontal.private-answer {
    margin-bottom: 12px;
    margin-top: 5px;
  }

  /*.mem-form-input-group__horizontal.private-answer {*/
  /*    justify-content: space-between;*/
  /*}*/
  .private-answer-checkbox {
    width: 45px;
    min-width: 45px !important;
    padding: 0;
    flex-grow: 0;
  }

  .mem-form-input-group__horizontal.private-answer > div {
    margin-left: 5px;
  }

  /*#btn-save-question-answer {
        max-width: 45px;
        float: right;
        margin-right: -10px;
    }*/
  .material-icons.tooltip {
    margin-top: 0;
  }

  .media-files .mem-btn-right {
    margin-left: 0;
  }

}


@media screen and (max-width: 319px) {
  #btn-save-question-answer {
    margin-left: 0;
  }
}

/*.modal-container.three {*/
/*    z-index: 0;*/
/*    transform: scale(1);*/
/*}*/
/*.modal-container.three .modal-background {*/
/*    background: rgba(0, 0, 0, 0.6);*/
/*}*/
/*.modal-container.three .modal-background .modal {*/
/*    animation: moveUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.three + .content {*/
/*    z-index: 1;*/
/*    animation: slideUpLarge 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.three.out .modal-background .modal {*/
/*    animation: moveDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.three.out + .content {*/
/*    animation: slideDownLarge 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/

/*@keyframes slideUpLarge {*/
/*    0% {*/
/*        transform: translateY(0%);*/
/*    }*/
/*    100% {*/
/*        transform: translateY(-100%);*/
/*    }*/
/*}*/
/*@keyframes slideDownLarge {*/
/*    0% {*/
/*        transform: translateY(-100%);*/
/*    }*/
/*    100% {*/
/*        transform: translateY(0%);*/
/*    }*/
/*}*/
/*@keyframes moveUp {*/
/*    0% {*/
/*        transform: translateY(150px);*/
/*    }*/
/*    100% {*/
/*        transform: translateY(0);*/
/*    }*/
/*}*/
/*@keyframes moveDown {*/
/*    0% {*/
/*        transform: translateY(0px);*/
/*    }*/
/*    100% {*/
/*        transform: translateY(150px);*/
/*    }*/
/*}*/

.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 630px;
  min-width: 320px;
  height: auto;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-box-shadow: 0 6px 19px 0 rgba(0, 0, 0, 0.48);
  box-shadow: 0 6px 19px 0 rgba(0, 0, 0, 0.48);
  max-height: 90%;
  overflow: scroll;
  display: none;
  border-radius: 10px;
}

.md-modal.image-detail__wrapper {
  position: fixed;
  top: 10%;
  left: 5%;
  width: 90%;
  max-width: 90%;
  min-width: 320px;
  height: auto;
  z-index: 2000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-box-shadow: 0 6px 19px 0 rgba(0, 0, 0, 0.48);
  box-shadow: 0 6px 19px 0 rgba(0, 0, 0, 0.48);
}

.md-show {
  visibility: visible;
}

.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible;
}

.md-content {
  color: #fff;
  background: #fff;
  position: relative;
  border-radius: 10px;
  margin: 0 auto;
}

.md-content h3 {
  margin: 0;
  padding: 20px;
  text-align: center;
  font-size: 1.2em;
  font-weight: 300;
  opacity: 0.8;
  background: #34435B;
  color: #fff;
  border-radius: 3px 3px 0 0;
}

.mem-new-modal .md-content h3 {
  background: transparent;
  border-bottom: 2px solid #28A59940;
}

.mem-new-modal .btn-close .material-icons {
  color: #28455680;
}

.md-content > div {
  padding: 15px 30px;
  margin: 0;
  font-weight: 300;
  font-size: 1.15em;
}

.uploader-window .md-content > div {
  padding: 15px 15px;
}

.md-content > div p {
  margin: 0;
}

/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
  background: rgba(0, 0, 0, 0.5);
}

#root.blur,
#mem-preview-book-content.blur {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  filter: blur(3px);
}

.md-effect-16 .md-content {
  -webkit-transform: translateY(-5%);
  -moz-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%);
  opacity: 0;
}

.md-show.md-effect-16 ~ #root,
.md-effect-16 .md-content {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-16 .md-content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.question-example-question-bank label {
  margin-bottom: 15px;
}

.mem-content-title__wrapper + * {
  margin-top: .5rem;
  /*padding-top: 1rem !important;*/
  letter-spacing: -0.025em;
}


#enable-book-title-tab .form-group.focused {
  margin-top: 17px
}

#enable-book-title-tab .focused .mem-content-title__wrapper + * {
  margin-top: 0;
  /*padding-top: 1rem !important;*/
  letter-spacing: -0.025em;
}

.uppy-DashboardTab {
  height: 64px;
}

#modal-order-summary {
  color: #6B6C6F;
}

/***** IMAGE CHOICES *****/
.image-choices-choice input {
  display: none;
}

.image-choices-field .image-choices-choice,
.gform_wrapper .gfield.image-choices-field li.image-choices-choice {
  display: inline-block;
  position: relative;
  padding: 5px !important;
  overflow: visible;
  margin-bottom: 80px !important;
  border-color: #d8e3ec;
  transition: all 0.3s;
  border-radius: 3px;
  width: 29%;
  margin-right: 3% !important;
  max-width: 165px;
}

.image-choices-field .image-choices-choice:after {
  content: "\2714" !important;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  transition: all .3s;
  text-align: center;
  line-height: 40px;
  color: #fff;
  display: block;
  position: absolute;
  left: 50%;
  top: 60%;
  margin: -20px 0 0 -20px;
  background-color: #94bbb5;
}

.image-choices-field .image-choices-choice label,
.gform_wrapper .gfield.image-choices-field li.image-choices-choice label {
  padding: 0 !important;
  display: block;
}

.image-choices-field .image-choices-choice.image-choices-choice-focus label {
  border-color: #94bbb5;
}

.image-choices-field .gfield_radio .image-choices-choice.image-choices-choice-focus.image-choices-choice-selected label {
  border-color: transparent;
}

.image-choices-field .image-choices-choice-image-wrap {
  background-size: cover;
  width: 100%;
  height: auto;
  padding-bottom: 100%;
}

.image-choices-field.image-choices-show-labels .image-choices-choice-text {
  padding: 7px 13px;
  margin: 0;
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 20px;
  bottom: -50px;
  transition: all 0.3s;
}

.image-choices-field.image-choices-show-labels .image-choices-choice-text,
.image-choices-field.image-choices-show-labels .image-choices-choice-price {
  font-size: inherit;
}

.image-choices-field .image-choices-choice.image-choices-choice-selected:after {
  color: #fff;
  opacity: 1;
  top: 50%;
}

.book-templates-images-container .image-choices-field .image-choices-choice.image-choices-choice-selected:after {
  color: #fff;
  opacity: 1;
  top: 50%;
  border: 0.2pt solid #00000050;
}

.image-choices-field .image-choices-choice.image-choices-choice-selected .image-choices-choice-text {
  background-color: #94bbb5;
  color: #fff;
}

span.image-choices-choice-text {
  font-size: 1em !important;
}

.image-choices-choice img {
  max-width: 100%;
}

@media only screen and (max-width: 736px) {

  .image-choices-field .image-choices-choice,
  .gform_wrapper .gfield.image-choices-field li.image-choices-choice {
    width: 38%;
    margin-right: 10% !important;
  }

  .mem-nav-panel__wrapper {
    height: 100% !important;
  }
}


/**** IMAGE CHOICES END ****/

#confirm-order-book-payment .modal-footer {
  /*padding-top: 15px;*/
  /*text-align: right;*/
  /*display: flex;*/
  /*justify-content: right;*/
  /*align-items: center;*/
  /*align-content: center;*/
  /*gap: 10px;*/
}

.modal-outside-close {
  width: 30px;
  height: 30px;
  z-index: 126;
  position: absolute;
  top: 20px;
  right: 10px;
  color: #3E3F42;
  cursor: pointer;

}

.small.modal-outside-close {
  top: 4px;
  right: -2px;
}

.explanation-text p {
  margin-bottom: 1em;
}

.mem-book-preview-order.mem-widget-table__wrapper tr td {
  height: 55px;
}

#ui-datepicker-div {
  z-index: 10 !important;
}

.form-group {
  margin-top: 10px;
  margin-bottom: 5px;
}

.form-group-m-top {
  margin-top: 25px;
  margin-bottom: 10px;
}

.form-group {
  position: relative;
}

.form-label {
  position: absolute;
  left: 10px;
  top: 10px;
  color: #999;
  z-index: 10;
  transition: all 0.15s ease;
  cursor: pointer;
}

.form-label.animated {
  font-size: 1rem;
  font-weight: 400;
  /*font-size: 1.1rem;*/
}

.focused .form-label,
.focused .form-label.mem-content-title__wrapper,
.focused .form-label.animated {
  font-size: 0.875rem;
  padding: 3px 3px 0 3px;
}

.form-group-m-top .form-label {
  top: 14px;
}

.mem-books-signup__content .form-group-m-top .form-label {
  top: 10px;
}

.focused .form-label {
  transform: translateY(-150%);
  font-size: 0.75em;
  left: 0;
  cursor: default;
}

.form-input {
  position: relative;
  padding: 12px 0 5px 0;
  width: 100%;
  outline: 0;
  border: 0;
  box-shadow: 0 1px 0 0 #e5e5e5;
  transition: box-shadow 150ms ease-out;
}

label.mem-content-title__wrapper {
  padding: 4px 3px;
}

label.mem-content-title__wrapper.no-padding-b {
  padding: 4px 3px 0 3px;
}

#user-login .form-group {
  margin-top: 35px;
  margin-bottom: 25px;
}

#user-login input::placeholder,
#user-login input {
  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif;
  color: #999;
  font-weight: 500;
  font-size: 14px;
}

.mem-upload-button__wrapper .uppy-disabled.mem-btn-right,
.mem-upload-button__wrapper .uppy-btn.mem-btn-right {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 10px;
}

.mem-upload-button__wrapper {
  display: flex;
  align-items: center;
}

.tooltip {
  position: relative;
  cursor: pointer;
}

.tooltip .tooltip-msg {
  display: none;
  visibility: hidden;
}

.tooltip:hover .tooltip-msg {
  display: block !important;
}

.tooltip-msg {
  text-align: center;
  position: absolute;
  top: 0;
  left: -8px;
  width: 200px;
  cursor: default;
  background-color: #333;
  border-color: #333;
  border-radius: 6px;
  color: #fff;
  display: none;
  padding: 15px;
  position: absolute;
  z-index: 2147483647;
  max-width: 300px;
  font-size: 12px;
  transform: translateY(calc(-100% - 10px));
}

.tooltip-msg::before {
  background-color: #333;
  content: ' ';
  position: absolute;
  width: 15px;
  height: 15px;
  z-index: 999;
  bottom: -25px;
  left: 20px;

}

.tooltip-msg::before {
  transform: translate(-50%, calc(-100% - 5px)) rotate(45deg);
}

.tooltip-msg.bottom::before {
  top: 13px;
  bottom: 0;
}

.tooltip-msg.left {
  top: 0;
  left: 0;
  transform: translateX(calc(-100% - 10px)) translateY(calc(-100% - 10px));
}


.tooltip-msg.left::before {
  bottom: -7px;
  transform: translateX(150px) rotate(45deg);
}

.tooltip-msg.left-side::before {
  bottom: 38px;
  transform: translateX(172px) rotate(45deg);
  right: 26px;
}

.tooltip.wide .tooltip-msg {
  width: 300px;
}

.tooltip.wide .tooltip-msg::before {
  bottom: -7px;
  transform: translateX(249px) rotate(45deg);
}

.tooltip.small .material-icons {
  font-size: 16px;
  margin-left: 3px;
}

.tooltip-msg.right.bottom {
  text-align: left;
  top: 115px;
  width: max-content;
  left: 40px;
}

@media only screen and (max-width: 767px) {
  .tooltip-msg.right.bottom {
    text-align: left;
    top: 120px;
    width: max-content;
    left: 37px;
    max-width: 170px;
  }
}

#order-book-form .mem-form-input-group__horizontal {
  display: flex;
}

.form-group span {
  padding: 0 3px;
}

.form-group span.selection {
  padding: 0;
}

.search-question-form .form-group span {
  padding: 0;
  /*height: 50px;*/
}

.search-question-form .select2-container--default.select2-container--focus .select2-selection--multiple,
.search-question-form .select2-container--default .select2-selection--multiple {
  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif;
  /*font-size: 1.1rem;*/
  font-size: 1rem;
  padding: 0 5px;
}

.extra-image-actions {
  margin-top: 10px;
}

#add-question-description .bottom-actions {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 10px;
  border-top: 1px solid #EAEDF3;
  padding-top: 10px;
}

.extra-image-actions .tooltip-msg.left {
  width: 216px;
  left: 102px;
}

.extra-image-actions .tooltip-msg.left::before {
  bottom: -7px;
  transform: translateX(107px) rotate(45deg);
}

.private-answer .mem-checkbox__label.mem-checkbox__label-outside {
  margin-left: 8px;
}

span.flex {
  display: flex;
}

.material-icons.small {
  font-size: 14px;
  padding-top: 4px;
  padding-right: 4px;
}

.mem-form-input-group__horizontal > * {
  min-width: 100px;
}

label.checkbox-label {
  display: inline;
  text-transform: none;
  font-weight: normal;
}

#questionAnswer {
  min-height: 300px;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.noselect:focus-visible,
#questionAnswer:focus-visible,
#book_dedication_text:focus-visible {
  outline: none;
}

#book_category_text p,
#book_dedication_text p {
  font-family: "New Kansas";
  color: #0D0D0D;
  font-size: 1.2rem;
  line-height: 1.8rem;
}

#book_dedication_text p {
  text-align: center;
}

p.mem-widget__margin {
  margin: 15px 15px 0 15px;
}

#sortable-images.has-order-msg {
  margin-top: 0;
}

.tox-tinymce,
.tox-statusbar {
  border: none !important;
}

.tox-statusbar {
  display: none !important;
}

.tox.tox-tinymce {
  margin-left: -15px !important;
}

.trumbowyg-editor-inline,
.trumbowyg-editor-inline p,
.mem-answer-details p {
  color: #3E3F42;
  font-size: 0.875rem;
  line-height: 1.8rem;
}

.ce-block b,
.mem-content__answer b,
.mem-answer-details .mem-content__answer b {
  font-family: "New Kansas SemiBold" !important;
}

.trumbowyg-box, .trumbowyg-editor {
  border: none;
}

.trumbowyg-editor-inline p + p {
  margin-top: 1.125em;
}

.mem-answer-editor {
  margin-top: 30px;
}

/*.mem-answer-details ol,
.mem-answer-details ul,
.trumbowyg-editor-inline ol,
.trumbowyg-editor-inline ul {
    padding-left: 20px;
}*/
.selectify-list li {
  padding: 5px 15px;
}

.selectify-list li:hover {
  background: rgb(245, 241, 237);
}

.selectify-input {
  cursor: pointer;
  justify-content: space-between;
}

.selectify-input:after {
  color: #444;
  content: ' ▾';
}

.selectify-input.opened:after {
  color: #444;
  content: ' ▴';
}

select {
  cursor: pointer;
}

.mem-form-input-group__vertical > .mem-form-input-group__horizontal {
  margin-top: 12px;
  margin-bottom: 0;
}

.form-label.mem-content-title__wrapper {
  padding: 12px 3px 0 3px;
  font-size: 1rem;
  font-weight: 400;
}

#confirm-order-book-no-payment .modal-footer button {
  width: 49%;
}

#confirm-order-book-no-payment .modal-footer {
  text-align: center;
  justify-content: space-between;
  display: flex;
}

.mem-progress-bar__progressLine {
  background: #29a599;
}

.mem-progress-images {
  max-width: 100%;
  overflow: hidden;
}

.edit-image-modal .md-content .image-container {
  text-align: center;
}

.edit-image-modal .md-content img {
  max-height: 550px;
  width: auto;
}

.md-content > div.image-container {
  padding: 0;
}

.image-cropped-container canvas {
  max-width: 100%;
}

#register-email-accordion {
  margin-top: 20px;
}

.mem-answer-category-title {
  font-size: 18px;
  font-weight: 600;
  display: flex;
  gap: 5px;
}

.swiper-wrapper .mem-order-button {
  display: none;
}

.left-right-swiper {
  position: relative;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev,
.swiper-button-prev, .swiper-rtl .swiper-button-next {
  background: #333333;
  border-radius: 50%;
  height: 35px !important;
  width: 35px !important;
  color: #fff !important;
}

.swiper-button-next::after {
  margin-left: 4px;
  font-size: 16px !important;
}

.swiper-button-prev::after {
  margin-left: -4px;
  font-size: 16px !important;
}

@media only screen and (max-width: 767px) {

  .swiper-button-next, .swiper-rtl .swiper-button-prev,
  .swiper-button-prev, .swiper-rtl .swiper-button-next {
    display: none !important;
  }
}

.mem-questions .mem-layout-main__wrapperInner {
  overflow-x: hidden;
}

ul.swiper-wrapper {
  list-style: none;
}

ul.swiper-wrapper .question-category-title {
  display: none;
}

.mem-book-questions ul.swiper-wrapper .question-box {
  flex-basis: 350px;
  margin-bottom: 0;
}

ul.swiper-wrapper .mem-tutorial-list-item__content .edit-question-from-queue {
  /*min-height: 112px;*/
}


.edit-answer-full-page-editor-content {
  padding: 20px 0;
}

.edit_3_column_layout .edit-answer-full-page-editor-content {
  padding: 0;
}

@media only screen and (max-width: 500px) {

  #order-book-form .mobile-100 {
    display: block;
  }

  .mobile-f-5 {
    flex: 5;
  }

  .mobile-f-4 {
    flex: 4;
  }

  .mobile-f-1 {
    flex: 1;
  }

  .mem-widget-video-preview__previewImage {
    margin-right: 15px;
  }

  #sortable-images {
    display: flex;
    justify-content: space-between;
  }

  #sortable-images .mem-tutorial-list-item__wrapper {
    width: 48%;
  }

  .extra-image-actions {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }

  .mem-images-actions.extra-settings {
    bottom: 180px;
  }

  .order-handle {
    width: 32px;
    text-align: right;
  }

  #add-question-description .bottom-actions {
    justify-content: end;
  }

  .mem-icon-text__wrapper.mem-icon-text__wrapper-m3 {
    margin-left: 3px;
  }

  .order-handle div:first-child {
    width: auto;
  }

  .extra-image-actions .mem-checkbox__wrapper.mem-checkbox__toggle .mem-checkbox__label::before {
    margin-right: 8px;
  }

  .ajax-progress-bar-save {
    width: 0;
    height: 4px;
    background: var(--green);

    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -o-transition: all 0.75s;
    transition: all 0.75s
  }

  .extra-image-actions .tooltip-msg.left {
    left: 40px;
  }

  .extra-image-actions .tooltip-msg.left::before {
    bottom: -7px;
    transform: translateX(114px) rotate(45deg);
  }

  .extra-image-actions .tooltip-msg.left,
  .extra-image-actions .tooltip-msg {
    width: 160px;
  }

  .mem-form-input-group__horizontal.private-answer {
    margin-bottom: 0;
  }

  #btn-save-question-answer {
    margin-bottom: 0;
  }

  /*.mem-form-input-group__horizontal.private-answer > div {*/
  /*    margin-right: 20px;*/
  /*}*/
  .mem-question__Actions {
    margin-top: -5px;
    align-items: flex-end;
  }

  .mem-question__Actions.has-private {
    margin-top: -54px;
    align-items: flex-end;
  }

  .mem-social-about__wrapper .mem-content__noPaddingWrapper form#question-answer {
    padding: 0;
  }

  .edit-answer-full-page-editor-content {
    padding: 0;
  }

  .trumbowyg-button-pane button {
    width: 34px;
    height: 34px;
  }

  .form-label.mem-content-title__wrapper {
    padding: 8px 3px 4px 3px;
  }


  .mem-form-input-group__vertical > .mem-form-input-group__horizontal .form-group {
    margin-top: 16px;
    margin-bottom: 30px;
  }


  .mem-form-input-group__vertical > .mem-form-input-group__horizontal .form-group:last-child {
    margin-bottom: 0;
  }


  #confirm-order-book-no-payment .modal-footer button {
    width: 100%;
  }

  #confirm-order-book-no-payment .modal-footer {
    text-align: center;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
  }

  .mem-top-bar-section__wrapper.no-padding {
    padding-left: 0;
  }

  .mem-content__item.mem-answer-category-title-container {
    margin: 0;
    margin-top: 15px;
  }

  .mem-book-questions ul.swiper-wrapper .question-box {
    flex-basis: 280px;
  }

  ul.swiper-wrapper .mem-tutorial-list-item__content .edit-question-from-queue {
    min-height: 112px;
  }
}

@media only screen and (max-width: 767px) {

  .flex-container.gap-15 {
    flex-wrap: wrap;
  }

  .flex-container.gap-15 > * {
    margin-bottom: 10px;
  }

  .flex-container.gap-15 > :first-child {
    margin-right: 0;
  }

  .flex-container.gap-15 > :last-child {
    margin-left: 0;
  }
}

@media screen and (max-width: 415px) {

  .mem-books-top-bar__wrapper .mem-top-bar-section__wrapper {
    padding-right: 15px;
  }

  .md-modal-inner-content {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
  }

  #share-book-modal .modal-footer {
    padding-top: 20px;
    border-top: 1px solid #ddd;
    display: block;
    align-items: center;
  }

  #contributors-link {
    float: left;
  }

  #clipboard-share-msg {
    width: 40%;
    float: right;
    text-align: right;
    display: flex;
    justify-content: end;
    margin-bottom: 10px;
    align-items: center;
  }

  #share-book-modal .action-buttons {
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: center;
  }

  .mem-contributor-details .mem-avatar__wrapper.mem-avatar__jumbo .mem-avatar__avatarWrapper {
    width: 100px;
    height: 100px;
  }
}

@media screen and (max-width: 375px) {

  .mem-question__Actions.has-private {
    margin-top: -62px;
    align-items: flex-end;
  }

  .mem-tab__item.mem-tab__small:first-child {
    margin-left: 0;
    margin-right: 5px;
    padding-left: 0;
  }

  .mem-tab__item.mem-tab__small {
    margin: 0 5px;
  }
}

.mem-Navigator__expandButton {
  height: 40px;
  width: 40px;
}

.mem-books-users__container .mem-avatar__info {
  margin-left: 0;
}

.mem-avatar__wrapper .mem-avatar__textTop, .mem-avatar__wrapper .mem-avatar__textBottom, .mem-avatar__wrapper .mem-avatar__name {
  white-space: revert;
}

.mem-avatar__wrapper .mem-avatar__name {
  margin: 0;
}

.mem-avatar__wrapper .mem-avatar__textBottom {
  margin: 0;
}

#mem-preview-book-content.blur {
  filter: blur(3px);
}

#selecting-tags .select2-selection.select2-selection--multiple {
  padding-top: 8px;
}

.questions-search-result-content .mem-question-list-item__title {
  font-size: 1.1rem !important;
  font-family: "New Kansas";
}

.contributor_answer_wrapper {
  display: flex;
  gap: 15px;
}

@media screen and (max-width: 500px) {

  .contributor_answer_wrapper {
    display: flex;
    gap: 0;
    margin-bottom: 15px;
    flex-direction: column;
  }
}

.loading-dots:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 1600ms infinite;
  animation: ellipsis steps(4, end) 1600ms infinite;
  content: "\2026"; /* ascii code for the ellipsis character */
  width: 0;
}

@keyframes ellipsis {
  to {
    width: 0.875em;
  }
}

@-webkit-keyframes ellipsis {
  to {
    width: 0.875em;
  }
}

.mem-action.mem-question-answered-avatars .mem-avatar__wrapper {
  margin: 0;
  margin-left: -20px;
}

.mem-action.mem-question-answered-avatars .mem-avatar__wrapper:first-child {
  margin-left: 0;
}

.mem-action.mem-question-answered-avatars {
  display: flex;
  width: min-content;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper.mem-avatar__avatarWrapperSmall a {
  width: 100%;
  height: 100%;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper.mem-avatar__avatarWrapperSmall {
  width: 30px;
  height: 30px;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatar {
  background-position: center !important;
  background-size: cover !important;
}

.mem-avatar-info__wrapper {
  flex-grow: 1;
}

.mem-avatar-info-text {
  display: flex;
}

.mem-avatar-info-details {
  display: flex;
  gap: 5px;
  align-items: center;
}

.mem-avatar__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mem-middle {
  flex-basis: 60%;
  max-width: 60%;
}

.paypal-button-text {
  font-size: 11px;
}

.mem-book-upgrade__trial-price {
  font-size: 1.2rem;
}

.mem-book-upgrade__trial-price span.price,
.mem-book-upgrade__total-price span.price {
  font-weight: bold;
  font-size: 1.4rem;
}

.mem-buyTrialBook .mem-Navigator__expandButton.mem-transparent__expandButton {
  background: #ee9500;
}

span.checkbox-remember-pro label {
  margin-left: 25px;
}

.checkbox-remember-pro label {
  font-weight: 500;
}

div.mem-knowledge-topic__wrapper .mem-knowledge-topic__icon {
  position: relative;
  left: auto;
  top: auto;
}

@media screen and (max-width: 500px) {

  .mem-middle {
    flex-basis: 100%;
    max-width: 100%;
  }

  div.mem-knowledge-topic__wrapper .mem-knowledge-topic__icon {
    position: relative;
    transform: none;
    margin: 0 auto;
    left: auto;
    top: auto;
    margin-bottom: 15px;
  }

  .mem-emoji-headline__wrapper #preview-release-book-content-modal-trigger,
  .mem-emoji-headline__wrapper #buy-trial-book {
    margin-left: 15px;
    margin-right: 0 !important;
    margin-top: 15px;
  }
}

.error-birthday label.error-birthday {
  display: block !important;
}

/* Clearable text inputs */

.clearable input[type=text] {
  padding-right: 24px;
  width: 100%;
  box-sizing: border-box;
}

.clearable__clear {
  display: none;
  position: absolute;
  right: 0;
  top: calc(50% - 14px);
  padding: 0 8px;
  font-style: normal;
  font-size: 1.2em;
  user-select: none;
  cursor: pointer;
  margin-top: 0;
}

.clearable input::-ms-clear { /* Remove IE default X */
  display: none;
}

.form-group .clearable__clear {
  display: none;
}

.form-group.focused .clearable__clear {
  display: inline-block;
}

.mem-books-user__subNav-big {
  padding: 0 60px;
}

@media screen and (max-width: 1300px) {
  .mem-dashboard .mem-layout-main__wrapperInner.mem-layout-main__contentCenter {
    flex-direction: column;
  }

  .mem-books-users__message-contributors {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
  }
}

#mem-credits-buy-modal,
#mem-buyTrialBook-modal,
#mem-TrialBook-buy-decizion-modal,
#mem-buyTrialBook-with-code-modal {
  width: 400px
}

.mem-books-user__subNav-big {
  flex-basis: 600px;
  min-width: 600px;
}

.bottom-actions.docs-buttons {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
  align-items: center;
  margin-top: 15px;
}

.modal-footer .bottom-actions.docs-buttons {
  gap: 0;
}

.bottom-actions.docs-buttons .btn-group {
  display: flex;
  align-items: center;
  gap: 10px;
}

.extra-image-actions .bottom-actions .left-side {
  display: flex;
  align-items: center;
  gap: 5px;
}

@media screen and (max-width: 767px) {

  .bottom-actions.docs-buttons {
    flex-direction: column;
    margin-top: 5px;
  }

  #mem-buyTrialBook-modal {
    width: 365px
  }

  .mem-books-user__subNav-big {
    flex-basis: 100%;
    min-width: auto;
    max-width: 100%;
  }

  .mem-books-user__subNav-big {
    padding: 0;
  }

  .mem-mobile-fullwidth-buttons {
    width: 100%;
  }

  form#delete-question-form .mem-btn__base {
    width: 100%;
  }
}

#image_description {
  font-size: 14px;
}

.extra-image-actions p.btn-link {
  cursor: pointer;
}

.mem-message-contributors .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
  margin-top: 8px;
}

#interview-step-1 .questions_language_code option:disabled {
  display: none;
}

@media screen and (max-width: 1299px) {
  .mem-books-user__splitContent.mem-trial-product__ended {
    flex-wrap: wrap;
  }
}

.notification-content-area .mem-books-list-item__wrapper {
  padding: 22px 20px;
}

.notification-content-area .mem-avatar__wrapper .mem-avatar__avatarWrapper.mem-avatar__avatarWrapperSmall {
  width: 40px;
  height: 40px;
}

.notification-content a,
.notification-content a:visited {
  color: #6B6C6F;
}

.notification-content .time-ago {
  color: rgba(147, 193, 186, 1);
  font-size: 14px;
}

.mem-books-list-item__content.seen {
  opacity: 0.8;
}

.mem-avatar__textBottom.mem-answer-meta {
  display: flex;
  align-items: center;
  align-content: center;
}

.mem-tag__wrapper .mem-tag_close {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  cursor: pointer;
  margin-right: 5px;
  padding: 2px;
}

.mem-tag__wrapper .mem-tag_close .material-icons {
  font-size: 12px;
}

#mem-file-details {
  height: 80%;
  overflow: hidden;
}

#mem-file-details .md-content {
  max-height: 100%;
  height: 100%;
}

#mem-file-details #mem-image-detail__content {
  height: calc(100% - 130px);
  max-height: calc(100% - 130px);
  padding: 0;
}

#mem-file-details .mem-image-detail__info {
  height: 100%;
}


#mem-file-details .bottom-actions.docs-buttons,
#mem-file-details .modal-footer {
  padding: 0 10px;
}

#mem-file-details .mem-left_container img,
#mem-file-details .mem-left_container .image-editor {
  /*height: calc(100% - 60px);*/
  height: 100%;
}

.mem-attachment-info {
  height: 100%;
  box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, .1);
  border-bottom: 0;
  border-left: 1px solid #dcdcde;
  background: #f6f7f7;
}

.mem-attachment-info .details .info-text {
  line-height: 22px;
  font-size: 14px;
}

.mem-attachment-info .details {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dcdcde;
  font-size: 12px;
  max-width: 100%;
  color: #646970;
}

.mem-books-grid-item__wrapper.used-media-library-item .mem-books-grid-item__imageWrapper,
.mem-books-grid-item__wrapper.media-library-item .mem-books-grid-item__imageWrapper {
  height: 200px !important;
  width: 200px;
}

.pagination a {
  padding: 0 5px;
  color: #6B6C6F;
}

.pagination a.active {
  color: var(--links);
}

.pagination {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  align-items: center;
  font-size: 0.875rem;
}

.pagination-controls {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-right: 10px;
}

.pagination-per-pages select {
  width: 70px;
  font-size: 0.9rem;
  font-family: 'Inter';
  background-position: right 0.4rem center;
}

.pagination-per-pages {
  display: flex;
  align-items: center;
  gap: 15px;
}

.pagination-per-pages .view {
  white-space: nowrap;
}

.pagination.top .search-category-questions {
  display: block;
}

.mem-question-hints {
  /*visibility: hidden;
    height: 0;*/
  transition: all 0.3s ease-out;
  margin: 0 !important;
  border-bottom: none !important;
  padding: 0 !important;
  width: 100%;
  max-width: 100% !important;
  background: #fff5d6;
  overflow: hidden;
}

.mem-question-ai {
  /*visibility: hidden;
    height: 0;*/
  transition: all 0.3s ease-out;
  margin: 0 !important;
  border-bottom: 1px solid #D7E0E2 !important;
  padding: 0 !important;
  width: 100%;
  max-width: 100% !important;
  background: #D7E0E2;
  overflow: hidden;
}

.mem-question-ai .mem-ai-content,
.mem-question-hints .mem-hint-content {
  padding: 12px 30px 15px 30px;
}

.mem-question-ai .mem-hint-content {
  padding: 12px 10px 15px 30px;
}

.mem-question-hints .mem-hints-links {
  margin: 0 20px;
  column-count: 2;
}

.mem-question-hints h4 {
  margin: 0 5px 10px 0;
}

#add-products-accordion .products-content .mem-content__wrapper {
  max-width: 100%;
  width: 100%;
}

#add-products-accordion .products-content .mem-knowledge-topic__content {
  max-width: 100% !important;
  width: 100% !important;
}

#add-products-accordion .mem-knowledge-topic__content p {
  margin-bottom: 15px;
}

#add-products-accordion .products-content {
  flex-direction: column;
}

@media screen and (max-width: 1600px) {
  #add-products-accordion .products-content {
    flex-direction: column;
  }

  #add-products-accordion .products-content .mem-content__wrapper {
    max-width: 100%;
    width: 100%;
  }
}

@media screen and (min-width: 1300px) {
  .mem-books-dashboard__wrapper .mem-books-dashboard__gridView > * {
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    max-width: 200px;
    margin: 15px;
  }
}

@media screen and (max-width: 767px) {
  #mem-file-details {
    height: 95%;
    overflow: hidden;
    top: 2.5%;
  }

  .mem-question-hints {
    border-radius: 5px;
  }


  .mem-attachment-info .details {
    border-top: 1px solid #dcdcde;
    border-bottom: none;
    margin-top: 15px;
    padding-top: 15px;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .mem-attachment-info #image_description {
    height: 75px;
    line-height: 18px;
  }

  #mem-file-details .md-content h3 {
    padding: 10px;
  }

  #mem-file-details .mem-container-h__wrapper {
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
  }

  #mem-file-details .bottom-actions.docs-buttons {
    flex-direction: row;
  }

  .pagination {
    display: block;
    text-align: center;
    padding: 15px 0;
  }

  .pagination-controls {
    margin-top: 15px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .pagination.bottom .search-category-questions {
    display: none;
  }

  .mem-question-hints .mem-hints-links {
    column-count: 1;
  }

  #add-products-accordion .products-content .mem-content__wrapper {
    width: 100%;
    max-width: 100%;
  }

  #add-products-accordion .products-content {
    flex-direction: column;
  }

  .mem-image-edit-container {
    justify-content: space-between;
    width: 100%;
  }

  .mem-image-edit-container .mem-image-settings {
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-end;
  }

  .flex-container-start.block-container-start-mobile {
    display: block;
  }

  #user-change-book-share-options, .mem-book-share-edit-role, .mem-book-share-view-role {
    width: 100%;
    max-width: 100%;
  }

  .mem-books-grid-item__wrapper.used-media-library-item .mem-books-grid-item__imageWrapper,
  .mem-books-grid-item__wrapper.media-library-item .mem-books-grid-item__imageWrapper {
    height: 125px !important;
    width: 125px;
  }

  .mem-books-dashboard__wrapper .mem-books-dashboard__gridView .used-media-library-item,
  .mem-books-dashboard__wrapper .mem-books-dashboard__gridView .media-library-item {
    flex-basis: calc(50% - 30px);
  }


  #book_category_text p,
  #book_dedication_text p {
    font-size: 1rem;
    line-height: 1.6em;
  }
}

/*
@media screen and (max-width: 445px) {
    .notification-content-area {
        width: 380px;
    }
}


@media screen and (max-width: 395px) {
    .notification-content-area {
        width: 340px;
    }
}

@media screen and (max-width: 351px) {
    .notification-content-area {
        width: 305px;
    }
}

@media screen and (max-width: 315px) {
    .notification-content-area {
        width: 280px;
    }
}*/

@media screen and (max-width: 767px) {
  .mem-top-bar-section__wrapper .flex-container {
    padding-left: 5px;
  }
}

@media screen and (max-width: 360px) {
  .mem-top-bar-section__wrapper .flex-container .tooltip {
    display: none !important;
  }
}

@media screen and (max-width: 374px) {
  .mem-books-grid-item__wrapper.used-media-library-item .mem-books-grid-item__imageWrapper,
  .mem-books-grid-item__wrapper.media-library-item .mem-books-grid-item__imageWrapper {
    height: 110px !important;
    width: 110px;
  }
}

.dashboard #add-products-accordion .products-content .mem-knowledge-topic__content {
  max-width: 100% !important;
  width: 100% !important;
}

.dashboard #add-products-accordion .products-content {
  display: block;
}

.dashboard #add-products-accordion .products-content .mem-content__wrapper {
  width: 100%;
  max-width: 100%;
}

.uppy-Dashboard-close {
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat !important;
}

.uppy-Dashboard-close span {
  display: none;
}

#counter-time-left {
  min-height: 34px;
  color: #b53424;
  font-size: 14px;
}

.buy-book-now {
  white-space: nowrap;
}

#early-discount-cta {
  padding: 15px 0;
  margin-bottom: 0;
  min-height: 45px;
  display: flex;
  align-content: center;
  align-items: center;
  background: #eceb98;
  transition: all 0.5s ease-in-out;
}

#early-discount-cta.hide {
  min-height: 0;
  overflow: hidden;
  height: 0;
}

.mem-bottom-action-bar #mem-btn-preview-order-book-save,
.mem-bottom-action-bar #mem-btn-contact-order-book-save {
  max-width: 400px;
}

.mem-bottom-action-bar {
  background: #FEF5C7;
  bottom: 0;
  width: 100%;
  justify-content: right;
  right: 0;
  display: flex;
  align-items: center;
}

.mem-bottom-action-bar.dark {
  background: #252529;
}

.mem-bottom-action-bar.light {
  background: #fff;
}

#questionAnswer ul {
  padding-left: 20px !important;
}

#mem-cover-designer.fpd-container {
  width: 95% !important;
  margin: 0 auto;
}

#mem-cover-designer.fpd-container .fpd-main-wrapper .fpd-product-stage {
  margin: 0 auto;
}

.mem-books-grid-item__wrapper .mem-books-grid-item__imageWrapper .mem-books-grid-item__imageWrapperInner {
  background-position: top center;
}

.ql-toolbar.ql-snow {
  border: none;
  border-bottom: 1px solid #ccc;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow .ql-editor {
  min-height: 300px;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow .ql-editor p {
  margin-bottom: 15px;
  font-family: "New Kansas";
  color: #0D0D0D;
  font-size: 20px;
  line-height: 35px;
}

.ql-editor.ql-blank::before {
  font-size: 0.95rem;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border: none;
  min-height: 300px;
}

#questionAnswer .ql-editor strong {
  font-weight: bold !important;
}


.border-success {
  border-color: #2e7d32 !important;
}

.border-info {
  border-color: #ee9500 !important;
}

.text-info {
  color: #ee9500;
}

.border-4 {
  border-width: 4px !important;
}

.bg-light, .footer-light {
  --bs-bg-opacity: 1;
  background-color: rgb(245, 245, 245) !important;
}

.toast-container.position-absolute {
  z-index: 100;
}

.p-2 {
  padding: 0.75rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.end-0 {
  right: 0 !important;
}

.top-0 {
  top: 0 !important;
}

.top-60 {
  top: 60px !important;
}

.position-absolute {
  position: absolute !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.toast {
  right: -450px;
  position: fixed;
  width: 344px;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.toast.showing {
  opacity: 0;
}

.toast:not(.show) {
  position: fixed;
  display: none;
}

.toast-container {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}

.toast-container > :not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 1rem 1rem;
  color: #757575;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.toast-header .btn-close {
  margin-right: -0.5rem;
  margin-left: 1rem;
}

.toast-body {
  padding: 1rem;
  word-wrap: break-word;
}

.ql-editor ol, .ql-editor ul {
  padding-left: 0 !important;
  margin: 5px 0 !important;
}

.ql-editor ol, .ql-editor ul li {
  color: #4f4f4f;
!important;
}

.mem-answer-details .mem-books-detail__userRatingWrapper ul {
  padding-left: 1.5rem !important;
  margin: 10px 0 0 0 !important;
}

.mem-answer-details .mem-books-detail__userRatingWrapper ul li {
  padding-left: 0 !important;
}

.mem-form-input {
  border: 1px solid #F5F1ED;
  border-radius: 4px;
  background-color: #F5F1ED;
  color: #3a3a3a;
  padding: 10px 15px !important;
  font-weight: 300;
  width: 100%;
  min-height: 40px;
  line-height: 28px;
}

.mem-option__list {
  list-style: none;
}

.mem-option__list li {
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #Fff;
  cursor: pointer;
}

.mem-option__list li:hover {
  background-color: #94bbb5;
  color: #fff;
}

.mem-option__list li:hover .text-muted {
  color: #eee !important;
}

.mem-option__list .mem-option__title {
  margin-bottom: 0;
}

.mem-option__list .mem-option__desc {
  margin-bottom: 0;
}

.mem-option__list .mem-option__title span {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
}

.mem-option__list .mem-option__title i {
  padding-right: 10px;
}

#mem-change-book-selector .mem-select__optionListWrapper .mem-select__optionList {
  max-height: 216px;
}

#mem-change-book-selector .mem-select__optionList .primary .material-icons {
  color: #fff;
}

#mem-change-book-selector .mem-select__optionList .primary {
  background: #94BBB5;
  color: #fff;
}

#mem-change-book-selector .mem-select__optionList .primary:hover {
  background: #29a599;
  color: #fff;
}

#appleid-signin text {
  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif;
}

.text-center {
  text-align: center;
}

.mem-avatar__wrapper .mem-avatar__square {
  width: 120px;
  height: 90px;

}

.mem-avatar__wrapper .mem-avatar__square .mem-avatar__avatar {
  border-radius: 10px;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapperSmall .mem-avatar__avatar {
  width: 25px;
  height: 25px;
  border-radius: 100px;
}

.height-auto {
  height: auto;
}

.p-1 {
  padding: 0.5rem !important;
}

.mem-answer__info-container {
  padding-right: 0.75rem;
}

.mem-answer__info-text {
  padding-left: 0.25rem;
  font-weight: 400;
  font-size: 12px;
}

.object-cover {
  object-fit: cover;
}

.mem-answer__info .mem-icon__small {
  height: 22px;
  width: auto;
}

.mem-question-container {
  padding: 10px 0;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

#mem-widget-following-questions h1,
#mem-widget-latest-given-answers h1 {
  padding: 15px 30px;
  border-bottom: 1px solid #EAEDF3;
}

.questions-list-container {
  height: 100%;
  overflow-y: auto;
}

.dashboard .grid-stack-instance-1 > .grid-stack-item > .ui-resizable-se {
  bottom: 12px;
  right: 7px;
}

#simple-grid h1 {
  font-size: 1.5rem;
  line-height: 1.7rem;
}

.before\:bg-slate-200:before {
  content: var(--tw-content);
  background-color: #e2e8f0;
}

.text-slate-800 {
  color: #1e293b;
}

.bg-slate-200 {
  background-color: #e2e8f0;
}

.rounded-full {
  border-radius: 9999px;
}

.steps {
  display: flex;
  align-items: start;
  --size: 1.85rem;
  --line: .15rem
}

.steps.line-space {
  --space: .5rem
}

.steps .step {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  overflow-wrap: break-word;
  text-align: center;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  letter-spacing: .025em;
  width: 115px;
}

.steps .step .step-header {
  position: relative;
  margin: auto;
  margin-bottom: .5rem;
  display: flex;
  height: var(--size);
  width: var(--size);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border: 2px solid #e2e8f0;
}

.steps .step.active,
.steps .step.completed {
  cursor: pointer;
}

.steps .step.active .step-header,
.steps .step.completed .step-header {
  border: 2px solid #29a599;
  color: #29a599;
}

.steps .step.active p {
  font-weight: bolder;
}

.steps .step.completed .step-header {
  opacity: 0.4;
}

.steps .step p {
  padding: 0 5px;
}

.steps .step.completed p {
  opacity: 0.4;
}

.steps .step:before {
  top: calc(var(--size) / 2 + var(--line) / 2);
  height: var(--line);
  border-radius: 9999px;
  --tw-content: "";
  content: var(--tw-content);
  background: transparent;
}

.steps .step:not(:last-child):before {
  position: relative;
  left: 50%;
  top: calc(var(--size) / 2 + var(--line) / 2);
  order: -1;
  height: var(--line);
  border-radius: 0;
  --tw-content: "";
  content: var(--tw-content);
  background: #e2e8f0;
}

.mem-add-new-book .steps .step:not(:last-child):before {
  display: none;
}

.steps.line-space .step:not(:last-child):before {
  width: calc(100% - var(--size));
  left: calc(50% + calc(var(--size) / 2))
}

.steps.line-space .step.before\:bg-primary-80::before {
  content: var(--tw-content);
  background-color: #29a599;
}

.steps .step.completed::before {
  opacity: 1;
}

.bg-primary {
  background-color: #29a599;
}

.bg-primary-80 {
  background-color: #29a59980;
}

.text-white {
  color: #fff;
}

.text-primary {
  color: #29a599;
}

.bold {
  font-weight: bold;
}

.mem-tutorial-list__wrapper .mem-widget__wrapper {
  border: 5px solid #fff;
}

#templates_section_container .mem-widget__wrapper.active,
.mem-tutorial-list__wrapper .mem-widget__wrapper.active {
  border: 5px solid #29a599;
}

.justify-content-start {
  justify-content: start;
}

.align-items-center {
  align-items: center;
}

.dns-t-e {
  display: none;
}

.mem-page-documentation__container .mem-page-documentation__codeContent {
  flex: 0 0 380px;
  margin-bottom: 20px;
}

.mem-page-documentation__container .mem-page-documentation__codeContent .mem-content-code__codeWrapper {
  border: 1px solid #EAEDF3;
  background-color: #fff;
  box-shadow: 2px 2px 4px 2px rgba(51, 62, 99, .05);
  border-bottom: none;
}

.mem-page-documentation__container .mem-page-documentation__codeContent .bottom-actions {
  border: 1px solid #EAEDF3;
  background-color: #fff;
  padding: 12px 0;
}

#book-preview-inner-settings-form .mem-form-input-group__horizontal > * {
  min-width: auto;
}


.mem-icon-wrap__wrapper.green {
  /*border: 2px solid #29a599;*/
  /*background-color: #29a59980;*/
  border: 2px solid #94BBB5;
  background-color: #94BBB580;
  color: #29a599;
}

.mem-tag__wrapper.light-green {
  border: 2px solid #28A59920;
  background-color: #28A59910;
  color: #29a599;
  height: 30px;
  padding: 5px 10px !important;
}

.mem-tag__wrapper.light-green .tag-highlight {
  background-color: #28A599;
  border-radius: 5px;
  margin-right: 5px;
  color: #fff;
}


.hide-transition {
  transform: .6s all !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  flex-basis: 0 !important;
}


.mem-btn-small-rounded {
  border-radius: 50%;
  font-size: 10px;
  padding: 4px 4px;
  width: min-content;
  height: min-content;
  text-align: center;
}

.mem-btn-small-rounded .material-icons {
  font-size: 18px;
}

.mem-btn-small-rounded.mem-btn__hasText {
  border-radius: 0.3rem;
  padding: 5px 15px;
}

.container-img-swap {
  position: relative;
}

.container-img-swap img {
  width: 100%;
  height: auto;
}

.container-img-swap > img:first-child {
  opacity: 0;
  transition: all .4s;
  z-index: 1;
}

.container-img-swap > img:last-child {
  opacity: 1;
  transition: all .4s;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
}

.container-img-swap:hover > img:first-child {
  opacity: 1;
  transition: all .4s;
}

.container-img-swap:hover > img:last-child {
  opacity: 0;
  transition: all .4s;
}

.container-img-swap.active > img:first-child {
  opacity: 1;
  transition: all .4s;
}

.container-img-swap.active > img:last-child {
  opacity: 0;
  transition: all .4s;
}


.pie {
  --w: 42px;

  width: var(--w);
  aspect-ratio: 1;
  position: relative;
  display: inline-grid;
  place-content: center;
  margin: 0;
  margin-left: 7px;
  font-size: 25px;
  font-weight: bold;
  font-family: sans-serif;
  /*background: #94BBB5;*/
  border-radius: 99999px;
  box-shadow: 0 2px 5px rgba(38, 51, 77, 0.15);
}

.pie:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  inset: 0;
  background: conic-gradient(var(--c) calc(var(--p) * 1%), #0000 0);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
  mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
}

.pie:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  inset: 0;
  background: #94BBB540;
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
  mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
}

.pie-container {
  position: relative;
  margin-top: 0;
}

.pie-container .error .material-icons {
  position: absolute;
  top: 0;
  right: -2px;
  color: #F6AB2F;
  font-size: 20px;
}

.pie .percent-txt {
  position: absolute;
  font-size: 11px;
  top: 16px;
  left: 0;
  right: 0;
  text-align: center;
}

.notification-link {
  font-size: 11px;
  display: block;
  margin-top: 5px;
}


@media screen and (max-width: 767px) {
  .pie {
    --b: 5px !important;
    margin: 2px;
  }

  .tooltip-msg {
    font-size: 11px;
  }
}

.book_shipping_selection_container {
  width: max-content;
  margin: 0 auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
}

#printer_option.error .book_shipping_selection_container {
  border: 2px solid red;
  border-radius: 5px;
}

#deeplText {
}

#all-steps-container::-webkit-scrollbar {
  display: none;
}

#all-steps-container {
  display: flex;
  max-width: 100%;
  overflow: scroll;
}

#all-steps-main-wrapper::-webkit-scrollbar {
  display: none;
}

#all-steps-main-wrapper {
  margin-bottom: 10px;
  flex-basis: 85px;
  flex-grow: 0;
}

#scroll-lottie-player {
  position: fixed;
  bottom: 20px;
  text-align: center;
  width: calc(100% - 150px);
  border-radius: 50px;
}

/*noinspection CssInvalidHtmlTagReference*/
#scroll-lottie-player lottie-player {
  background: #e9e9e9cc;
  border-radius: 50px;
  width: 200px;
  height: 200px;
  margin: -40px auto 0;
}

.mem-nav-section__wrapper .material-icons {
  font-size: 22px;
}

.mem-page-inner-page__settings {
  margin-left: 5px;
  /*max-height: calc(100% - 120px);*/
  max-height: 100%;
}

.the-pdf-approve-preview #mem-preview-inner-pdf {
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 0 auto;
  justify-content: center;
}

.the-pdf-approve-preview #mem-preview-inner-pdf canvas.first {
  margin: 0 calc(50% / 2) !important;
}

.approve-book-container {
  position: relative;
  overflow-y: auto;
  max-height: calc(100% - 162px);
}

@media screen and (max-width: 767px) {

  .mem-nav-panel__wrapper {
    flex-basis: 262px;
    width: 262px;
  }

  .mem-books__booksMenuOpen {
    -webkit-transform: translateX(262px);
    -ms-transform: translateX(262px);
    transform: translateX(262px);
  }

  #all-steps-wrapper {
    display: block !important;
  }

  #all-steps-main-wrapper {
    min-height: 120px !important;
    text-align: center;
  }

  #printer_option {
    max-width: 100%;
    display: flex;
  }

  .choose-cover-templates__wrapper {
    display: flex;
  }

  .container-img-swap {
    max-width: 48% !important;
  }

  .mem-page-documentation__codeContent.mem-page-documentation__active {
    max-width: 100%;
  }

  .mem-page-inner-page__settings {
    margin-left: 5px;
    max-height: calc(100% - 20px);
  }

  #form-approve-book .mem-inner-cover__content.mem-bottom-action-bar {
    flex-direction: column;
  }


  #scroll-lottie-player {
    position: fixed;
    bottom: 90px;
    text-align: center;
    width: calc(100% - 150px);
    left: calc(50% - 110px);
    border-radius: 20px;
  }

  /*noinspection CssInvalidHtmlTagReference*/
  #scroll-lottie-player lottie-player {
    width: 55px;
    height: 55px;
  }

  .the-pdf-approve-preview #mem-preview-inner-pdf canvas.first {
    margin: 0 auto !important;
  }


  .approve-book-container {
    position: relative;
    overflow-y: auto;
    max-height: calc(100% - 160px);
  }

  .book_shipping_selection_container {
    display: flex;
    flex-direction: column;
    align-items: start;
    max-width: 100%;
  }
}

.mem-premium-feature {
  position: relative;
  padding-right: 22px !important;
}

.mem-premium-feature .tooltip {
  position: absolute;
  top: -8px;
  right: 2px;
}

.mem-premium-feature.mem-btn__hasIcon .tooltip {
  position: absolute;
  top: -18px;
  right: -5px;
}

.tooltip .icon-tabler-crown {
  transform: rotate(35deg);
}

.mem-select__optionListWrapper.dark .mem-select__optionList .mem-select__option:hover {
  background: rgba(62, 63, 66, 0.7);
  border-radius: 0;
}

.mem-select__optionListWrapper.dark .mem-select__optionList .mem-select__option:not(:last-child),
.mem-select__optionListWrapper.dark .mem-select__optionList .mem-select__option:not(:last-child):hover,
.mem-select__optionListWrapper.dark .mem-select__optionList .mem-select__option:focus:not(:last-child),
.mem-select__optionListWrapper.dark .mem-select__optionList .mem-select__option:focus:not(:last-child):hover {
  border-bottom: 1px solid #777777 !important;
}

.mem-select__optionListWrapper.small .mem-select__optionList .mem-select__option,
.mem-select__optionListWrapper.small .mem-select__optionList .mem-select__option:focus {
  min-height: 38px;
  padding: 0 22px;
}

.mem-select__optionList button {
  margin-bottom: 0;
}

.card {
  position: relative;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-slate-600 {
  color: #475569;
}

.text-white-600 {
  color: #f3f3f3;
}

.font-semibold {
  font-weight: 600;
}

.font-semibold-important {
  font-weight: 600 !important;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.items-start {
  align-items: flex-start;
}

.flex {
  display: flex;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.absolute {
  position: absolute;
}

.p-4 {
  padding: 1rem;
}

.p-8 {
  padding: 2rem;
}

.p-6 {
  padding: 1.5rem;
}

.pt-30 {
  padding-top: 6rem;
}

.m-8 {
  margin-top: 2rem;
}

.mt-0 {
  margin-top: 0;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-20 {
  margin-top: 4rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.h-6 {
  height: 1.5rem;
}

.w-6 {
  width: 1.5rem;
  min-width: 1.5rem;
}

.h-12 {
  height: 3.75rem;
}

.w-12 {
  width: 3.75rem;
}

.w-4\.5 {
  width: 1.125rem;
}

.h-4\.5 {
  height: 1.125rem;
}

.w-4 {
  width: 1rem;
}

.h-4 {
  height: 1rem;
}

.text-6xl {
  font-size: 3.75rem;
}

.py-5 {
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}

.mt-1 {
  margin-top: .25rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.bg-primary\/10 {
  background-color: #94BBB530;
}

.bg-warning\/10 {
  background-color: #ff980030;
}

.bg-white\/10 {
  background-color: #ffffff30;
}

.text-warning {
  color: #ff9800;
}

.bg-info\/10 {
  background-color: rgba(14, 165, 233, .1);
}

.rounded-full {
  border-radius: 9999px;
}

.badge, .tag {
  align-items: center;
  border-radius: .25rem;
  display: inline-flex;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: .75rem;
  font-weight: 500;
  justify-content: center;
  letter-spacing: .025em;
  line-height: 1rem;
  line-height: 1;
  padding: .375rem .5rem;
  transition-duration: .2s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  vertical-align: baseline;
}

.rounded-full {
  border-radius: 9999px;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: end;
}

.justify-start {
  justify-content: start !important;
}

.justify-between {
  justify-content: space-between;
}

.justify-evenly {
  justify-content: space-evenly;
}

.items-center {
  align-items: center;
}

.text-left {
  text-align: left;
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(.75rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(.75rem * var(--tw-space-x-reverse));
  line-height: 1.6rem;
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: calc(0.775rem * var(--tw-space-y-reverse));
  margin-top: calc(0.775rem * (1 - var(--tw-space-y-reverse)));
}

.max-w-80p {
  max-width: 80%;
}

@media (min-width: 640px) {
  .sm\:width-full {
    width: 100%;
    max-width: 100%;
  }

  .sm\:flex-col {
    flex-direction: column;
  }

  .sm\:flex-row {
    flex-direction: row;
  }
}

@media (min-width: 768px) {

  .md\:flex-row {
    flex-direction: row;
  }
}


.grid {
  display: grid;
}

.gap-1 {
  gap: 0.15rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-4 {
  gap: 1rem;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.place-items-center {
  place-items: center;
}

.font-bold {
  font-weight: bold !important;
}

.mem-package-name {
  font-family: 'New Kansas';
  font-size: 1.5rem;
}

.mem-package-desc {
  font-family: 'Inter' !important;
  margin-bottom: 30px;
}

.package-icon {
  background: white;
  padding: 0;
  overflow: hidden;
  border: 1px solid #EAEDF3;
  top: -70px;
  left: calc(50% - 60px);
}

.package-icon img {
  height: 130px;
}

.mem-add-new-book .package-icon {
  width: 130px;
  height: 130px;
}

.mem-books-users__bookItem-show-details.active .mem-books-grid-item__footer {
  display: none;
}

.mem-books-performance__widgetOverflow.highlighted {
  background: #29a599;
  color: #fff;
}

#need-to-recalculate-spine-btn.digital-product .material-icons {
  top: -9px;
  right: 0;
}

.tooltip-msg.right.bottom.digital-product {
  top: 85px;
}

@media (min-width: 640px) {
  .sm\:gap-5 {
    gap: 1.25rem;
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:flex-col {
    flex-direction: column;
  }

  .sm\:flex-row {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  .lg\:py-6 {
    padding-top: 1.5rem;
  }

  .lg\:gap-6 {
    gap: 1.5rem;
  }

  .max-w-lg-70p {
    max-width: 70%;
  }
}


@media (max-width: 640px) {
  .mem-books-performance__widgetOverflow {
    max-width: 100%;
    margin-top: 90px;
  }

  .mem-books-performance__widgetOverflow:last-child {
    max-width: 100%;
    margin-top: 0;
  }
}

.mem-book__product-content h3 {
  padding-right: 0.775rem;
  color: #FFFFFF;
  font-family: "Poppins", Sans-serif;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1em;
  margin-bottom: 0;
}


.mem-book__product-content .mem-book__product-btn-wrap .mem-book__product-button .material-icons {
  color: white;
}

.mem-book__product-content .mem-book__product-btn-wrap .mem-book__product-button .material-icons:hover {
  color: #29A599;
}


@media (max-width: 767px) {
  .mem-container-h__wrapper {
    max-width: 100%;
  }

  .mem-book__product-content h3 {
    font-size: 1.85rem;
  }

  .real-data .package-icon {
    flex-direction: column;
    justify-content: center;
    border: none;
  }

  .real-data .package-icon h2 {
    text-align: center;
  }

  #need-to-recalculate-spine-btn.digital-product .material-icons {
    top: -16px;
    right: 0;
  }
}

p.mem-variable-txt-info {
  font-size: 0.875rem;
}

.mem-add-new-book h3 {
  margin-top: 0.25rem;
  font-family: "New Kansas", sans-serif;
  font-size: 2.3rem;
  padding: 1rem 0;
  color: #25a599;
  line-height: 2.6rem;

}

#mem-step-one-interview h2,
#mem-step-two-interview h2 {
  font-size: 2rem;
  line-height: 2rem;
  font-family: "New Kansas", Sans-serif;
  margin-bottom: 0.7rem;
  padding-top: 10px;
}

#question_cta a:hover {
  text-decoration: none;
}

#question_cta.swiper-slide {
  height: unset;
  margin-bottom: 8px;
}

.question-box.swiper-slide {
  height: unset;
}

.overview-questions-widget .mem-tutorial-list-item__wrapper {
  margin: 0;
}

#mem-widget-how-are-you-feeling-today {
  background: #EBF0F3;
}

.lbl-error {
  color: #E15E59;
  font-size: 12px;
}

.lbl-success {
  color: var(--links);
  font-size: 12px;
}


.mem-checkbox__wrapper .mem-checkbox__description {
  margin-top: 6px;
}


#mem-preview-inner-pdf {
  height: 100%;
  min-height: 725px;
  width: 80%;
}

#mem-preview-inner-pdf iframe {
  min-height: 725px;
}


#the-pdf-preview-inner,
#the-pdf-preview-question {
  height: 100%;
  min-width: 600px;
}

.changelog-items .mem-widget__padding {
  margin-top: 15px;
}

.changelog-items .mem-widget__padding:first-child {
  margin-top: 0;
}


@media (max-width: 767px) {
  #mem-preview-inner-pdf,
  #the-pdf-preview-inner,
  #the-pdf-preview-question {
    height: 100%;
    min-width: 100%;
    margin-top: 30px;
  }

  #mem-preview-inner-pdf iframe {
    min-height: 450px;
  }
}


.image-overflow-box .resize-handle,
.image-box .resize-handle {
  display: none;
}

.image-box.selected .resize-handle {
  display: none;
}

.edit-answer-full-page-editor-overlay {
  animation: uppy-Dashboard-fadeIn .3s cubic-bezier(0, 0, .2, 1);
  background-color: #00000080;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1001;
}

#btn-save-options {
  margin-left: 0;
  border-radius: 0 0.3rem 0.3rem 0;
  max-width: 27px;
  min-width: 27px;
  padding: 0;

  border: none;
  border-left: 1px solid #ededed;
}

#btn-save-question-answer {
  margin-right: 0;
  margin-bottom: 0;
  border-radius: 0.3rem 0 0 0.3rem;
  border: none;
  box-shadow: none;
  margin-left: 0;
}

.mem-widget-title__wrapper h3 {
  color: #4f4f4f;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600 !important;
}

#btn-save-question-answer .mem-btn__content {
  padding-left: 20px;
  padding-right: 15px;
}

.mem-edit-question .mem-widget__wrapper.mem-social-about__wrapper.mem-widget__margin.mem-widget-answer-container {
  border-radius: 10px 10px 5px 5px;
}

.mem-checkbox__wrapper.mem-checkbox__toggle .mem-checkbox__checkbox:checked + .mem-checkbox__label::before {
  background: #29a599;
}

.mem-checkbox__wrapper.mem-checkbox__toggle .mem-checkbox__label::before {
  background: #B2A3804D;
}

.mem-social-header__cover .mem-social-header__name {
  z-index: 1;
}

.mem-round-trans-button {
  padding: 5px 20px;
  border: 1px solid #999999;
  border-radius: 0.5rem;
}

.gsi-material-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #747775;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
  transition: background-color .218s, border-color .218s, box-shadow .218s;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
  min-width: min-content;
}

.gsi-material-button.loading {
  background-color: #E1E1E1;
}

.gsi-material-button .gsi-material-button-icon {
  height: 20px;
  margin-right: 12px;
  min-width: 20px;
  width: 20px;
}

.gsi-material-button .gsi-material-button-content-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.gsi-material-button .gsi-material-button-contents {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: 'Roboto', arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.gsi-material-button .gsi-material-button-state {
  -webkit-transition: opacity .218s;
  transition: opacity .218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.gsi-material-button:disabled {
  cursor: default;
  background-color: #ffffff61;
  border-color: #1f1f1f1f;
}

.gsi-material-button:disabled .gsi-material-button-contents {
  opacity: 38%;
}

.gsi-material-button:disabled .gsi-material-button-icon {
  opacity: 38%;
}

.gsi-material-button:not(:disabled):active .gsi-material-button-state,
.gsi-material-button:not(:disabled):focus .gsi-material-button-state {
  background-color: #303030;
  opacity: 12%;
}

.gsi-material-button:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.gsi-material-button:not(:disabled):hover .gsi-material-button-state {
  background-color: #303030;
  opacity: 8%;
}

.mem-widget-answer-container {
  border: none;
}

.mem-widget-answer-container .mem-widget-title__wrapper {
  background: #ededed;
  border-radius: 10px 10px 0 0;
  border: 1px solid #EAEDF3;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mem-btn__onlyText {
  background: none;
}

.mem-btn__onlyText.error {
  color: #E15E59;
}

.mem-answer-details .mem-content__answer p,
.mem-content__answer {
  font-family: "New Kansas";
  color: #3E3F42;
  font-size: 1.2rem;
  line-height: 2rem;
}

.mem-answer-details .mem-content__answer p {
  padding: 0 0 5px 0;
}

.mem-answer-details p,
.mem-answer__info p,
.mem-answer__info {
  font-size: 20px;
  line-height: 1.8em;
  font-family: "New Kansas";
  color: #3E3F42;
  padding: 10px 0;
  margin: 0;
}


.mem-answer-details .mem-question-report__wrapper p {
  font-size: 1rem;
  padding: 8px 4px;
  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif;
}


.mem-answer-details .mem-question-report__wrapper .material-icons {
  padding-top: 0;
  padding-right: 5px;
}

.mem-content__answer {
  display: block !important;
}

.mem-answer__info h3,
.mem-answer-details .mem-content__answer h3 {
  font-size: 22px;
  line-height: 1.8em;
  font-family: "New Kansas";
  color: #3E3F42;
  font-weight: 700;
  padding: 10px 0;
  margin: 0;
}


.mem-answer-details .mem-content__answer h2,
.mem-answer-details .mem-content__answer h3 {
  font-family: "New Kansas SemiBold";
  font-weight: bold !important;
  color: #3E3F42;
  margin-top: 0;
}

.mem-answer-details .mem-content__answer h2 {
  font-size: 24px;
  padding: 10px 30px !important;
  line-height: 2rem !important;
}

.mem-answer-details .mem-content__answer h3 {
  font-size: 22px;
  padding: 10px 30px !important;
  line-height: 2rem !important;
}

@media screen and (max-width: 767px) {
  .private-answer-container {
    flex-direction: column-reverse;
  }

  .mem-btn-mobile__iconOnly {
    padding: 20px !important;
    width: 40px;
    height: 40px;
  }

  .mem-btn-mobile__iconOnly .material-icons {
    margin-left: 0 !important;
  }

  .mem-widget-answer-container .mem-widget-title__wrapper {
    padding: 18px 5px 18px 20px;
  }

  .mem-btn_pdf-preview {
    padding: 10px 12px !important;
    height: 45px;
    width: 45px;
  }

  #btn-save-question-answer {
    padding: 0 30px 0 25px !important
  }
}

#product_type_select-error {
  color: #E15E59;
  font-size: 12px;
}

.mem-add-new-book label.error {
  color: #E15E59;
}

.answer-audio-section audio {
  width: 100%;
  border-radius: 10px;
}

.answer-video-section,
.answer-audio-section {
  padding: 20px 0 30px 0;
  text-align: center;
}

.answer-video-section video {
  border-radius: 10px;
  overflow: hidden;
  max-height: 400px;
}

@media (max-width: 767px) {

  .answer-video-section video {
    max-height: 300px;
  }
}

#editorjs .answer-audio-section,
#editorjs .answer-video-section {
  padding: 20px 10px;
  text-align: center;
}

.mem-yearbook-category-container {
  max-width: 735px;
}

.mem-form .mem-form-input-group__wrapper > *:last-child {
  margin-bottom: 25px;
  margin-top: 10px;
}

.product-explainatory-visible,
.product-explainatory {
  background: #FaFaFa;
  padding: 10px;
  border-radius: 0.5rem;
  margin: 10px 0;
  border: 1px solid #B9B9B9;
  display: flex;
  align-items: center;
  max-width: 410px;
  margin: 0 auto;
  gap: 10px;
}

@media screen and (max-width: 767px) {

  .mem-form .actions {
    flex-direction: column-reverse;
  }

  .mobile-no-container {
    border: none;
    background: transparent;
  }

  .mobile-no-container .mem-widget-content__wrapper {
    border: none;
    background: transparent;
    padding: 0;
  }
}

.mem-hidden {
  display: none !important;
}

.border {
  border-width: 1px;
}

.rounded-full {
  border-radius: 9999px;
}

.grow {
  flex-grow: 1;
}

.h-2 {
  height: 0.5rem;
}

.shrink {
  flex-shrink: 1;
}

.ms-1 {
  margin-inline-start: 0.25rem;
}

.progress-bar button.step,
.progress-bar [type="button"].step,
.progress-bar [type="reset"].step,
.progress-bar [type="submit"].step {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
  border-width: 0;
}

.step.completed .bar, .step.current .bar {
  --tw-bg-opacity: 1;
  background-color: rgb(25 165 131 / var(--tw-bg-opacity));
}

.border-solid {
  border-style: solid;
}

.border-green {
  --tw-border-opacity: 1;
  border-color: rgb(25 165 131 / var(--tw-border-opacity));
}

.step .label img {
  margin-bottom: 3px;
  margin-inline-start: 0.25rem;
  margin-inline-end: 0.15rem;
}

@media (min-width: 1024px) {
  .step .label img {
    margin-inline-start: 0.5rem;
  }
}


.mem-container-bottom-banner-wrapper {
  display: flex;
  padding: 1rem 0;
  background: #252529;
  width: 100%;
}

.mem-bottom-banner {
  background: #FEF5C7;
  width: 100%;
  border-radius: 12px;
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #252529;
  margin: 0 15px;
}

.mem-bottom-banner-text-wrapper h4 {
  font-family: "New Kansas", Sans-serif;
  font-weight: 700 !important;
  font-size: 1.4rem;
  line-height: 1.1;
  margin: 0;
  margin-bottom: 0.4rem;
}

.mem-bottom-banner-text-wrapper p {
  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif;
  font-weight: 400;
  /*font-size: 1.1rem;*/
  font-size: 1rem;
  margin: 0;
}

.mem-bottom-banner-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #29a599;

  color: #fff !important;
  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1rem;
  text-decoration: none;
  padding: 1rem 3rem;
  border-radius: 3rem;
  margin-right: 1rem;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
}


.mem-bottom-banner-button:hover {
  background: #284556;
  transition: all 0.2s ease-in-out;
  transform: scale(1.025);
}

.mem-layout-main__wrapper.with-bottom-banner {
  flex-direction: column;
}

.mem-layout-main__wrapperInner {
  border-radius: 0 0 0 12px;
  flex-grow: 1;
}

.no-branding .mem-layout-main__wrapperInner {
  background: transparent;
}

.mem-container-bottom-banner-wrapper {
  margin-top: auto;
}

.mem-bottom-banner {
  margin: 0 15px 0 0;
}

@media screen and (max-width: 768px) {
  .mem-bottom-banner {
    flex-direction: column;
    margin: 0 15px;
  }

  .mem-container-bottom-banner-wrapper .mem-layout-main__wrapper.with-bottom-banner {
    background: #fff;
  }

  .mem-container-bottom-banner-wrapper {
    background: transparent;
  }


  .mem-bottom-banner-text-wrapper h4 {
    text-align: center;
    font-size: 1.5rem;
  }

  .mem-bottom-banner-text-wrapper p {
    text-align: center;
    padding: 1.5rem 1rem;
    font-size: 1.125rem;
  }

  .mem-bottom-banner-button {
    margin-right: 0;
    font-size: 0.875rem;
    padding: 10px 40px;
  }

  .mem-bottom-banner {
    padding: 10px;
  }
}

.mem-add-new-book .elementor-text-editor p {
  font-family: 'Inter', -apple-system, system-ui, Roboto, Arial, sans-serif;
}

.mem-content__answer.hyphens p,
#editorjs.hyphens .codex-editor__redactor .ce-paragraph {
  hyphens: auto;
  text-align: justify;
}

.image-choices-container .image-choices-choice {
  display: flex;
  gap: 15px;
}

.image-choices-container .image-choices-choice .fancy-radio-button {
  padding-top: 0 !important;
}

.image-choices-container .image-choices-choice .fancy-radio-button .mem-tutorial-list-item__content {
  border: 4px solid #B9B9B9;
  border-radius: 20px;
}

.image-choices-container .image-choices-choice .fancy-radio-button.active .mem-tutorial-list-item__content {
  border: 4px solid #23BC97;
}

.row-items {
  display: flex;
  gap: 15%;
  align-items: start;
  align-content: start;
}

.row-items .row-item {
  flex-basis: 50%
}


@media screen and (max-width: 767px) {
  .row-items {
    flex-direction: column;
  }

  .mem-add-new-book .mem-layout-main__wrapperInner {
    padding: 10px;
  }

  .mem-add-new-book .mem-widget__wrapper.mem-widget__margin .col {
    padding: 5px;
  }

  .mem-add-new-book .mem-widget__wrapper.mem-widget__margin {
    background: transparent;
    box-shadow: none;
    border: none;
  }

  .mem-add-new-book .mem-widget-content__wrapper {
    padding: 0;
    background: transparent;
  }

  .mem-add-new-book .mem-btn__base.mem-btn__clear {
    margin-right: 0 !important;
  }

  .mem-add-new-book .save.container {
    flex-direction: column-reverse !important;
    display: flex;
  }

  .mem-add-new-book .save.container button {
    justify-content: center;
  }
}

.mem-tab__item.mem-btn__explore {
  background-color: #29a599;
  padding: 0 18px;
  border-radius: 10px;
  color: #fff;
  height: 45px;
}

#dedication-editor-content .trumbowyg-box .trumbowyg-editor {
  margin: 0 auto;
  min-height: 100%;
  height: 100% !important;
}


@media screen and (max-width: 1280px) {
  .mem-social-header__cover .mem-social-header__name {
    font-size: 1.8rem;
  }

  .mem-social-header__cover {
    height: 200px;
  }
}

@media screen and (max-width: 768px) {

  .mem-social-header__cover .mem-social-header__name {
    font-size: 1.8rem;
  }

  .mem-social-header__cover {
    height: 200px;
  }
}

.bell .material-icons {
  color: #4f4f4f;
}

.bell {
  position: relative;
  display: inline-block;
  /* border:dashed 1px rgba(0,0,0,.25); */
  margin: 0;
  padding: 0;
}

.bell .anchor {
  transform-origin: center top;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.bell .layer-1 {
  color: #4f4f4f;
  z-index: 9;
  animation: animation-layer-1 5000ms infinite;
  opacity: 0;
}

.bell .layer-2 {
  color: #4f4f4f;
  z-index: 8;
  position: absolute;
  top: 0;
  left: 0;
  animation: animation-layer-2 5000ms infinite;
}

.bell .layer-3 {
  color: #333642;
  z-index: 7;
  position: absolute;
  top: 0;
  left: 0;
  animation: animation-layer-3 5000ms infinite;
}

@keyframes animation-layer-1 {
  0% {
    transform: rotate(0deg);
    opacity: 0;
  }
  8.0% {
    transform: rotate(0deg);
    opacity: 0;
  }
  12.0% {
    transform: rotate(42deg);
    opacity: .5;
  }
  16.0% {
    transform: rotate(-35deg);
    opacity: .4;
  }
  20.0% {
    transform: rotate(0deg);
    opacity: .1;
  }
  23.0% {
    transform: rotate(28deg);
    opacity: .3;
  }
  26.0% {
    transform: rotate(-20deg);
    opacity: .2;
  }
  29.0% {
    transform: rotate(0deg);
    opacity: .1;
  }
  31.0% {
    transform: rotate(16deg);
    opacity: 0;
  }
  33.0% {
    transform: rotate(-12deg);
    opacity: 0;
  }
  35.0% {
    transform: rotate(0deg);
    opacity: 0;
  }
  37.0% {
    transform: rotate(-6deg);
    opacity: 0;
  }
  39.0% {
    transform: rotate(0deg);
    opacity: 0;
  }
}

@keyframes animation-layer-2 {
  0% {
    transform: rotate(0deg);
  }
  8.0% {
    transform: rotate(0deg);
  }
  12.0% {
    transform: rotate(42deg);
  }
  16.0% {
    transform: rotate(-35deg);
  }
  20.0% {
    transform: rotate(0deg);
  }
  23.0% {
    transform: rotate(28deg);
  }
  26.0% {
    transform: rotate(-20deg);
  }
  29.0% {
    transform: rotate(0deg);
  }
  31.0% {
    transform: rotate(16deg);
  }
  33.0% {
    transform: rotate(-12deg);
  }
  35.0% {
    transform: rotate(0deg);
  }
  37.0% {
    transform: rotate(-6deg);
  }
  39.0% {
    transform: rotate(0deg);
  }
  40.0% {
    transform: rotate(6deg);
  }
  44.0% {
    transform: rotate(-3deg);
  }
  49.0% {
    transform: rotate(2deg);
  }
  55.0% {
    transform: rotate(0deg);
  }
  62.0% {
    transform: rotate(1deg);
  }
  70.0% {
    transform: rotate(0deg);
  }
}

@keyframes animation-layer-3 {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  8.0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  12.0% {
    transform: rotate(52deg);
    opacity: .5;
  }
  16.0% {
    transform: rotate(-48deg);
    opacity: .4;
  }
  20.0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  23.0% {
    transform: rotate(42deg);
    opacity: .3;
  }
  26.0% {
    transform: rotate(-30deg);
    opacity: .2;
  }
  29.0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  31.0% {
    transform: rotate(26deg);
    opacity: .15;
  }
  33.0% {
    transform: rotate(-18deg);
    opacity: .1;
  }
  35.0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  37.0% {
    transform: rotate(-12deg);
    opacity: .8;
  }
  40.0% {
    transform: rotate(6deg);
    opacity: 1;
  }
  44.0% {
    transform: rotate(-3deg);
    opacity: .8;
  }
  49.0% {
    transform: rotate(2deg);
    opacity: 1;
  }
  55.0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  62.0% {
    transform: rotate(1deg);
    opacity: 1;
  }
  70.0% {
    transform: rotate(0deg);
    opacity: 1;
  }
}

.system-input {
  font-family: 'Inter' !important;
}


.pulse {
  animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}


.pulse-green {
  animation: pulse-animation-green 2s infinite;
}

@keyframes pulse-animation-green {
  0% {
    box-shadow: 0 0 0 0 rgba(41, 165, 153, 0.2);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(41, 165, 153, 0);
  }
}

#show-meminto-video-tour {
  width: 70%;
  max-width: 1000px;
}

.uploader-window {
  background: #344358e8;
}

.uploader-window {
  position: fixed;
  z-index: 250000;
  opacity: 0;
  transition: opacity 250ms;
}

.uploader-window {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  display: none;
}

.uploader-window-content {
  position: absolute;
  top: 10%;
  left: 10%;
  right: 10%;
  bottom: 15%;
  border-radius: 5px;
}

.uploader-window .uploader-editor-title, .uploader-window h1 {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  font-size: 3em;
  line-height: 1.3;
  font-weight: 600;
  color: #fff;
  margin: 0;
  padding: 0 10px;
}

.uppy-Dashboard--modal .uppy-Dashboard-inner {
  left: 20% !important;
  top: 20% !important;
  transform: translate(-10%, -10%) !important;
  width: 80%;
  height: 80%;
}

.uploader-window .uppy-Dashboard-inner {
  border: none;
}

.uploader-window-content .used-media-library-item,
.uploader-window-content .media-library-item {
  flex-basis: min-content;
}

.mem-books-dashboard__wrapper .mem-books-dashboard__gridView .used-media-library-item,
.mem-books-dashboard__wrapper .mem-books-dashboard__gridView .media-library-item {
  flex-basis: min-content;
}

.pagination .mem-tab__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-width: 768px) {

  .pagination .mem-tab__container {
    border-top: 1px solid #EAEDF3;
    margin-top: 10px;
    padding: 0;

  }

  .answer-audio-section {
    flex-direction: column;
  }

}

#sortable-answer-list li:first-child .my-button-up {
  display: none;
}

#sortable-answer-list li:last-child .my-button-down {
  display: none;
}

.answer-page-break {
  display: flex;
  align-items: center;
}

.mem-input__input::placeholder {
  color: #999;
  opacity: 1;
}

.mem-emoji-headline__content h1.mem-accent-title,
.mem-accent-title {
  padding: 0 0 10px;
  font-family: "New Kansas SemiBold";
}

label.error {
  margin-top: 5px;
  margin-left: 10px;
}

div#contributors-link {
  font-weight: bold;
}

.mem-btn__base.mem-select__option.active {
  background-color: #ddd;
  color: #2e2e23;
}

.mem-approve-print .mem-inner-cover__content.mem-bottom-action-bar {
  padding: 0 80px 10px 15px;
}

@media screen and (max-width: 768px) {
  .mem-approve-print .mem-inner-cover__content.mem-bottom-action-bar {
    padding: 10px 40px 10px 15px;
  }

  div.mem-checkbox__label.mem-checkbox__label-outside {
    display: inline;
    white-space: wrap;
    min-width: auto;
  }
}

.credits-menu-box {
  background: #F5F7FA;
  padding: 15px;
  border-radius: 5px;
  margin: 10px 0;
}

.mem-new-card-button-wrapper {
  display: flex;
}

.mem-new-card-button-wrapper a {
  background: #B2A380;
  color: #fff;
  font-size: 1rem;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  margin-left: auto;
  margin-right: 0;
  transition: all .2s ease-in-out;
}

.mem-new-card-button-wrapper a.primary {
  background-color: var(--links);
}

.profile-name-lbl {
  font-size: 0.8rem;
  font-weight: bold;
}

.profile-credit-count {
  color: var(--links);
  font-size: 0.7rem;
  font-weight: normal;
}

.credits-menu-box {
  background: #49484B;
  padding: 15px;
  border-radius: 5px;
  margin: 10px 0;
}

.mem-new-card-button-wrapper {
  display: flex;
}

.mem-new-card-button-wrapper a {
  background: #B2A380;
  color: #fff;
  font-size: 0.875rem;
  text-transform: none;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  margin-left: auto;
  margin-right: 0;
  transition: all .2s ease-in-out;
}

.mem-new-card-button-wrapper a.primary {
  background-color: var(--links);
}

.profile-name-lbl {
  font-size: 0.8rem;
  font-weight: bold;
  color: #4f4f4f;
}

.profile-credit-count {
  color: var(--links);
  font-size: 0.7rem;
  font-weight: normal;
}

.mem-select__wrapper .mem-select__valueRendered.transparent {
  background: transparent;
}

.mem-range {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  overflow: visible !important;
}

.mem-range::-webkit-slider-thumb {
  margin-top: -2px;
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #29a599;
  cursor: pointer;
}

/** FF*/
.mem-range::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #29a599;
  cursor: pointer;
}

input[type="range"]::-moz-range-progress {
  background-color: #29a599;
  height: 10px;
  border-radius: 5px;
}

input[type="range"]::-moz-range-track {
  background-color: #d3d3d3;
  height: 10px;
  border-radius: 5px;
}

/* IE*/
input[type="range"]::-ms-fill-lower {
  background-color: #29a599;
  height: 10px;
  border-radius: 5px;
}

input[type="range"]::-ms-fill-upper {
  background-color: #d3d3d3;
  height: 10px;
  border-radius: 5px;
}

.mem-green-divider {
  background: #28A59940;
  height: 1px;
  margin-top: 25px;
  margin-bottom: 15px;
}

.mem-book-upgrade__trial-price .price {
  color: #284556;
  font-size: 1.5rem;
}

.mem-book-upgrade__trial-price.strikethrough .price {
  text-decoration: line-through;
  color: #7F888E;
}

.list-credit-selected-price .mem-book-upgrade__trial-price .price {
  color: #fff;
}

.list-credit-selected-price .mem-book-upgrade__trial-price.strikethrough .price {
  color: #ffffff50;
}

.list-credit-selected-price .mem-book-upgrade__trial-price .price,
.mem-select__optionContent .mem-book-upgrade__trial-price .price {
  /*font-size: 1.1rem;*/
  font-size: 1rem;
}

.description ul {
  margin-left: 25px;
  list-style: none;
  text-align: left;
}

.md-modal-inner-content ul li:before {
  /*   content: url('../images/icons8-done 2.png');
       margin-right: 4px;*/
}

.description ul li {
  align-items: center;
  display: flex;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #4f4f4f;
}

.md-modal-inner-content .discount-container a {
  font-weight: 500;
}

.md-modal-inner-content .description ul {
  margin-bottom: 20px;
}

.mem-input-container {
  position: relative;
}

.toggle-visibility .hidden {
  display: none;
}

.mem-input-container .mem-iconholder {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 3px;
  right: 14px;
  color: #999;
}

.side-bar-collapsed .mem-emoji-headline__content {
  margin: 0 auto;

  transition: all 2s ease-in-out;
}

.changeable-image .change-photo,
.mem-tutorial-list-item__cover .change-photo {
  position: absolute;
  top: 2px;
  right: 6px;
  padding: 4px;
  background: #4f4f4fBB;
}

.mem-books-grid-item__imageWrapperInner .change-photo {
  position: absolute;
  top: 8px;
  right: 11px;
}

.mem-tutorial-list-item__cover .change-photo .material-icons {
  color: #fff;
}

.changeable-image .change-photo {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.changeable-image.mobile-selected .change-photo,
.changeable-image:hover .change-photo {
  visibility: visible;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}

#the-pdf-preview {
  width: 80%;
}

#mem-edit-question-top-container {
  margin: 15px;
}

@media screen and (max-width: 768px) {
  #the-pdf-preview {
    width: 95%;
  }

  .mem-emoji-headline__content {
    max-width: 99%;
  }

  #mem-edit-question-actions #action-edit-question-title {
    width: 100%;
  }

  #mem-edit-question-featured-image {
    display: none;
  }

  #mem-edit-question-top-container {
    margin: 0;
  }
}

input.mem-input-transparent {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

input[type="text"].mem-input-text-XL,
.mem-input-text-XL {
  padding: 0 0 10px;
  font-family: "New Kansas SemiBold";
  font-size: 2.5rem;
  border-bottom: 3px solid var(--links) !important;
}

.mem-input-text-green,
input[type="text"].mem-input-text-green {
  color: #29a599;
  font-weight: 600 !important;
}

.mem-btn__base.mem-btn__iconOnly .mem-btn__iconWrapper {
  left: 50% !important;
}

.mem-books-users__categoryItem-show-details .book-category-question-buttons {
  display: none;
}

.mem-books-users__categoryItem-show-details.selected .book-category-question-buttons {
  display: block;
}

.book-category-question-buttons {
  width: 100%;
}

#add-question-from-answers-list {
  height: 50px;
  border-radius: 10px;
  border: 2px dashed var(--links);
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 5px;
  margin: 0;
  width: 100%;
  color: var(--links);
}

#add-question-from-answers-list:hover {
  border: 2px solid var(--links);
  color: #fff;
  background: var(--links);
}

.mem-info-icon-text {
  font-size: 0.9rem;
}

#mem-preview-inner-pdf iframe {
  border: 1px solid #c3c3c3;
}

#book-checked-confirmed .modal-footer button {
  width: 100%;
}

@media screen and (max-width: 1024px) {

  .book-enna-link {
    text-overflow: ellipsis;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
  }
}

@media screen and (max-width: 768px) {
  #enable-book-title-tab .form-group.focused {
    margin-top: 36px;
  }

  #mem-preview-inner-pdf {
    min-height: 480px;
  }

  .the-pdf-approve-preview #mem-preview-inner-pdf,
  #the-pdf-preview-question canvas, .the-pdf-approve-preview canvas, #the-pdf-preview canvas {
    max-width: 100%;
  }

  .mem-answer-details .mem-content__answer p, .mem-content__answer {
    font-size: 1rem;
    line-height: 1.6em;
  }

  #form-approve-book .tooltip.small .material-icons {
    font-size: 25px;
  }

  #form-approve-book label.mem-checkbox__wrapper {
    text-align: center;
  }

  input[type="text"].mem-input-text-XL, .mem-input-text-XL {
    font-size: 1.5rem;
  }

  .search-buttons-questions {
    width: 100%;
  }

  .search-question-form .mem-btn__base {
    width: 100%;
  }

  .book-enna-link {
    text-overflow: ellipsis;
    width: 80px;
    overflow: hidden;
    white-space: nowrap;
  }
}

#change-image-overlay .uppy-DashboardContent-back,
#uppy-category-editor-image-popup .uppy-DashboardContent-back {
  visibility: hidden;
}

.mem-tab__container .mem-btn__base,
.mem-tab__container button {
  margin-top: 5px;
}

.mem-icons-set {
  /*fill: transparent;
    color: var(--icons-color);*/
}

.active .mem-icons-set,
.mem-icons-set:hover {
  /*color: var(--icons-hover);*/
}

.mem-icons-alt-color {
  /*color: var(--icons-alt-color);*/
}

.active .mem-icons-alt-color,
.mem-icons-alt-color:hover {
  /*color: var(--icons-alt-hover);*/
}

.white {
  color: var(--white);
}

.mem-books-users__deleted_answerItem-show-details .card-users,
.mem-books-users__answerItem-show-details .card-users {
  overflow: auto;
}

#need-to-recalculate-spine-btn,
#need-to-recalculate-spine-btn svg {
  cursor: pointer;
}

#need-to-recalculate-spine-btn.have-pie {
  position: absolute;
  top: -4px;
  right: -8px;
}

#need-to-recalculate-spine-btn svg {
  width: 14px;
  height: 14px;
}

.mem-question-no-padding-answer .mem-content__item.mem-content__answer {
  margin: 0;
}

@media (max-width: 767px) {

  .mem-question-no-padding-answer {
    margin: 0;
    padding: 0 !important;
  }

}

.mem-question-no-padding-answer .mem-content__item.mem-content__answer > * {

  padding-left: 30px;
  padding-right: 30px;
}

.book_impressum_inner_page_setting {
  background-color: rgb(249 250 251);
  border: solid 1px rgb(209 213 219);
  border-radius: 10px;
  overflow: hidden;
}


.book_impressum_inner_page_setting textarea {
  border: none;
  border-radius: 0;
}

.book_impressum_inner_page_setting textarea:disabled {
  background-color: rgb(243 244 246);
  color: rgb(107 114 128);
}

.mem-imprint-textarea {
  font-size: 0.875rem;
  line-height: 1.3rem;
}

.mem-audio-placeholder {
  color: #999;
  border: 1px solid #bbbbbb;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  border-radius: 5px;
  background: #cccccc50;
  font-size: 0.9rem;
}

.mem-audio-placeholder svg {
  margin: 0 auto;
  width: 40px;
  height: 40px;
}

.mem-audio-player {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

label.checkbox-label#agree-final-release {
  font-size: 14px;
  color: #EB5A46;
}

#top-pages-label {
  font-size: 14px;
  font-weight: bold;
}

.mem-actions,
.actions {
  align-items: center;
}

ul .actions form {
  margin-bottom: 0;
}

.pagebreak-editorjs {
  position: relative;
  text-align: center;
  margin: 0 !important;
  padding: 10px 15px 10px 15px;
}

.pagebreak-line-editorjs {
  height: 1px;
  background: #CACACA;
  position: absolute;
  width: calc(100% - 30px);
  top: 21px;
  z-index: 1;
}

#sortable-answer-list .pagebreak-line-editorjs {
  width: calc(100% - 60px);
}

.pagebreak-label-editorjs {
  background: #fff;
  width: max-content;
  margin: 0 auto;
  z-index: 2;
  position: relative;
  padding: 0 10px;
  color: #CACACA;
  font-size: 1rem;
  line-height: 1.8rem;
  font-family: Inter;
  font-weight: 700;
}

#ocToast-disconected {
  width: calc(100% - 249px);
  border-radius: 0;
}

#book-checked-confirmed {
  width: 420px;
}

@media screen and (max-width: 768px) {
  #ocToast-disconected {
    width: calc(100% - 50px);
    border-radius: 0;
  }

  #book-checked-confirmed {
    width: 90%;
  }
}

.ce-popover__custom-content div:first-child {
  display: flex;
  justify-content: space-evenly;
}

.checkbox-option-list {
  display: flex;
  color: #777;
  text-align: left;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  gap: 10px;
}

.checkbox-option-list.mem-error {
  color: red;
}

.checkbox-option-list .mem-checkbox__label {
  min-width: unset;
  font-weight: 400;
  font-size: 0.95rem;
}

.checkbox-option-list.mem-error .mem-checkbox__label {
  color: var(--error) !important;
  font-weight: 500;
}

.checkbox-option-list .mem-checkbox__wrapper.mem-checkbox__toggle .mem-checkbox__label::before {
  margin-right: 0;
}

.mem-btn__base.mem-btn__disabled:focus,
.mem-btn__base.mem-btn__disabled {
  background: var(--disabledColor);
  border: 1px solid var(--disabledColor);
  border-radius: 0.5rem;
  color: #6B6C6F;
}

.mem-btn__base.mem-btn__disabled .material-icons {
  color: #6B6C6F !important;
}

.mem-btn__base.mem-btn__disabled.mem-btn__primary:hover {
  border: none;
  box-shadow: none;
}

.one-contry-shipping-label {
  padding-top: 0;
  font-weight: normal;
}

.ce-popover-item-html div {
  display: flex;
  justify-content: space-around;
}

#texts-ai-optimization__container h3 {
  font-weight: 500 !important;
}

#ai-compared-optimized-text p,
#ai-optimized-text p,
#ai-unoptimized-text p {
  font-family: "New Kansas";
  line-height: 1.6rem;
}

.btn-optimize-ai-text svg {
  width: 24px;
}

#image-announcements-mem-slider-modal .swiper-slide {
  font-size: 18px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: start;
}

#image-announcements-mem-slider-modal .mem-slide-headline,
#image-announcements-mem-slider-modal .mem-slide-text {
  color: #4f4f4f;
}

#image-announcements-mem-slider-modal .mem-slide-headline {
  font-weight: 600;
  font-size: 1.2rem;
  margin-bottom: 10px;
}

#image-announcements-mem-slider-modal .mem-slide-text {
  font-weight: 400;
  font-size: 1rem;
  text-align: left;
}

#image-announcements-mem-slider-modal .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
  font-weight: 400;
}

#image-announcements-mem-slider-modal .swiper-pagination-bullet-active {
  color: #fff;
  background: var(--links);
}


#announcements-next-button svg {
  width: 18px;
}

#image-announcements-mem-slider-modal {
  min-width: 40%;
  max-width: 700px;
  overflow: visible;
}

#image-announcements-mem-slider-modal .mem-slider-container {
  max-height: 600px;
}

.mem-select__optionContent svg {
  flex-grow: 0 !important;
}

.mem-profile-security-settings.mem-select__option .flex svg {
  width: 20px;
}

@media screen and (max-width: 767px) {
  #image-announcements-mem-slider-modal .mem-slider-container {
    max-height: 400px;
  }

  #image-announcements-mem-slider-modal {
    width: 80%;
  }
}

.uppy-Dashboard-AddFilesPanel, .uppy-DashboardContent-panel {
  z-index: 2005 !important;
}

div.error {
  color: red;
  font-size: 0.9rem;
  margin-top: 5px;
}

.button-actions-delimiter {
  height: 50px;
}

[data-item-name="paragraphOverlay"] {
  display: none;
}

.mem-btn__hidden {
  display: none;
}

@media screen and (max-width: 1200px) {
    .mem-books__contentContainer {
        overflow: hidden;
    }

    .mem-books-users__container.mem-books-users__containerActiveUser > *.mem-books__mapView {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}