.mem-widget-doc__wrapper h1:not([class]),
.mem-widget-doc__wrapper h2:not([class]),
.mem-widget-doc__wrapper h3:not([class]),
.mem-widget-doc__wrapper h4:not([class]) {
    color: #3E3F42;
    max-width: 760px;
}

.mem-widget-doc__wrapper h1:not([class]) + p,
.mem-widget-doc__wrapper h2:not([class]) + p,
.mem-widget-doc__wrapper h3:not([class]) + p,
.mem-widget-doc__wrapper h4:not([class]) + p {
    margin-top: 10px;
}

.mem-widget-doc__wrapper p:not([class]) {
    color: #6B6C6F;
    max-width: 760px;
}

.mem-widget-doc__wrapper p:not([class]) + p {
    margin-top: .8rem;
}

.mem-widget-doc__wrapper h1:not([class]) {
    /* Headline: */
    font-weight: 300;
    font-size: 2.25rem;
    line-height: 3.125rem;
}

.mem-widget-doc__wrapper h2:not([class]) {
    /* Headline: */
    font-weight: 300;
    font-size: 1.875rem;
    line-height: 2.75rem;
    /* Headline: */
}

.mem-widget-doc__wrapper h3:not([class]) {
    font-size: 1.375rem;
    line-height: 2rem;
}

.mem-widget-doc__wrapper ul {
    padding-left: 20px;
}

.mem-widget-doc__wrapper a:not([class]) {
    color: #1665D8;
}

.mem-widget-doc__wrapper p a:not([class]):hover {
    text-decoration: underline;
}

.mem-widget-doc__wrapper em {
    color: #777;
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}

@charset "UTF-8";
@font-face {
    font-family: 'uikon';
    src: url(../media/uikon.6d70aa99.eot);
    src: url(../media/uikon.6d70aa99.eot#iefix) format("embedded-opentype"), url(../media/uikon.073b232b.ttf) format("truetype"), url(../media/uikon.20a6441b.woff) format("woff"), url(../media/uikon.75bd5390.svg#uikon) format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="uikon"],
[class*="uikon"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'uikon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mem-App__uikon-dropdown_arrow:before {
    content: "\E922";
}

.mem-App__uikon-arrow_left:before {
    content: "\E920";
}

.mem-App__uikon-arrow_right:before {
    content: "\E921";
}

.mem-App__uikon-plus_rounded:before {
    content: "\E900";
}

.mem-App__uikon-pin_rounded_circle:before {
    content: "\E901";
}

.mem-App__uikon-message_2:before {
    content: "\E902";
}

.mem-App__uikon-calendar_2:before {
    content: "\E903";
}

.mem-App__uikon-building_plan:before {
    content: "\E904";
    color: #777;
}

.mem-App__uikon-tap_click_force_touch:before {
    content: "\E905";
}

.mem-App__uikon-ruler:before {
    content: "\E906";
}

.mem-App__uikon-video_camera:before {
    content: "\E907";
}

.mem-App__uikon-phone_two:before {
    content: "\E908";
}

.mem-App__uikon-smile:before {
    content: "\E909";
}

.mem-App__uikon-attachment:before {
    content: "\E90A";
}

.mem-App__uikon-picture:before {
    content: "\E90B";
}

.mem-App__uikon-view_simple:before {
    content: "\E90C";
}

.mem-App__uikon-lightbulb:before {
    content: "\E90D";
}

.mem-App__uikon-wallet:before {
    content: "\E90E";
}

.mem-App__uikon-view_grid:before {
    content: "\E90F";
}

.mem-App__uikon-view_list:before {
    content: "\E910";
}

.mem-App__uikon-profile_card:before {
    content: "\E911";
}

.mem-App__uikon-front_store:before {
    content: "\E912";
}

.mem-App__uikon-rocket:before {
    content: "\E913";
}

.mem-App__uikon-books:before {
    content: "\E914";
}

.mem-App__uikon-building:before {
    content: "\E915";
}

.mem-App__uikon-shopping_bag:before {
    content: "\E916";
}

.mem-App__uikon-arrow-dropdown:before {
    content: "\E917";
}

.mem-App__uikon-check:before {
    content: "\E918";
}

.mem-App__uikon-more:before {
    content: "\E919";
}

.mem-App__uikon-trending_down:before {
    content: "\E91A";
}

.mem-App__uikon-trending_up:before {
    content: "\E91B";
}

.mem-App__uikon-star:before {
    content: "\E91C";
}

.mem-App__uikon-star-filled:before {
    content: "\E91D";
}

.mem-App__uikon-add:before {
    content: "\E91E";
}

.mem-App__uikon-help:before {
    content: "\E91F";
}

.mem-App__uikon-message:before {
    content: "\E9DF";
}

.mem-App__uikon-send_round:before {
    content: "\E9E8";
}

.mem-App__uikon-inbox_paper_round:before {
    content: "\E9F5";
}

.mem-App__uikon-search_left:before {
    content: "\EA27";
}

.mem-App__uikon-settings:before {
    content: "\EA36";
}

.mem-App__uikon-love:before {
    content: "\EA38";
}

.mem-App__uikon-love-fill:before {
    content: "\EA39";
}

.mem-App__uikon-edit:before {
    content: "\EA3E";
}

.mem-App__uikon-multitasking:before {
    content: "\EA69";
}

.mem-App__uikon-gallery_grid_view:before {
    content: "\EA8C";
}

.mem-App__uikon-home:before {
    content: "\EA9A";
}

.mem-App__uikon-profile_round:before {
    content: "\EACB";
}

.mem-App__uikon-profile_plus_round:before {
    content: "\EADD";
}

.mem-App__uikon-clock:before {
    content: "\EAE6";
}

.mem-App__uikon-container:before {
    content: "\EAE9";
}

.mem-App__uikon-globe_network:before {
    content: "\EAFB";
}

.mem-App__uikon-calendar:before {
    content: "\EB5C";
}

.mem-App__uikon-stats:before {
    content: "\EB61";
}

.mem-App__uikon-money_round:before {
    content: "\EB69";
}

.mem-App__uikon-cloud_up:before {
    content: "\EBE3";
}

.mem-App__uikon-image_picture:before {
    content: "\EC3C";
}

.mem-App__uikon-camera:before {
    content: "\EC47";
}

.mem-App__uikon-desktop:before {
    content: "\EF22";
}

.mem-App__uikon-phone:before {
    content: "\EF28";
}

::-webkit-scrollbar-button {
    display: none;
    height: 13px;
    border-radius: 0;
    background-color: orange;
}

::-webkit-scrollbar-button:hover {
    background-color: orange;
}

::-webkit-scrollbar-thumb {
    background: rgba(128, 128, 128, 0.2);
    border-radius: 7px;
    margin-right: 2px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(128, 128, 128, 0.4);
}

::-webkit-scrollbar-track {
    display: none;
}

::-webkit-scrollbar {
    width: 10px;
    padding: 1px;
    border-left: 1px solid rgba(128, 128, 128, 0.1);
}

::-webkit-scrollbar {
    display: none;
}

.mem-App__app {
    height: 100%;
    overflow: auto;
    /*padding-top: 100px;*/
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html {
    min-height: 100%;
    background: #f5f5f5;
    overflow: auto;
}

.hidden {
    opacity: 0 !important;
    visibility: hidden;
}

.hidden-desktop-inline {
    display: none;
}

@media screen and (max-width: 768px) {
    .hidden-mobile {
        display: none;
    }

    .hidden-desktop-inline {
        display: inline-block;
    }
}

body {
    min-height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    background: #f5f5f5;
    color: #6B6C6F;
    overflow: auto;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body input,
body button,
body textarea {
    color: #3E3F42;
    /*font-size: 16px;*/
    font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, Arial, sans-serif;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    margin: 0;
    line-height: 1.5;
    font-weight: 500;
    color: #3E3F42;
}

body h1 + p,
body h2 + p,
body h3 + p,
body h4 + p,
body h5 + p,
body h6 + p {
    margin-top: 0.3em;
}

body * + h1,
body * + h2,
body * + h3,
body * + h4,
body * + h5 {
    margin-top: 1.125rem;
}

body h1 + *,
body h2 + *,
body h3 + *,
body h4 + * {
    /*margin-top: 1em;*/
}

body p {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    margin: 0;
    line-height: 1.375rem;
    font-weight: 500;
    font-size: 0.875rem;
    color: #4f4f4f;
}

body h1 {
    font-size: 2.25rem;
    font-weight: 600;
}

body h2 {
    font-size: 1.375rem;
    line-height: 2rem;
}

body h3 {
    font-size: 1.125rem;
}

body h4 {
    font-size: 1.1rem;
}

body p + *,
body ul + *,
body ol + * {
    margin-top: 1.125em;
}

body p + p {
    margin-top: 0.4em;
}

body a {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    text-decoration: none;
    cursor: pointer;
}

body p a,
body ul a {
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    color: #1665D8;
}

body p a:hover,
body ul a:hover {
    text-decoration: underline;
}

/*body strong {*/
/*    font-weight: 500;*/
/*}*/

body ul,
body ol {
    line-height: 1.5;
    color: #3E3F42;
    font-size: 0.875rem;
}

body ul *:not(:last-child),
body ol *:not(:last-child) {
    margin-bottom: 8px;
}

body ol {
    padding-left: 20px;
}

body ul.no-style {
    list-style: none;
    padding-left: 0;
}

body ul.no-style ul {
    padding-left: 20px;
}

body code:not([class]) {
    display: inline-block;
    background: #f5f5f5;
    border: 1px solid #DADEE7;
    border-radius: 4px;
    font-weight: 500;
    font-size: 0.875rem;
    color: #93C1BA;
    line-height: 1.375rem;
    padding: 4px 12px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, Arial, sans-serif;
}

#root {
    height: 100%;
}

::-webkit-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #777;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #777;
    opacity: 1;
    /* Firefox */
}

::-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #777;
    opacity: 1;
    /* Firefox */
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #777;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #777;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #777;
}

form {
    max-width: 760px;
}

.color-green {
    color: #94bbb5;
}

.color-blue {
    color: #1665D8;
}

.color-orange {
    color: #F6AB2F;
}

.color-violet {
    color: #6977FF;
}

.color-yellow {
    color: #FACF55;
}

.color-red {
    color: #E6492D;
}

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

.mem-star-rating__wrapper i + * {
    margin-left: 2px;
}

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

.mem-tag-container__wrapper {
    margin: -3px;
}

.mem-tag-container__wrapper > * {
    margin: 3px;
}

.mem-tag__wrapper {
    border-radius: 4px;
    /* ADMIN: */
    font-size: 0.75rem;
    text-transform: uppercase;
    text-align: center;
    line-height: 18px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #EAEDF3;
    color: #777;
    font-weight: 500;
    padding: 0 7px;
    height: 24px;
}

.mem-tag__wrapper:not(.mem-tag__fill).green {
    border: 1px solid #94bbb5;
    color: #94bbb5;
}

.mem-tag__wrapper:not(.mem-tag__fill).blue {
    border: 1px solid #1665D8;
    color: #1665D8;
}

.mem-tag__wrapper:not(.mem-tag__fill).orange {
    border: 1px solid #F6AB2F;
    color: #F6AB2F;
}

.mem-tag__wrapper:not(.mem-tag__fill).violet {
    border: 1px solid #6977FF;
    color: #6977FF;
}

.mem-tag__wrapper:not(.mem-tag__fill).yellow {
    border: 1px solid #FACF55;
    color: #FACF55;
}

.mem-tag__wrapper:not(.mem-tag__fill).red {
    border: 1px solid #E6492D;
    color: #E6492D;
}

.mem-tag__wrapper:not(.mem-tag__fill).white {
    border: 1px solid white;
    color: white;
}

.mem-tag__wrapper.mem-tag__fill.green {
    background: #94bbb5;
    border: 1px solid #94bbb5;
    color: white;
}

.mem-tag__wrapper.mem-tag__fill.blue {
    background: #1665D8;
    border: 1px solid #1665D8;
    color: white;
}

.mem-tag__wrapper.mem-tag__fill.orange {
    background: #F6AB2F;
    border: 1px solid #F6AB2F;
    color: white;
}

.mem-tag__wrapper.mem-tag__fill.violet {
    background: #6977FF;
    border: 1px solid #6977FF;
    color: white;
}

.mem-tag__wrapper.mem-tag__fill.yellow {
    background: #FACF55;
    border: 1px solid #FACF55;
    color: white;
}

.mem-tag__wrapper.mem-tag__fill.red {
    background: #E6492D;
    border: 1px solid #E6492D;
    color: white;
}

.mem-tag__wrapper.mem-tag__fill.white {
    background: white;
    color: black;
}

.mem-progress-bar__wrapper,
.mem-progress-bar__progressLine {
    width: 100%;
    height: 4px;
    background: #EAECEE;
    border-radius: 4px;
}

.mem-progress-bar__progressLine {
    background: #1665D8;
}

.mem-status-dot__wrapper {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #94bbb5;
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.mem-status-dot__wrapper.green {
    background: #94bbb5;
}

.mem-status-dot__wrapper.blue {
    background: #1665D8;
}

.mem-status-dot__wrapper.orange {
    background: #F6AB2F;
}

.mem-status-dot__wrapper.violet {
    background: #6977FF;
}

.mem-status-dot__wrapper.yellow {
    background: #FACF55;
}

.mem-status-dot__wrapper.red {
    background: #E6492D;
}

.mem-status-dot__wrapper.grey {
    background: #cad1e0;
}

.mem-nav-icon__wrapper {
    height: 20px;
    width: 20px;
    position: relative;
    color: #777;
}

.mem-nav-icon__wrapper .mem-nav-icon__a,
.mem-nav-icon__wrapper .mem-nav-icon__b,
.mem-nav-icon__wrapper .mem-nav-icon__c {
    position: absolute;
    fill: currentColor;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .2s top .4s, .1s left .2s, .2s transform, .2s opacity .2s;
    -o-transition: .2s top .4s, .1s left .2s, .2s transform, .2s opacity .2s;
    transition: .2s top .4s, .1s left .2s, .2s transform, .2s opacity .2s;
}

.mem-nav-icon__wrapper .mem-nav-icon__a {
    left: 0;
    top: 2px;
}

.mem-nav-icon__wrapper .mem-nav-icon__b {
    top: 9px;
    left: 0;
}

.mem-nav-icon__wrapper .mem-nav-icon__c {
    left: 6px;
    top: 16px;
}

.mem-nav-icon__wrapper.mem-nav-icon__isOpen .mem-nav-icon__a,
.mem-nav-icon__wrapper.mem-nav-icon__isOpen .mem-nav-icon__b,
.mem-nav-icon__wrapper.mem-nav-icon__isOpen .mem-nav-icon__c {
    -webkit-transition: .2s opacity, .2s top, .2s left .2s, .2s transform .4s;
    -o-transition: .2s opacity, .2s top, .2s left .2s, .2s transform .4s;
    transition: .2s opacity, .2s top, .2s left .2s, .2s transform .4s;
}

.mem-nav-icon__wrapper.mem-nav-icon__isOpen .mem-nav-icon__a,
.mem-nav-icon__wrapper.mem-nav-icon__isOpen .mem-nav-icon__c {
    right: auto;
    left: 3px;
    top: 9px;
}

.mem-nav-icon__wrapper.mem-nav-icon__isOpen .mem-nav-icon__b {
    opacity: 0;
}

.mem-nav-icon__wrapper.mem-nav-icon__isOpen .mem-nav-icon__a {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mem-nav-icon__wrapper.mem-nav-icon__isOpen .mem-nav-icon__c {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mem-messages__bubble {
    margin-bottom: 1px;
    width: auto;
    border-radius: 10px;
    padding: 18px 24px;
    font-size: .875rem;
    line-height: 1.5;
    border: 1px solid #EAEDF3;
}

.mem-messages__bubble.mem-messages__right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: white;
}

.mem-messages__bubble.mem-messages__left {
    background: #1665D8;
    color: white;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.mem-messages__bubble:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.mem-messages__container {
    max-width: 760px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mem-messages__container.mem-messages__right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-right: 0;
    margin-left: auto;
    padding-left: 50px;
}

.mem-messages__container.mem-messages__left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: 0;
    margin-right: auto;
    padding-right: 50px;
}

.mem-messages__container:not(:first-child) {
    margin-top: 30px;
}

.mem-messages__sender {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
}

.mem-messages__timeSent {
    font-size: .75rem;
    margin-left: 15px;
}

.mem-messages__image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 80px;
    width: 80px;
    border-radius: 4px;
}

.mem-messages__imageContainer {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mem-messages__imageContainer > * {
    margin: 5px;
}

.mem-loader-dots__dotloader {
    display: inline-block;
    width: 70px;
    text-align: center;
}

.mem-loader-dots__dotloader > div {
    width: 7px;
    height: 7px;
    background-color: white;
    border-radius: 100%;
    vertical-align: middle;
    display: inline-block;
    -webkit-animation: mem-loader-dots__bouncedelay 1s infinite ease-in-out both;
    animation: mem-loader-dots__bouncedelay 1s infinite ease-in-out both;
}

.mem-loader-dots__dotloader .mem-loader-dots__dotloader1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
    margin-right: 2px;
}

.mem-loader-dots__dotloader .mem-loader-dots__dotloader2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    margin-right: 2px;
}

@-webkit-keyframes mem-loader-dots__bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes mem-loader-dots__bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

a.mem-btn__base:hover {
    text-decoration: none !important;
}

.mem-btn__base {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 38px;
    padding: 0 18px;
    -webkit-transition: all 0.1s ease-in-out 0s;
    -o-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
    font-size: 0.875rem;
    font-weight: 500;
    position: relative;
    /*Basic Appearence*/
    background: #FFFFFF;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#F6F7F9), to(#FFFFFF));
    background-image: -webkit-linear-gradient(bottom, #F6F7F9 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(bottom, #F6F7F9 0%, #FFFFFF 100%);
    background-image: linear-gradient(0deg, #F6F7F9 0%, #FFFFFF 100%);
    border: 1px solid #D8DCE6;
    color: #3E3F42;
    border-radius: 4px;
    /*Colors*/
}

.mem-btn__base i {
    opacity: .8;
}

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

.mem-btn__base.mem-btn__hasIcon .mem-btn__iconWrapper {
    position: absolute;
    top: 50%;
    left: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
}

.mem-btn__base.mem-btn__iconRight {
    padding-right: 40px;
    padding-left: 18px;
}

.mem-btn__base.mem-btn__iconRight .mem-btn__iconWrapper {
    left: auto;
    right: 12px;
}

.mem-btn__base.mem-btn__iconOnly {
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-preferred-size: 36px;
    flex-basis: 36px;
    width: 36px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.mem-btn__base.mem-btn__iconOnly .mem-btn__iconWrapper {
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.mem-btn__base.mem-btn__isExpanded {
    width: 100%;
}

.mem-btn__base.mem-btn__isExpanded.mem-btn__hasIcon {
    padding-left: 40px;
    padding-right: 40px;
}

.mem-btn__base .mem-btn__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mem-btn__base > * {
    -webkit-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

.mem-btn__base > .mem-btn__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.mem-btn__base.mem-btn__isLoading > * {
    opacity: 0;
}

.mem-btn__base.mem-btn__isLoading > .mem-btn__loader {
    opacity: 1;
}

.mem-btn__base.mem-btn__xs {
    height: 28px;
    padding: 0 15px;
    font-size: 12px;
}

.mem-btn__base.mem-btn__lg {
    height: 48px;
    padding: 0 40px;
    font-size: 16px;
}

.mem-btn__base:not(:disabled) {
    cursor: pointer;
}

.mem-btn__base:focus {
    outline: none;
}

.mem-btn__base:active {
    border: 1px solid #eee;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.mem-btn__base:hover {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#F6F7F9), to(#FFFFFF));
    background-image: -webkit-linear-gradient(bottom, #F6F7F9 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(bottom, #F6F7F9 0%, #FFFFFF 100%);
    background-image: linear-gradient(0deg, #F6F7F9 0%, #FFFFFF 100%);
    border: 1px solid #CACEDB;
}

.mem-btn__base:focus {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#F6F7F9), to(#FFFFFF));
    background-image: -webkit-linear-gradient(bottom, #F6F7F9 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(bottom, #F6F7F9 0%, #FFFFFF 100%);
    background-image: linear-gradient(0deg, #F6F7F9 0%, #FFFFFF 100%);
    border: 1px solid #BDC2D1;
}

.mem-btn__base.mem-btn__transparent {
    background: transparent;
    border: 1px solid #E2E5ED;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mem-btn__base.mem-btn__transparent:hover {
    border: 1px solid #CACEDB;
}

.mem-btn__base.mem-btn__transparent:focus {
    border: 1px solid #BDC2D1;
}

.mem-btn__base.mem-btn__dark {
    color: white;
    background: rgba(62, 63, 66, 0.6);
    border: 1px solid rgba(62, 63, 66, 0.8);
    -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);
}

.mem-btn__base.mem-btn__dark:hover {
    background: rgba(62, 63, 66, 0.7);
    border: 1px solid rgba(62, 63, 66, 0.9);
    -webkit-box-shadow: 0 1px 1px 0 rgba(19, 31, 21, 0.18), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
    box-shadow: 0 1px 1px 0 rgba(19, 31, 21, 0.18), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
}

.mem-btn__base.mem-btn__dark:focus {
    background: rgba(62, 63, 66, 0.75);
    border: 1px solid rgba(62, 63, 66, 0.9);
    border: 1px solid #1A8628;
    -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);
}

.mem-btn__base.mem-btn__success {
    color: white;
    background: #94bbb5;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#93C1BA), to(#94bbb5));
    background-image: -webkit-linear-gradient(bottom, #93C1BA 0%, #94bbb5 100%);
    background-image: -o-linear-gradient(bottom, #93C1BA 0%, #94bbb5 100%);
    background-image: linear-gradient(0deg, #93C1BA 0%, #94bbb5 100%);
    border: 1px solid #94BBB5;
    -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);
}

.mem-btn__base.mem-btn__success:hover {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(2%, #2CA13C), to(#2FAE40));
    background-image: -webkit-linear-gradient(bottom, #2CA13C 2%, #2FAE40 100%);
    background-image: -o-linear-gradient(bottom, #2CA13C 2%, #2FAE40 100%);
    background-image: linear-gradient(0deg, #2CA13C 2%, #2FAE40 100%);
    border: 1px solid #259835;
    -webkit-box-shadow: 0 1px 1px 0 rgba(19, 31, 21, 0.18), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
    box-shadow: 0 1px 1px 0 rgba(19, 31, 21, 0.18), inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
}

.mem-btn__base.mem-btn__success:focus {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#259835), to(#27A337));
    background-image: -webkit-linear-gradient(bottom, #259835 0%, #27A337 100%);
    background-image: -o-linear-gradient(bottom, #259835 0%, #27A337 100%);
    background-image: linear-gradient(0deg, #259835 0%, #27A337 100%);
    border: 1px solid #1A8628;
    -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);
}

.mem-btn__base.mem-btn__error {
    color: white;
    background: #E6492D;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E73C1E), to(#CF3014));
    background-image: -webkit-linear-gradient(top, #E73C1E 0%, #CF3014 100%);
    background-image: -o-linear-gradient(top, #E73C1E 0%, #CF3014 100%);
    background-image: linear-gradient(-180deg, #E73C1E 0%, #CF3014 100%);
    border: 1px solid #BA0B15;
    -webkit-box-shadow: 0 1px 1px 0 rgba(43, 26, 24, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.08);
    box-shadow: 0 1px 1px 0 rgba(43, 26, 24, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.08);
}

.mem-btn__base.mem-btn__error:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#DF3517), to(#C42B10));
    background-image: -webkit-linear-gradient(top, #DF3517 0%, #C42B10 100%);
    background-image: -o-linear-gradient(top, #DF3517 0%, #C42B10 100%);
    background-image: linear-gradient(-180deg, #DF3517 0%, #C42B10 100%);
    border: 1px solid #B00B14;
    -webkit-box-shadow: 0 1px 1px 0 rgba(43, 26, 24, 0.18), inset 0 2px 0 0 rgba(255, 255, 255, 0.08);
    box-shadow: 0 1px 1px 0 rgba(43, 26, 24, 0.18), inset 0 2px 0 0 rgba(255, 255, 255, 0.08);
}

.mem-btn__base.mem-btn__error:focus {
    background-image: -webkit-linear-gradient(269deg, #C22B10 0%, #B8280E 100%);
    background-image: -o-linear-gradient(269deg, #C22B10 0%, #B8280E 100%);
    background-image: linear-gradient(-179deg, #C22B10 0%, #B8280E 100%);
    border: 1px solid #A00A13;
    -webkit-box-shadow: 0 1px 1px 0 rgba(43, 26, 24, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.08);
    box-shadow: 0 1px 1px 0 rgba(43, 26, 24, 0.1), inset 0 2px 0 0 rgba(255, 255, 255, 0.08);
    border-radius: 4px;
}

.mem-btn__base.mem-btn__primary {
    color: white;
    background: #1665D8;
    border: 1px solid #1461D2;
}

.mem-btn__base.mem-btn__primary:hover {
    border: 1px solid #0E57C2;
}

.mem-btn__base.mem-btn__primary:focus {
    border: 1px solid #0B4AA5;
}

.mem-btn__base:disabled {
    cursor: not-allowed;
    background: #747578;
    border: 1px solid #696A6E;
    -webkit-box-shadow: inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
    box-shadow: inset 0 2px 0 0 rgba(255, 255, 255, 0.06);
    border-radius: 4px;
    color: #777;
}

.mem-btn__base:disabled.mem-btn__icon {
    opacity: 0.3;
}

.mem-btn__base.mem-btn__clear {
    background: transparent;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #777;
}

.mem-btn__base.mem-btn__clear:hover {
    color: #6B6C6F;
}

/* Necessary if icon is present in <a> element
// otherwise it's not aligned to the text */

a.mem-btn__commonButton * {
    vertical-align: middle;
}

a.mem-btn__commonButton {
    text-decoration: none;
}

.mem-btn-group__wrapper {
    margin: -8px;
}

.mem-btn-group__wrapper > * {
    margin: 8px;
}

.mem-content-title__wrapper {
    font-weight: 500;
    font-size: 1rem;
    color: #5C789B;
    line-height: 1.125rem;
    text-transform: uppercase;
}

.mem-content-title__wrapper + * {
    margin-top: .5rem;
}

.mem-input__inputWrapper {
    position: relative;
}

.mem-input__input {
    border: 1px solid #EAEDF3;
    border-radius: 4px;
    display: block;
    width: 100%;
    background: white;
    padding: 10px 15px;
    -webkit-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
    outline: none;
    font-size: 0.875rem;
}

.mem-input__input + * {
    margin-top: 10px;
}

.mem-input__input:disabled {
    background: rgba(255, 255, 255, 0.3);
}

.mem-input__input:focus {
    border-color: #1665D8;
}

.mem-input__input::-webkit-input-placeholder,
.mem-input__input::-moz-placeholder,
.mem-input__input:-ms-input-placeholder,
.mem-input__input:-moz-placeholder {
    color: #777;
}

.mem-input__input.mem-input__errorHighlight {
    border-color: #E6492D;
}

.mem-input__errorMessage {
    color: #E6492D;
    margin-top: 6px;
    line-height: 1.375rem;
}

.mem-input__iconWrapper {
    position: absolute;
    top: 50%;
    color: #D8DCE6;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mem-input__iconWrapper:not(.mem-input__iconWrapperRight) {
    left: 12px;
}

.mem-input__iconWrapper:not(.mem-input__iconWrapperRight) + input {
    padding-left: 40px;
}

.mem-input__iconWrapper.mem-input__iconWrapperRight {
    left: auto;
    right: 12px;
}

.mem-input__iconWrapper.mem-input__iconWrapperRight + input {
    padding-right: 40px;
}

.mem-input__clear .mem-input__iconWrapper:not(.mem-input__iconWrapperRight) {
    left: 0;
}

.mem-input__clear .mem-input__iconWrapper:not(.mem-input__iconWrapperRight) + input {
    padding-left: 28px;
}

.mem-input__clear .mem-input__iconWrapper.mem-input__iconWrapperRight {
    right: 0;
}

.mem-input__clear .mem-input__iconWrapper.mem-input__iconWrapperRight + input {
    padding-right: 28px;
}

.mem-input__clear input {
    padding: 0;
    border: none !important;
    background: transparent;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: background-color 5500s ease-in-out 0s !important;
    -o-transition: background-color 5500s ease-in-out 0s !important;
    transition: background-color 5500s ease-in-out 0s !important;
    color: #6B6C6F !important;
    -webkit-text-fill-color: #6B6C6F !important;
}

.mem-checkbox__wrapper {
    display: inline-block;
    line-height: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mem-checkbox__wrapper .mem-checkbox__checkbox {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
}

.mem-checkbox__wrapper .mem-checkbox__description {
    margin-top: 2px;
    margin-left: 26px;
    color: #777;
}

.mem-checkbox__wrapper .mem-checkbox__label {
    color: #6B6C6F;
    font-size: 0.875rem;
    line-height: 19px;
    color: #6B6C6F;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    cursor: pointer;
}

.mem-checkbox__wrapper .mem-checkbox__label:hover {
    color: #3E3F42;
}

.mem-checkbox__wrapper .mem-checkbox__checkbox[disabled] + .mem-checkbox__label {
    cursor: not-allowed;
}

.mem-checkbox__wrapper .mem-checkbox__checkbox:checked + .mem-checkbox__label {
    color: #3E3F42;
}

.mem-checkbox__wrapper .mem-checkbox__checkbox:checked + .mem-checkbox__label:hover {
    color: #6B6C6F;
}

.mem-checkbox__wrapper:not(.mem-checkbox__toggle):not(.mem-checkbox__radio) .mem-checkbox__label:before {
    text-align: center;
    line-height: 14px;
    padding-left: 1px;
    color: #fff;
    width: 16px;
    height: 16px;
    content: "";
    font-size: 7px;
    background-color: #FFF;
    border: 1px solid #DFE3E9;
    border-radius: 3px;
    margin-right: 10px;
    display: inline-block;
    -webkit-transition: border .2s, background .2s;
    -o-transition: border .2s, background .2s;
    transition: border .2s, background .2s;
    vertical-align: middle;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
}

.mem-checkbox__wrapper:not(.mem-checkbox__toggle):not(.mem-checkbox__radio) .mem-checkbox__label .mem-checkbox__checkboxIcon {
    position: absolute;
    left: 4px;
    top: 6px;
    display: none;
}

.mem-checkbox__wrapper:not(.mem-checkbox__toggle):not(.mem-checkbox__radio) input[disabled] + .mem-checkbox__label:before {
    /* Checkbox: */
    background-image: -webkit-gradient(linear, left bottom, left top, from(#F6F7F9), to(#FFFFFF));
    background-image: -webkit-linear-gradient(bottom, #F6F7F9 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(bottom, #F6F7F9 0%, #FFFFFF 100%);
    background-image: linear-gradient(0deg, #F6F7F9 0%, #FFFFFF 100%);
    border: 1px solid #D8DCE6;
    -webkit-box-shadow: 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 2px 0 0 rgba(255, 255, 255, 0.05);
    box-shadow: 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 2px 0 0 rgba(255, 255, 255, 0.05);
    border-radius: 3px;
    /* Rectangle: */
    background: rgba(188, 188, 188, 0.25);
}

.mem-checkbox__wrapper:not(.mem-checkbox__toggle):not(.mem-checkbox__radio) .mem-checkbox__checkbox:checked + .mem-checkbox__label:before {
    background-color: #94bbb5;
    border-color: #94bbb5;
}

.mem-checkbox__wrapper:not(.mem-checkbox__toggle):not(.mem-checkbox__radio) .mem-checkbox__checkbox:checked + .mem-checkbox__label.green:before {
    color: white;
    background-color: #94bbb5;
    border-color: #94bbb5;
}

.mem-checkbox__wrapper:not(.mem-checkbox__toggle):not(.mem-checkbox__radio) .mem-checkbox__checkbox:checked + .mem-checkbox__label.blue:before {
    color: white;
    background-color: #1665D8;
    border-color: #1665D8;
}

.mem-checkbox__wrapper:not(.mem-checkbox__toggle):not(.mem-checkbox__radio) .mem-checkbox__checkbox:checked + .mem-checkbox__label.orange:before {
    color: white;
    background-color: #F6AB2F;
    border-color: #F6AB2F;
}

.mem-checkbox__wrapper:not(.mem-checkbox__toggle):not(.mem-checkbox__radio) .mem-checkbox__checkbox:checked + .mem-checkbox__label.violet:before {
    color: white;
    background-color: #6977FF;
    border-color: #6977FF;
}

.mem-checkbox__wrapper:not(.mem-checkbox__toggle):not(.mem-checkbox__radio) .mem-checkbox__checkbox:checked + .mem-checkbox__label.yellow:before {
    color: white;
    background-color: #FACF55;
    border-color: #FACF55;
}

.mem-checkbox__wrapper:not(.mem-checkbox__toggle):not(.mem-checkbox__radio) .mem-checkbox__checkbox:checked + .mem-checkbox__label.red:before {
    color: white;
    background-color: #E6492D;
    border-color: #E6492D;
}

.mem-checkbox__wrapper:not(.mem-checkbox__toggle):not(.mem-checkbox__radio) .mem-checkbox__checkbox:checked + .mem-checkbox__label .mem-checkbox__checkboxIcon {
    display: block;
}

.mem-checkbox__wrapper.mem-checkbox__toggle .mem-checkbox__description {
    margin-left: 50px;
}

.mem-checkbox__wrapper.mem-checkbox__toggle .mem-checkbox__label:before,
.mem-checkbox__wrapper.mem-checkbox__toggle .mem-checkbox__label:after {
    content: '';
    display: block;
    border-radius: 100px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.mem-checkbox__wrapper.mem-checkbox__toggle .mem-checkbox__label:before {
    width: 38px;
    height: 20px;
    background: #EAEDF3;
    border: 1px solid #EAEDF3;
    margin-right: 12px;
}

.mem-checkbox__wrapper.mem-checkbox__toggle .mem-checkbox__label:after {
    height: 16px;
    width: 16px;
    background: #FFFFFF;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 2px;
    left: 2px;
}

.mem-checkbox__wrapper.mem-checkbox__toggle .mem-checkbox__checkbox:checked + .mem-checkbox__label:before {
    background: #93C1BA;
    border: 1px solid #2F9E3E;
}

.mem-checkbox__wrapper.mem-checkbox__toggle .mem-checkbox__checkbox:checked + .mem-checkbox__label:after {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

.mem-checkbox__wrapper.mem-checkbox__toggle .mem-checkbox__checkbox[disabled] + .mem-checkbox__label:after {
    opacity: 0.6;
}

.mem-checkbox__wrapper.mem-checkbox__radio .mem-checkbox__label:before,
.mem-checkbox__wrapper.mem-checkbox__radio .mem-checkbox__label:after {
    content: '';
    display: block;
    border-radius: 100px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.mem-checkbox__wrapper.mem-checkbox__radio .mem-checkbox__label:before {
    margin-right: 10px;
    width: 16px;
    height: 16px;
    /* Radio: */
    background-image: -webkit-gradient(linear, left bottom, left top, from(#F6F7F9), to(#FFFFFF));
    background-image: -webkit-linear-gradient(bottom, #F6F7F9 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(bottom, #F6F7F9 0%, #FFFFFF 100%);
    background-image: linear-gradient(0deg, #F6F7F9 0%, #FFFFFF 100%);
    border: 1px solid #D8DCE6;
    -webkit-box-shadow: 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 2px 0 0 rgba(255, 255, 255, 0.05);
    box-shadow: 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 2px 0 0 rgba(255, 255, 255, 0.05);
}

.mem-checkbox__wrapper.mem-checkbox__radio .mem-checkbox__label:after {
    height: 6px;
    width: 6px;
    background: #FFFFFF;
    position: absolute;
    top: 5px;
    left: 5px;
    opacity: 0;
}

.mem-checkbox__wrapper.mem-checkbox__radio .mem-checkbox__checkbox:checked + .mem-checkbox__label:before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#93C1BA), to(#94bbb5));
    background-image: -webkit-linear-gradient(bottom, #93C1BA 0%, #94bbb5 100%);
    background-image: -o-linear-gradient(bottom, #93C1BA 0%, #94bbb5 100%);
    background-image: linear-gradient(0deg, #93C1BA 0%, #94bbb5 100%);
    border: 1px solid #94BBB5;
    -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);
}

.mem-checkbox__wrapper.mem-checkbox__radio .mem-checkbox__checkbox:checked + .mem-checkbox__label:after {
    opacity: 1;
}

.mem-checkbox__wrapper.mem-checkbox__radio .mem-checkbox__checkbox[disabled] + .mem-checkbox__label:before {
    background: rgba(188, 188, 188, 0.25);
}

.mem-form-input-group__vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -8px;
    margin-bottom: -8px;
}

.mem-form-input-group__vertical > *:not(.mem-form-input-group__horizontal) {
    margin-top: 8px;
    margin-bottom: 8px;
}

.mem-form-input-group__vertical > .mem-form-input-group__horizontal {
    margin-top: 0;
    margin-bottom: 0;
}

.mem-form-input-group__horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: -8px;
}

.mem-form-input-group__horizontal > * {
    margin: 8px 8px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 1px;
    flex-basis: 1px;
    min-width: 130px;
}

.mem-form-input-group__horizontal > .mem-form-input-group__vertical {
    margin-top: 0;
    margin-bottom: 0;
}

.mem-select__wrapper {
    position: relative;
    font-size: 0.875rem;
    display: inline-block;
}

.mem-select__left-wrapper {
    margin-left: 20px;
}

.mem-select__wrapper .mem-select__valueRendered {
    width: 100%;
    text-align: left;
    position: relative;
    background: #FFFFFF;
    border: 1px solid #D8DCE6;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
}

.mem-select__wrapper .mem-select__valueRendered .mem-select__label {
    position: absolute;
    top: -18px;
    font-size: 1rem;
    left: 14px;
    pointer-events: none;
}

.mem-select__wrapper .mem-select__valueRendered .mem-select__valueRenderedWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.mem-select__wrapper .mem-select__valueRendered .mem-select__valueRenderedWrapper > * {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    min-width: 1px;
}

.mem-select__wrapper .mem-select__valueRendered .mem-select__valueRenderedWrapper .mem-select__arrowWrapper {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-transition: 0.2s color;
    -o-transition: 0.2s color;
    transition: 0.2s color;
    position: relative;
    width: 10px;
    height: 5px;
    margin-left: 12px;
}

.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 {
    display: block;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 3px solid #777;
}

.mem-select__wrapper .mem-select__valueRendered .mem-select__valueRenderedWrapper .mem-select__arrowWrapper:after {
    top: -4px;
}

.mem-select__wrapper .mem-select__valueRendered .mem-select__valueRenderedWrapper .mem-select__arrowWrapper:before {
    top: 2px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mem-select__wrapper .mem-select__valueWrapper {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mem-select__wrapper .mem-select__valueWrapper.mem-select__placeholderEmpty {
    color: #777;
}

.mem-select__optionListWrapper {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
    border: 1px solid #D8DCE6;
    background: white;
    border-radius: 4px;
    position: absolute !important;
    z-index: 1000;
    top: 100%;
    right: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    max-height: 306px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    min-width: 140px;
}

.mem-select__optionListWrapper > * {
    min-height: 1px;
}

.mem-select__optionListWrapper.mem-select__bottomLeft {
    left: 0;
    right: auto;
}

.mem-select__optionListWrapper.mem-select__topLeft,
.mem-select__optionListWrapper.mem-select__topRight {
    left: 0;
    right: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 4px;
}

.mem-select__optionListWrapper.mem-select__topRight {
    left: auto;
    right: 0;
}

.mem-select__optionListWrapper .mem-select__optionList {
    width: 100%;
    min-height: 1px;
    max-height: 265px;
    position: relative;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.mem-select__optionListWrapper .mem-select__optionList > * {
    width: 100%;
}

.mem-select__optionListWrapper .mem-select__optionList .mem-select__option,
.mem-select__optionListWrapper .mem-select__optionList .mem-select__option:focus {
    width: 100%;
    outline: none;
    cursor: pointer;
    width: 100%;
    background: transparent;
    border: none;
    text-align: left;
    border-radius: 0;
    min-height: 38px;
}

.mem-select__optionListWrapper .mem-select__optionList .mem-select__option .mem-select__optionContent,
.mem-select__optionListWrapper .mem-select__optionList .mem-select__option:focus .mem-select__optionContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-select__optionListWrapper .mem-select__optionList .mem-select__option .mem-select__optionContent > *,
.mem-select__optionListWrapper .mem-select__optionList .mem-select__option:focus .mem-select__optionContent > * {
    min-width: 1px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mem-select__optionListWrapper .mem-select__optionList .mem-select__option .mem-select__optionContent > *:first-child,
.mem-select__optionListWrapper .mem-select__optionList .mem-select__option:focus .mem-select__optionContent > *:first-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.mem-select__optionListWrapper .mem-select__optionList .mem-select__option .mem-select__check,
.mem-select__optionListWrapper .mem-select__optionList .mem-select__option:focus .mem-select__check {
    color: #94bbb5;
    margin-left: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 5px;
    height: 5px;
    background: #94bbb5;
    border-radius: 50%;
}

.mem-select__optionListWrapper .mem-select__optionList .mem-select__option:hover,
.mem-select__optionListWrapper .mem-select__optionList .mem-select__option:focus:hover {
    border: none !important;
}

.mem-select__optionListWrapper .mem-select__optionList .mem-select__option:not(:last-child),
.mem-select__optionListWrapper .mem-select__optionList .mem-select__option:not(:last-child):hover,
.mem-select__optionListWrapper .mem-select__optionList .mem-select__option:focus:not(:last-child),
.mem-select__optionListWrapper .mem-select__optionList .mem-select__option:focus:not(:last-child):hover {
    border-bottom: 1px solid #EAEDF3 !important;
}

.mem-select__optionListWrapper .mem-select__optionList .mem-select__option:focus {
    color: #3E3F42;
}

.mem-select__placeholderAndOther {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.mem-select__placeholderAndOther > *:first-child {
    min-width: 5px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mem-select__placeholderAndOther .mem-select__plusValue {
    display: inline-block;
    background: #D8DCE6;
    border: 1px solid #EAEDF3;
    height: 20px;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 5px;
    min-width: 30px;
    margin-left: 10px;
    font-size: 0.7rem;
}

.mem-map-pin-circle__wrapper {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    background: #1665D8;
    background-image: -webkit-gradient(linear, right top, left top, from(#4187EE), to(#4F95FC));
    background-image: -webkit-linear-gradient(right, #4187EE 0%, #4F95FC 100%);
    background-image: -o-linear-gradient(right, #4187EE 0%, #4F95FC 100%);
    background-image: linear-gradient(-90deg, #4187EE 0%, #4F95FC 100%);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.125rem;
    color: white;
}

.mem-map-pin-circle__wrapper > * {
    z-index: 10;
}

.mem-map-pin-circle__wrapper:before {
    content: '';
    display: block;
    position: absolute;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    top: -5px;
    left: -5px;
    background: #1665D8;
    background-image: -webkit-gradient(linear, right top, left top, from(#4187EE), to(#4F95FC));
    background-image: -webkit-linear-gradient(right, #4187EE 0%, #4F95FC 100%);
    background-image: -o-linear-gradient(right, #4187EE 0%, #4F95FC 100%);
    background-image: linear-gradient(-90deg, #4187EE 0%, #4F95FC 100%);
    opacity: 0.2;
    z-index: 0;
}

.mem-map-pin-circle__wrapper.green,
.mem-map-pin-circle__wrapper.green:before {
    background: #94bbb5;
    background-image: -webkit-linear-gradient(359deg, #39B54A 0%, #93C1BA 100%);
    background-image: -o-linear-gradient(359deg, #39B54A 0%, #93C1BA 100%);
    background-image: linear-gradient(-269deg, #39B54A 0%, #93C1BA 100%);
}

.mem-map-pin-circle__wrapper.violet,
.mem-map-pin-circle__wrapper.violet:before {
    background: #6977FF;
    background-image: -webkit-gradient(linear, right top, left top, from(#6758F3), to(#915CF4));
    background-image: -webkit-linear-gradient(right, #6758F3 0%, #915CF4 100%);
    background-image: -o-linear-gradient(right, #6758F3 0%, #915CF4 100%);
    background-image: linear-gradient(-90deg, #6758F3 0%, #915CF4 100%);
}

.mem-avatar-container__wrapper {
    padding: 6px 30px;
}

.mem-avatar-container__wrapper > *:not(:last-child) {
    margin-bottom: 12px;
}

.mem-emoji-headline__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-emoji-headline__emojiBox {
    background: #FFFFFF;
    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;
    font-size: 2.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70px;
    height: 70px;
    line-height: 1;
    padding-top: 5px;
    padding-left: 5px;
    overflow: hidden;
    margin-right: 1.5rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.mem-emoji-headline__content {
    max-width: 700px;
}

.mem-emoji-headline__content h2 {
    font-size: 1.375rem;
    line-height: 2rem;
    font-weight: 500;
}

.mem-emoji-headline__content p {
    margin: 0 !important;
    color: #777;
}

.mem-dropdown-item__wrapper,
.mem-dropdown-item__wrapper:focus {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    border-radius: 0;
    font-size: 0.875rem;
    min-width: 100%;
    min-height: 38px;
    text-align: left;
}

.mem-dropdown-item__wrapper:last-child,
.mem-dropdown-item__wrapper:focus:last-child {
    border-bottom: none !important;
}

.mem-dropdown-item__wrapper:hover,
.mem-dropdown-item__wrapper:focus:hover {
    background: #F6F7F9;
}

.mem-dropdown-item__wrapper > *,
.mem-dropdown-item__wrapper:focus > * {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.mem-icon-text__wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.mem-icon-text__wrapper + .mem-icon-text__wrapper {
    margin-left: 15px;
}

.mem-icon-text__wrapper i {
    color: #777;
    margin-right: 10px;
    font-size: 1.2rem;
}

.mem-icon-text__wrapper .mem-icon-text__text {
    color: #777;
    font-size: 0.875rem;
}

.mem-icon-text__wrapper.mem-icon-text__textHighlight .mem-icon-text__text {
    color: #6B6C6F;
}

.mem-icon-text__wrapper.mem-icon-text__highlight i,
.mem-icon-text__wrapper.mem-icon-text__highlighted i,
.mem-icon-text__wrapper:hover i {
    color: #1665D8;
}

.mem-menuDrop__defaultDisplayComponent {
    width: 36px;
    padding: 0;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-color: #D8DCE6;
}

.mem-menuDrop__btnContent {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mem-menuDrop__list {
    position: absolute;
    z-index: 50;
    background: white;
    border: 1px solid #D8DCE6;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    list-style: none;
    top: 100%;
    margin-top: 4px;
    right: 0;
    min-width: 140px;
}

.mem-menuDrop__list > *:first-child {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.mem-menuDrop__list > *:last-child {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.mem-menuDrop__list.mem-menuDrop__bottomLeft {
    left: 0;
    right: auto;
}

.mem-menuDrop__list.mem-menuDrop__topLeft,
.mem-menuDrop__list.mem-menuDrop__topRight {
    left: 0;
    right: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 4px;
}

.mem-menuDrop__list.mem-menuDrop__topRight {
    left: auto;
    right: 0;
}

.mem-top-bar__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px;
    background: #FFFFFF;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    z-index: 100;
    border-bottom: 1px solid #EAEDF3;
}

.mem-top-bar__wrapper.mem-top-bar__center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

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

.mem-top-bar__pageName {
    /* Socialio: */
    font-weight: 500;
    font-size: 1rem;
    color: #3E3F42;
    line-height: 1.75;
}

.mem-top-bar__pageName i {
    color: #1665D8;
    margin-right: 14px;
}

.mem-top-bar-section__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px;
}

.mem-top-bar-link__wrapper {
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    display: block;
    cursor: pointer;
    font-size: .875rem;
    color: #3E3F42;
}

.mem-top-bar-link__wrapper:hover,
.mem-top-bar-link__wrapper.active {
    color: #1665D8;
}

.mem-top-bar-link-container__wrapper {
    margin: 0 -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-top-bar-title__wrapper {
    font-weight: 500;
    font-size: 1rem;
    color: #3E3F42;
    line-height: 1.75;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-top-bar-title__wrapper.mem-top-bar-title__large {
    font-size: 1.125rem;
}

.mem-top-bar-title__wrapper i {
    margin-right: 14px;
    color: #777;
}

.mem-nav-divider__wrapper {
    background: #EAEDF3;
    height: 38px;
    width: 1px;
    margin: 0 30px;
    -ms-flex-preferred-size: 1px;
    flex-basis: 1px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.mem-nav-link__wrapper {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mem-nav-link__wrapper .mem-nav-link__icon {
    display: inline-block;
    margin-right: 12px;
    width: 18px;
    text-align: center;
}

.mem-nav-link__wrapper .mem-nav-link__rightEl {
    font-size: 0.75rem;
    color: #777;
    line-height: 1rem;
}

.mem-nav-link__wrapper.mem-nav-link__highlighted .mem-nav-link__text {
    font-weight: 500;
}

.mem-nav-link__wrapper.active {
    font-weight: 500;
    color: #1665D8;
    background: rgba(84, 147, 245, 0.05);
    -webkit-box-shadow: inset 3px 0 0 0 #1665D8;
    box-shadow: inset 3px 0 0 0 #1665D8;
}

.mem-nav-link__wrapper:hover {
    color: #1665D8;
    background: rgba(84, 147, 245, 0.05);
}

.mem-nav-link__wrapperDark {
    margin: 0 15px;
    border: none;
    border-radius: 4px;
    padding: 0 15px;
    font-weight: 500;
    color: white;
}

.mem-nav-link__wrapperDark > * {
    color: white;
}

.mem-nav-link__wrapperDark.active {
    background: #1665D8;
    color: white;
}

.mem-nav-link__wrapperDark.active .mem-nav-link__rightEl {
    color: white;
}

.mem-nav-link__wrapperDark:not(.active):hover {
    color: white;
    background: rgba(255, 255, 255, 0.05);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mem-nav-link-2__wrapper {
    font-size: .875rem;
    color: #3E3F42;
    display: block;
    min-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #EAEDF3;
}

.mem-nav-link-2__wrapper .mem-nav-link-2__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-nav-link-2__wrapper .mem-nav-link-2__icon {
    display: inline-block;
    margin-right: 12px;
    color: #777;
    width: 18px;
    text-align: center;
    font-size: 20px;
}

.mem-nav-link-2__wrapper .mem-nav-link-2__rightEl {
    font-size: 0.75rem;
    color: #777;
    line-height: 1rem;
}

.mem-nav-link-2__wrapper.mem-nav-link-2__highlighted .mem-nav-link-2__text {
    font-weight: 500;
}

.mem-nav-link-2__wrapper.active {
    font-weight: 500;
}

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

.mem-nav-link-2__wrapper:hover .mem-nav-link-2__icon {
    color: rgba(22, 101, 216, 0.8);
}

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

.mem-nav-section__wrapper + .mem-nav-section__wrapper {
    margin-top: 20px;
}

.mem-nav-section__wrapper:last-child {
    margin-bottom: 20px;
}

.mem-nav-section__wrapper:first-child {
    margin-top: 15px;
}

.mem-nav-link-secondary__wrapper {
    font-size: .875rem;
    color: #6B6C6F;
    display: block;
    padding: 0 30px 0 46px;
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mem-nav-link-secondary__wrapper .mem-nav-link-secondary__icon {
    display: inline-block;
    margin-right: 12px;
}

.mem-nav-link-secondary__wrapper .mem-nav-link-secondary__rightEl {
    font-size: 0.75rem;
    color: #777;
    line-height: 1rem;
}

.mem-nav-link-secondary__wrapper.mem-nav-link-secondary__highlighted .mem-nav-link-secondary__text {
    color: #3E3F42;
    font-weight: 500;
}

.mem-nav-link-secondary__wrapper.active {
    font-weight: 500;
    color: #1665D8;
    background: rgba(84, 147, 245, 0.05);
    -webkit-box-shadow: inset 3px 0 0 0 #1665D8;
    box-shadow: inset 3px 0 0 0 #1665D8;
}

.mem-nav-link-secondary__wrapper:hover {
    color: #1665D8;
    background: rgba(84, 147, 245, 0.05);
}

.mem-nav-title__wrapper {
    padding: 25px 30px 20px;
    font-size: 1.125rem;
    color: #3E3F42;
    display: block;
    font-weight: 500;
    line-height: 1;
}

.mem-tutorial-list__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 960px) {
    .mem-tutorial-list__wrapper {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .mem-tutorial-list__wrapper > * {
        -ms-flex-preferred-size: calc(33% - 30px) !important;
        flex-basis: calc(33% - 30px) !important;
    }
}

@media screen and (max-width: 960px) {
    .mem-tutorial-list__wrapper {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .mem-tutorial-list__wrapper > * {
        -ms-flex-preferred-size: calc(50% - 30px) !important;
        flex-basis: calc(50% - 30px) !important;
    }
}

@media screen and (max-width: 620px) {
    .mem-tutorial-list__wrapper {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .mem-tutorial-list__wrapper > * {
        -ms-flex-preferred-size: calc(100% - 30px) !important;
        flex-basis: calc(100% - 30px) !important;
    }
}

.mem-nav-section-title__wrapper {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.75rem;
    color: #777;
    line-height: 1.5;
    display: block;
    padding: 10px 30px;
}

.mem-nav-user__wrapper {
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-nav-user__wrapper .mem-nav-user__avatarWrapper + * {
    margin-top: 14px;
}

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

.mem-nav-user__wrapper .mem-nav-user__name {
    color: #3E3F42;
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 1rem;
}

.mem-nav-user__wrapper .mem-nav-user__textTop {
    color: #777;
    font-size: .875rem;
}

.mem-headline__wrapper {
    font-size: 1.625rem;
    line-height: 2.375rem;
    font-weight: 500;
}

.mem-headline-desc__wrapper + * {
    margin-top: 30px;
}

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

.mem-tutorial-list-item__cover {
    background: no-repeat center center;
    background-size: cover;
    height: 190px;
}

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

.mem-tutorial-list-item__content h3 {
    font-weight: 500;
}

.mem-tutorial-list-item__content p {
    color: #777;
    margin-top: 0.7rem;
}

.mem-tutorial-list-item__content .mem-tutorial-list-item__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-tutorial-list-item__content .mem-tutorial-list-item__meta .mem-tutorial-list-item__duration {
    font-size: .875rem;
    color: #777;
}

.mem-tutorial-list-item__extra {
    border-top: 1px solid #EAEDF3;
    padding: 15px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mem-widget__wrapper {
    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;
    display: block;
}

.mem-widget__wrapper.mem-widget__padding {
    padding: 30px;
}

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

.mem-widget__wrapper h1,
.mem-widget__wrapper h2,
.mem-widget__wrapper h3,
.mem-widget__wrapper h4,
.mem-widget__wrapper h5 {
    font-weight: 500;
}

.mem-widget__wrapper h3 {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.mem-icon-wrap__wrapper {
    color: #777;
    background-color: rgba(158, 160, 165, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-size: 1.25rem;
}

.mem-icon-wrap__wrapper.mem-icon-wrap__circle {
    height: 62px;
    width: 62px;
    border-radius: 50%;
}

.mem-icon-wrap__wrapper.mem-icon-wrap__square {
    height: 38px;
    width: 38px;
    border-radius: 4px;
}

.mem-icon-wrap__wrapper.green {
    background-color: rgba(56, 178, 73, 0.1);
    color: #94bbb5;
}

.mem-icon-wrap__wrapper.blue {
    background-color: rgba(22, 101, 216, 0.1);
    color: #1665D8;
}

.mem-icon-wrap__wrapper.orange {
    background-color: rgba(246, 171, 47, 0.1);
    color: #F6AB2F;
}

.mem-icon-wrap__wrapper.violet {
    background-color: rgba(105, 119, 255, 0.1);
    color: #6977FF;
}

.mem-icon-wrap__wrapper.yellow {
    background-color: rgba(250, 207, 85, 0.1);
    color: #FACF55;
}

.mem-icon-wrap__wrapper.red {
    background-color: rgba(230, 73, 45, 0.1);
    color: #E6492D;
}

div.mem-knowledge-topic__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

div.mem-knowledge-topic__wrapper + * {
    margin-top: 30px;
}

div.mem-knowledge-topic__wrapper .mem-knowledge-topic__content {
    margin-left: 24px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

div.mem-knowledge-topic__wrapper .mem-knowledge-topic__content + * {
    margin-left: 24px;
}

div.mem-knowledge-topic__wrapper .mem-knowledge-topic__content .mem-knowledge-topic__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.mem-knowledge-topic__wrapper .mem-knowledge-topic__content .mem-knowledge-topic__tag {
    margin-left: 10px;
}

div.mem-knowledge-topic__wrapper .mem-knowledge-topic__action {
    margin-left: 20px;
    display: block;
}

div.mem-knowledge-topic__wrapper .mem-knowledge-topic__users {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.mem-knowledge-topic__wrapper .mem-knowledge-topic__users > * + * {
    margin-left: 10px;
}

div.mem-knowledge-topic__wrapper .mem-knowledge-topic__link:hover {
    color: #1665D8;
}

@media screen and (max-width: 880px) {
    div.mem-knowledge-topic__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 102px !important;
        position: relative;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    div.mem-knowledge-topic__wrapper .mem-knowledge-topic__icon {
        position: absolute;
        top: 30px;
        left: 30px;
    }

    div.mem-knowledge-topic__wrapper .mem-knowledge-topic__content {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 550px) {
    div.mem-knowledge-topic__wrapper {
        padding-left: 15px !important;
        padding-top: 112px !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    div.mem-knowledge-topic__wrapper .mem-knowledge-topic__content {
        text-align: center;
    }

    div.mem-knowledge-topic__wrapper .mem-knowledge-topic__content h2 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    div.mem-knowledge-topic__wrapper .mem-knowledge-topic__icon {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.mem-knowledge-topic__dropdownIcon {
    font-size: .7rem;
    color: #777;
}

.mem-social-header__cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 308px;
    border-radius: 4px 4px 0 0;
    position: relative;
}

.mem-social-header__cover:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(9%, rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.35)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.35) 99%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.35) 99%);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.35) 99%);
    border-radius: 4px 4px 0 0;
}

.mem-social-header__cover .mem-social-header__btnUpdateCover {
    position: absolute;
    top: 10px;
    right: 10px;
}

@media screen and (max-width: 768px) {
    .mem-social-header__cover .mem-social-header__btnUpdateCover {
        bottom: auto;
        top: 10px;
    }
}

.mem-social-header__cover .mem-social-header__avatar {
    position: absolute;
    bottom: -50px;
    left: 30px;
    z-index: 100;
}

.mem-social-header__cover .mem-social-header__name {
    position: absolute;
    z-index: 100;
    left: 180px;
    bottom: 15px;
    font-weight: 500;
    font-size: 1.375rem;
    color: #FFFFFF;
    line-height: 2rem;
}

@media screen and (max-width: 768px) {
    .mem-social-header__cover {
        height: 200px;
    }

    .mem-social-header__cover .mem-social-header__avatar,
    .mem-social-header__cover .mem-social-header__name {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .mem-social-header__cover .mem-social-header__name {
        color: #3E3F42;
        top: 270px;
    }
}

.mem-social-header__content {
    position: relative;
}

.mem-social-header__content .mem-social-header__tabWrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    position: flex;
    padding: 0 15px;
    padding-left: 165px;
}

.mem-social-header__content .mem-social-header__tabWrapper > * {
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media screen and (max-width: 768px) {
    .mem-social-header__content .mem-social-header__tabWrapper > * {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media screen and (max-width: 768px) {
    .mem-social-header__content {
        margin-top: 100px;
    }

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

.mem-tab__item {
    height: 70px;
    border-bottom: 3px solid transparent;
    margin: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #6B6C6F;
}

@media screen and (max-width: 768px) {
    .mem-tab__item {
        height: 56px;
    }
}

.mem-tab__item:hover {
    color: #3E3F42;
    border-bottom-color: rgba(22, 101, 216, 0.3);
}

.mem-tab__item.active {
    border-bottom-color: #1665D8;
    font-weight: 500;
    color: #3E3F42;
}

.mem-tab__item.mem-tab__small,
.mem-tab__item.mem-tab__smaller {
    font-size: .875rem;
}

.mem-tab__item.mem-tab__smaller {
    height: 50px;
}

.mem-tab__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.mem-tab__container:not(:last-child) {
    border-bottom: 1px solid #EAEDF3;
}

.mem-social-friends__cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 308px;
    border-radius: 4px 4px 0 0;
    position: relative;
}

.mem-social-friends__cover:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(9%, rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.35)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.35) 99%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.35) 99%);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.35) 99%);
    border-radius: 4px 4px 0 0;
}

.mem-social-friends__cover .mem-social-friends__btnUpdateCover {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.mem-social-friends__content {
    position: relative;
}

.mem-social-friends__content .mem-social-friends__avatar {
    position: absolute;
    top: -14px;
    left: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mem-social-friends__content .mem-social-friends__name {
    position: absolute;
    left: 180px;
    top: -47px;
    font-weight: 500;
    font-size: 1.375rem;
    color: #FFFFFF;
    line-height: 2rem;
}

.mem-widget-title__wrapper {
    padding: 18px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-widget-title__wrapper:not(:last-child) {
    border-bottom: 1px solid #EAEDF3;
}

.mem-widget-title__wrapper h3 {
    /* Title: */
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.mem-widget-title__wrapper h3 + * {
    margin-top: 0;
}

.mem-widget-title__wrapper.mem-widget-title__noDivider {
    padding-bottom: 5px;
    border-bottom: none;
}

.mem-social-friend-list__wrapper {
    margin: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mem-social-friend-list__wrapper > * {
    margin: 10px;
    -ms-flex-preferred-size: calc(50% - 20px);
    flex-basis: calc(50% - 20px);
}

@media screen and (max-width: 768px) {
    .mem-social-friend-list__wrapper > * {
        -ms-flex-preferred-size: calc(100% - 20px);
        flex-basis: calc(100% - 20px);
    }
}

.mem-social-friend-item__wrapper {
    border: 1px solid #EAEDF3;
    border-radius: 4px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-social-about__wrapper .mem-social-about__listWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px 22.75px;
}

.mem-social-about__wrapper .mem-social-about__listWrapper > * {
    -ms-flex-preferred-size: calc(100% - 15px);
    flex-basis: calc(100% - 15px);
    border-bottom: 1px solid #EAEDF3;
    margin: 0 7.5px;
    padding: 20px 0;
    max-width: calc(100% - 15px);
}

.mem-social-about__wrapper .mem-social-about__listWrapper > *:last-child {
    border-bottom: none;
}

@media screen and (min-width: 1400px) {
    .mem-social-about__wrapper .mem-social-about__listWrapper > * {
        -ms-flex-preferred-size: calc(50% - 15px);
        flex-basis: calc(50% - 15px);
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .mem-social-about__wrapper .mem-social-about__listWrapper > *:nth-last-child(-n+2) {
        border-bottom: none;
    }
}

.mem-social-about-item__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-widget__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px;
}

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

.mem-widget-bottom-cta__wrapper {
    height: 50px;
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #777;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 500;
    border-top: 1px solid #EAEDF3;
}

.mem-widget-bottom-cta__wrapper:hover {
    color: #3E3F42;
}

.mem-widget-link__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    padding: 0 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-widget-link__wrapper .mem-widget-link__icon + * {
    margin-left: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.mem-widget-link__wrapper .mem-widget-link__title {
    color: #3E3F42;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
}

.mem-widget-link__wrapper .mem-widget-link__count {
    color: #777;
    margin-left: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: .875rem;
}

.mem-widget-link__wrapper:not(:last-child) {
    border-bottom: 1px solid #EAEDF3;
}

.mem-widget-link__wrapper:hover .mem-widget-link__title {
    color: #1665D8;
}

.mem-widget-video-preview__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    padding: 0 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-widget-video-preview__wrapper .mem-widget-video-preview__previewImage {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    width: 74px;
    height: 56px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.mem-widget-video-preview__wrapper .mem-widget-video-preview__previewImage + * {
    margin-left: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.mem-widget-video-preview__wrapper .mem-widget-video-preview__title {
    color: #3E3F42;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 500;
    color: #3E3F42;
    line-height: 1.5rem;
}

.mem-widget-video-preview__wrapper .mem-widget-video-preview__views {
    color: #777;
    font-size: .875rem;
    line-height: 1.375rem;
    display: block;
    margin-top: 2px;
}

.mem-widget-video-preview__wrapper:not(:last-child) {
    margin-bottom: 16px;
}

.mem-widget-video-preview__wrapper:hover .mem-widget-video-preview__previewImage {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.mem-widget-video-preview__wrapper:hover .mem-widget-video-preview__title {
    color: #1665D8;
}

.mem-widget-video-preview-container__wrapper {
    padding: 30px 0;
}

.mem-widget-content__wrapper {
    padding: 25px 30px;
}

.mem-widget-content__wrapper + .mem-widget-content__wrapper {
    border-top: 1px solid #EAEDF3;
}

.mem-widget-content__wrapper.mem-widget-content__grey {
    background-color: #f5f5f5;
}

.mem-avatar__info {
    margin-left: 12px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mem-avatar__info > * {
    display: block;
}

.mem-avatar__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
}

.mem-avatar__wrapper > * {
    min-width: 1px;
}

.mem-avatar__wrapper .mem-avatar__name {
    /* Author: */
    font-size: 0.875rem;
    color: #3E3F42;
    line-height: 1.375rem;
    overflow: hidden;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.mem-avatar__wrapper .mem-avatar__name i {
    font-style: normal;
    color: #777;
}

.mem-avatar__wrapper.mem-avatar__highlighted .mem-avatar__name {
    font-weight: 500;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper {
    position: relative;
    height: 38px;
    width: 38px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatarAction {
    position: absolute;
    bottom: 0;
    right: 0;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatarPlaceholder {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    color: #777;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    line-height: 1.5rem;
    text-transform: uppercase;
    background-color: transparent;
    border: 1px solid #EAEDF3;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatarPlaceholder.green {
    color: white;
    background-color: #94bbb5;
    border-color: transparent;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatarPlaceholder.blue {
    color: white;
    background-color: #1665D8;
    border-color: transparent;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatarPlaceholder.orange {
    color: white;
    background-color: #F6AB2F;
    border-color: transparent;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatarPlaceholder.violet {
    color: white;
    background-color: #6977FF;
    border-color: transparent;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatarPlaceholder.yellow {
    color: white;
    background-color: #FACF55;
    border-color: transparent;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatarPlaceholder.red {
    color: white;
    background-color: #E6492D;
    border-color: transparent;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatarPlaceholder.lightblue {
    background-color: #98CAEC;
    background-image: -webkit-linear-gradient(135deg, #98CAEC 0%, #44ADE5 100%);
    background-image: -o-linear-gradient(135deg, #98CAEC 0%, #44ADE5 100%);
    background-image: linear-gradient(-45deg, #98CAEC 0%, #44ADE5 100%);
    border-color: transparent;
    color: white;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatar {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    display: block;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatar + * {
    margin-left: 0.75rem;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatarMultiWrapper {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatarMultiWrapper > .mem-avatar__avatar {
    border-radius: 0;
    margin: 0 !important;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatarMultiWrapper.mem-avatar__s2 > .mem-avatar__avatar {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatarMultiWrapper.mem-avatar__s3 > .mem-avatar__avatar:nth-child(1) {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatarMultiWrapper.mem-avatar__s3 > .mem-avatar__avatar:nth-child(2),
.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatarMultiWrapper.mem-avatar__s3 > .mem-avatar__avatar:nth-child(3) {
    height: 50%;
    width: 50%;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatarMultiWrapper.mem-avatar__s3 > .mem-avatar__avatar:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatarMultiWrapper.mem-avatar__s3 > .mem-avatar__avatar:nth-child(3) {
    -webkit-transform: translateX(-200%) translateY(100%);
    -ms-transform: translateX(-200%) translateY(100%);
    transform: translateX(-200%) translateY(100%);
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatarMultiWrapper.mem-avatar__s4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mem-avatar__wrapper .mem-avatar__avatarWrapper .mem-avatar__avatarMultiWrapper.mem-avatar__s4 > .mem-avatar__avatar {
    height: 50%;
    width: 50%;
}

.mem-avatar__wrapper .mem-avatar__textTop {
    font-size: 0.75rem;
    color: #777;
    line-height: 1.125rem;
    overflow: hidden;
    white-space: nowrap;
}

.mem-avatar__wrapper .mem-avatar__textBottom {
    font-size: 0.75rem;
    color: #777;
    line-height: 1.125rem;
    margin-top: 2px;
    overflow: hidden;
    white-space: nowrap;
}

.mem-avatar__wrapper .mem-avatar__textTop,
.mem-avatar__wrapper .mem-avatar__textBottom,
.mem-avatar__wrapper .mem-avatar__name {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.mem-avatar__wrapper.mem-avatar__small .mem-avatar__avatarWrapper {
    font-size: 12px;
    height: 28px;
    width: 28px;
}

.mem-avatar__wrapper.mem-avatar__large .mem-avatar__avatarWrapper,
.mem-avatar__wrapper.mem-avatar__larger .mem-avatar__avatarWrapper,
.mem-avatar__wrapper.mem-avatar__jumbo .mem-avatar__avatarWrapper,
.mem-avatar__wrapper.mem-avatar__extraLarge .mem-avatar__avatarWrapper {
    font-size: 18px;
    height: 60px;
    width: 60px;
}

.mem-avatar__wrapper.mem-avatar__large .mem-avatar__textTop,
.mem-avatar__wrapper.mem-avatar__large .mem-avatar__textBottom,
.mem-avatar__wrapper.mem-avatar__larger .mem-avatar__textTop,
.mem-avatar__wrapper.mem-avatar__larger .mem-avatar__textBottom,
.mem-avatar__wrapper.mem-avatar__jumbo .mem-avatar__textTop,
.mem-avatar__wrapper.mem-avatar__jumbo .mem-avatar__textBottom,
.mem-avatar__wrapper.mem-avatar__extraLarge .mem-avatar__textTop,
.mem-avatar__wrapper.mem-avatar__extraLarge .mem-avatar__textBottom {
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: #6B6C6F;
}

.mem-avatar__wrapper.mem-avatar__large .mem-avatar__name,
.mem-avatar__wrapper.mem-avatar__larger .mem-avatar__name,
.mem-avatar__wrapper.mem-avatar__jumbo .mem-avatar__name,
.mem-avatar__wrapper.mem-avatar__extraLarge .mem-avatar__name {
    font-size: 1rem;
    line-height: 1.5rem;
}

.mem-avatar__wrapper.mem-avatar__larger .mem-avatar__textTop,
.mem-avatar__wrapper.mem-avatar__larger .mem-avatar__textBottom {
    color: #6B6C6F;
}

.mem-avatar__wrapper.mem-avatar__larger .mem-avatar__avatarWrapper {
    font-size: 26px;
    height: 80px;
    width: 80px;
}

.mem-avatar__wrapper.mem-avatar__extraLarge .mem-avatar__avatarWrapper {
    font-size: 36px;
    height: 100px;
    width: 100px;
}

.mem-avatar__wrapper.mem-avatar__jumbo .mem-avatar__name {
    font-size: 1.25rem;
    line-height: 1.5;
}

.mem-avatar__wrapper.mem-avatar__jumbo .mem-avatar__avatarWrapper {
    font-size: 36px;
    height: 120px;
    width: 120px;
}

.mem-avatar__wrapper.mem-avatar__jumbo .mem-avatar__info {
    margin-left: 24px;
}

.mem-avatar__statusWrapper {
    margin-left: 10px;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #777;
    font-size: .75rem;
}

.mem-avatar__statusWrapper .mem-avatar__statusOnline {
    background: #94bbb5;
    height: 6px;
    width: 6px;
    border-radius: 50%;
}

.mem-container-v__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

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

.mem-container-h__wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mem-container-h__wrapper > * {
    min-width: 1px;
}

.mem-content__wrapper {
    padding: 15px;
}

.mem-content__wrapper.mem-content__contentCenter {
    max-width: 1170px;
    margin: 0 auto;
}

.mem-content__item {
    margin: 15px;
}

.mem-widget-table__wrapper {
    width: 100%;
    border-collapse: collapse;
}

.mem-widget-table__wrapper tr td,
.mem-widget-table__wrapper tr th {
    text-align: left;
    padding: 15px 15px;
    border-bottom: 1px solid #EAEDF3;
    line-height: 1.5;
}

.mem-widget-table__wrapper tr td:first-child,
.mem-widget-table__wrapper tr th:first-child {
    padding-left: 30px;
}

.mem-widget-table__wrapper tr td:last-child,
.mem-widget-table__wrapper tr th:last-child {
    padding-right: 30px;
}

.mem-widget-table__wrapper tr th {
    font-weight: 500;
    font-size: .75rem;
    padding: 8px 15px;
    text-transform: uppercase;
    color: #777;
    line-height: 1.125rem;
    height: 44px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-widget-table__wrapper tr td {
    font-size: .875rem;
    height: 70px;
    padding: 0 inherit;
    color: #3E3F42;
}

.mem-content__wrapper {
    padding: 15px;
}

.mem-content__wrapper.mem-content__contentCenter {
    max-width: 1170px;
    margin: 0 auto;
}

.mem-content__item {
    margin: 15px;
}

.mem-layout-main__wrapper {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mem-layout-main__wrapperInner {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mem-layout-main__wrapperInner.mem-layout-main__contentCenter,
.mem-layout-main__wrapperInner.mem-layout-main__contentCenterMedium {
    max-width: 1170px;
    margin: 0 auto;
}

.mem-layout-main__wrapperInner.mem-layout-main__contentCenter,
.mem-layout-main__wrapperInner.mem-layout-main__contentCenterMedium {
    margin: 0 auto;
}

.mem-layout-main__wrapperInner.mem-layout-main__contentCenterMedium {
    max-width: 885px;
}

.mem-layout-main__wrapperInner.mem-layout-main__contentLeft {
    max-width: 1170px;
}

.mem-scroll__wrapper {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.mem-divider__horizontal {
    height: 1px;
    width: 100%;
    background: #EAEDF3;
}

.mem-divider__horizontal.mem-divider__margin {
    margin-top: 24px;
    margin-bottom: 24px;
}

.mem-divider__vertical {
    width: 1px;
    height: 100%;
    background: #EAEDF3;
}

.mem-divider__vertical.mem-divider__margin {
    margin-left: 24px;
    margin-right: 24px;
}

/*
Atom One Dark by Daniel Gamage
Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
base:    #282c34
mono-1:  #abb2bf
mono-2:  #818896
mono-3:  #5c6370
hue-1:   #56b6c2
hue-2:   #61aeee
hue-3:   #c678dd
hue-4:   #98c379
hue-5:   #e06c75
hue-5-2: #be5046
hue-6:   #d19a66
hue-6-2: #e6c07b
*/

{
/**
  * xonokai theme for JavaScript, CSS and HTML
  * based on: https://github.com/MoOx/sass-prism-theme-base by Maxime Thirouin ~ MoOx --> http://moox.fr/ , which is Loosely based on Monokai textmate theme by http://www.monokai.nl/
  * license: MIT; http://moox.mit-license.org/
  */
/* Inline code */
}

pre.refractor {
    overflow-x: auto;
    width: 100%;
}

code[class*="language-"],
pre[class*="language-"] {
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size: 2;
    display: block;
    overflow-x: auto;
    padding: 30px;
    border: none;
    border-radius: 4px;
    color: #9cdcfe;
    /* background: #282c34; */
    background: #303136;
    font-family: 'Roboto Mono', monospace;
    font-size: .75rem;
    line-height: 1.25rem;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
    background: #252529;
}

:not(pre) > code[class*="language-"] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: slategray;
}

.token.punctuation {
    color: #37c1b0;
}

.namespace {
    opacity: .7;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
    color: #f92672;
}

.token.boolean,
.token.number {
    color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
    color: #a6e22e;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
    color: #f8f8f2;
}

.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
    color: #e6db74;
}

.token.keyword {
    color: #66d9ef;
}

.token.regex,
.token.important {
    color: #fd971f;
}

.token.important,
.token.bold {
    font-weight: bold;
}

.token.italic {
    font-style: italic;
}

.token.entity {
    cursor: help;
}

.mem-nav-panel__wrapper {
    /* Menu Base: */
    background: white;
    border-right: 1px solid #EAEDF3;
    height: 100%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 270px;
    flex-basis: 270px;
    width: 270px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.mem-nav-panel__wrapper.mem-nav-panel__positionRight {
    border-right: none;
    border-left: 1px solid #EAEDF3;
}

.mem-content-code__wrapper {
    background: #303136;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.mem-content-code__wrapper .mem-content-code__tabContainer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #252529;
    color: #777;
    border-bottom: none;
}

.mem-content-code__wrapper .mem-content-code__tabContainer .mem-content-code__tabItem:hover {
    color: rgba(255, 255, 255, 0.8);
}

.mem-content-code__wrapper .mem-content-code__tabContainer .mem-content-code__tabItem.active {
    color: white;
}

.mem-content-code__wrapper .mem-content-code__codeWrapper {
    padding: 30px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.mem-content-code__wrapper .mem-content-code__codeWrapper > *:not(:last-child) {
    margin-bottom: 30px;
}

.mem-content-code__wrapper.mem-content-code__maxHeight {
    max-height: 70vh;
}

.mem-socialio__contentContainer {
    width: 100%;
}

.mem-socialio__contentContainer .mem-socialio__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mem-socialio__contentContainer > * {
    -webkit-transition: .4s all;
    -o-transition: .4s all;
    transition: .4s all;
}

@media screen and (max-width: 768px) {
    .mem-socialio__contentContainer {
        overflow: hidden;
    }

    .mem-socialio__contentContainer > * {
        -webkit-transform: translateX(-270px);
        -ms-transform: translateX(-270px);
        transform: translateX(-270px);
    }

    .mem-socialio__contentContainer.mem-socialio__Home > * {
        -webkit-transform: translateX(-270px);
        -ms-transform: translateX(-270px);
        transform: translateX(-270px);
    }

    .mem-socialio__contentContainer.mem-socialio__Menu > * {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .mem-socialio__contentContainer.mem-socialio__Chat > * {
        -webkit-transform: translateX(-540px);
        -ms-transform: translateX(-540px);
        transform: translateX(-540px);
    }

    .mem-socialio__contentContainer .mem-socialio__content {
        min-width: 100vw;
        max-width: 100vw;
        -webkit-transition: 0.4s all;
        -o-transition: 0.4s all;
        transition: 0.4s all;
    }
}

.mem-socialio__mobileNavigation {
    display: none;
}

@media screen and (max-width: 768px) {
    .mem-socialio__mobileNavigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}

.mem-socialio__mobileNavigation .mem-socialio__mobileItem {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mem-chartjs__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mem-chartjs__wrapper .mem-chartjs__canvasWrapper {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mem-chartjs__wrapper * + .mem-chartjs__canvasWrapper {
    border-top: 1px solid #EAEDF3;
}

.mem-chartjs__tooltip {
    opacity: 0;
    position: absolute;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    width: 0;
    height: 0;
    z-index: 100;
}

.mem-chartjs__tooltip .tooltip__content {
    position: absolute;
    background: #fff;
    /* Combined Shape: */
    border: 1px solid #D5DCE6;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
    padding: 16px;
}

.mem-chartjs__tooltip .tooltip__content.center.left,
.mem-chartjs__tooltip .tooltip__content.center.right {
    bottom: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

.mem-chartjs__tooltip .tooltip__content.center.left:before,
.mem-chartjs__tooltip .tooltip__content.center.left:after,
.mem-chartjs__tooltip .tooltip__content.center.right:before,
.mem-chartjs__tooltip .tooltip__content.center.right:after {
    top: 50%;
}

.mem-chartjs__tooltip .tooltip__content.center.left:after,
.mem-chartjs__tooltip .tooltip__content.center.right:after {
    border-width: 6px;
    margin-top: -6px;
    border-color: rgba(255, 255, 255, 0);
}

.mem-chartjs__tooltip .tooltip__content.center.left:before,
.mem-chartjs__tooltip .tooltip__content.center.right:before {
    border-color: rgba(213, 220, 230, 0);
    border-width: 7px;
    margin-top: -7px;
}

.mem-chartjs__tooltip .tooltip__content.center.left {
    left: 100%;
    margin-left: 7px;
}

.mem-chartjs__tooltip .tooltip__content.center.left:after {
    right: 100%;
    border-right-color: #fff;
}

.mem-chartjs__tooltip .tooltip__content.center.left:before {
    right: 100%;
    border-right-color: #D5DCE6;
}

.mem-chartjs__tooltip .tooltip__content.center.right {
    right: 100%;
    margin-right: 7px;
}

.mem-chartjs__tooltip .tooltip__content.center.right:after {
    left: 100%;
    border-left-color: #fff;
}

.mem-chartjs__tooltip .tooltip__content.center.right:before {
    left: 100%;
    border-left-color: #D5DCE6;
}

.mem-chartjs__tooltip .tooltip__content.bottom {
    bottom: 100%;
    margin-bottom: 8px;
}

.mem-chartjs__tooltip .tooltip__content.bottom.center {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.mem-chartjs__tooltip .tooltip__content.bottom.center:before,
.mem-chartjs__tooltip .tooltip__content.bottom.center:after {
    left: 50%;
}

.mem-chartjs__tooltip .tooltip__content.bottom.left {
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%);
}

.mem-chartjs__tooltip .tooltip__content.bottom.left:before,
.mem-chartjs__tooltip .tooltip__content.bottom.left:after {
    left: 10%;
}

.mem-chartjs__tooltip .tooltip__content.bottom.right {
    -webkit-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    transform: translateX(-90%);
}

.mem-chartjs__tooltip .tooltip__content.bottom.right:before,
.mem-chartjs__tooltip .tooltip__content.bottom.right:after {
    left: 90%;
}

.mem-chartjs__tooltip .tooltip__content.bottom:after {
    top: 100%;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 6px;
    margin-left: -6px;
}

.mem-chartjs__tooltip .tooltip__content.bottom:before {
    top: 100%;
    border-color: rgba(213, 220, 230, 0);
    border-top-color: #D5DCE6;
    border-width: 7px;
    margin-left: -7px;
}

.mem-chartjs__tooltip .tooltip__content.top {
    top: 100%;
    margin-top: 8px;
}

.mem-chartjs__tooltip .tooltip__content.top.center {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.mem-chartjs__tooltip .tooltip__content.top.center:before,
.mem-chartjs__tooltip .tooltip__content.top.center:after {
    left: 50%;
}

.mem-chartjs__tooltip .tooltip__content.top.left {
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%);
}

.mem-chartjs__tooltip .tooltip__content.top.left:before,
.mem-chartjs__tooltip .tooltip__content.top.left:after {
    left: 10%;
}

.mem-chartjs__tooltip .tooltip__content.top.right {
    -webkit-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    transform: translateX(-90%);
}

.mem-chartjs__tooltip .tooltip__content.top.right:before,
.mem-chartjs__tooltip .tooltip__content.top.right:after {
    left: 90%;
}

.mem-chartjs__tooltip .tooltip__content.top:after {
    bottom: 100%;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -6px;
}

.mem-chartjs__tooltip .tooltip__content.top:before {
    bottom: 100%;
    border-color: rgba(213, 220, 230, 0);
    border-bottom-color: #D5DCE6;
    border-width: 7px;
    margin-left: -7px;
}

.mem-chartjs__tooltip .tooltip__content .title {
    /* Aug 6, 2016: */
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: #777;
    margin-bottom: 14px;
    display: block;
}

.mem-chartjs__tooltip .tooltip__content ul {
    line-height: 20px;
    font-size: 14px;
    color: #333C48;
    line-height: 19px;
    list-style: none;
    vertical-align: middle;
}

.mem-chartjs__tooltip .tooltip__content ul.total {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #eff2f6;
    color: #3E3F42;
    font-weight: 600;
}

.mem-chartjs__tooltip .tooltip__content ul.total li {
    padding-left: 0;
}

.mem-chartjs__tooltip .tooltip__content ul.total b {
    color: #3E3F42 !important;
}

.mem-chartjs__tooltip .tooltip__content ul li {
    position: relative;
    padding-left: 16px;
    padding-right: 60px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 19px;
    overflow: hidden;
    white-space: nowrap;
}

.mem-chartjs__tooltip .tooltip__content ul li + li {
    margin-top: 10px;
}

.mem-chartjs__tooltip .tooltip__content ul li .title {
    font-weight: 600;
    font-size: 14px;
    color: #7F8FA4;
    margin-bottom: 14px;
    display: block;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
}

.mem-chartjs__tooltip .tooltip__content ul .box {
    position: absolute;
    top: 6px;
    left: 0;
    background: #00AAFF;
    border-radius: 3px;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 2px;
}

.mem-chartjs__tooltip .tooltip__content ul b,
.mem-chartjs__tooltip .tooltip__content ul .tooltip_values {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 600;
    font-size: 14px;
    color: #3E3F42;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mem-chartjs__tooltip .tooltip__content ul b > *,
.mem-chartjs__tooltip .tooltip__content ul .tooltip_values > * {
    display: inline-block;
}

.mem-chartjs__tooltip .tooltip__content ul b .tooltip_values_value_percentage,
.mem-chartjs__tooltip .tooltip__content ul .tooltip_values .tooltip_values_value_percentage {
    width: 70px;
}

.mem-chartjs__tooltip .tooltip__content ul b .tooltip_values_value_bignumber,
.mem-chartjs__tooltip .tooltip__content ul .tooltip_values .tooltip_values_value_bignumber {
    min-width: 100px;
}

.mem-chartjs__tooltip .tooltip__content ul b.empty,
.mem-chartjs__tooltip .tooltip__content ul .tooltip_values.empty {
    opacity: .3;
}

.mem-chartjs__tooltip .tooltip__content ul .tooltip_values_first {
    width: 220px;
    display: inline-block;
}

.mem-chartjs__tooltip .tooltip__content:after,
.mem-chartjs__tooltip .tooltip__content:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.mem-chartjs__tooltipWrapper {
    position: relative;
}

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

.mem-analytics__mobileNavigation .mem-analytics__mobileItem {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mem-widget-chart-summary__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-widget-chart-summary__wrapper > *:not(:first-child) {
    margin-top: 8px;
}

.mem-widget-chart-summary__wrapper .mem-widget-chart-summary__label {
    color: #777;
    text-transform: uppercase;
    font-size: .75rem;
    line-height: 1.125rem;
    margin-bottom: 5px;
    font-weight: 500;
}

.mem-widget-chart-summary__wrapper .mem-widget-chart-summary__value {
    font-size: 2.25rem;
    color: #3E3F42;
    line-height: 3.125rem;
}

.mem-widget-chart-summary__wrapper .mem-widget-chart-summary__diff .mem-widget-chart-summary__icon {
    font-size: 20px;
    margin-left: 12px;
}

.mem-widget-chart-summary__wrapper .mem-widget-chart-summary__chart {
    margin-top: 24px;
}

.mem-Navigator__wrapper {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 100000;
}

.mem-Navigator__expandButton {
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #252529;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    cursor: pointer;
}

.mem-Navigator__expandButton:hover {
    background: #313136;
    color: rgba(255, 255, 255, 0.9);
}

.mem-Navigator__expandButton.mem-Navigator__isExpanded {
    color: white;
    border-radius: 4px 50% 50% 50%;
}

.mem-Navigator__list {
    border-radius: 4px;
    position: absolute;
    bottom: 52px;
    right: 52px;
    background: #252529;
    padding: 15px 0;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    width: 200px;
    -webkit-transform: translate(7px, 7px);
    -ms-transform: translate(7px, 7px);
    transform: translate(7px, 7px);
    opacity: 0;
    visibility: hidden;
    -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);
}

.mem-Navigator__list.mem-Navigator__isExpanded {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
}

.mem-app-directory__previewWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 4rem 0;
}

.mem-app-directory__previewWrapper > * {
    -ms-flex-preferred-size: calc(50% - 30px);
    flex-basis: calc(50% - 30px);
}

@media screen and (max-width: 500px) {
    .mem-app-directory__previewWrapper > * {
        -ms-flex-preferred-size: calc(100% - 30px);
        flex-basis: calc(100% - 30px);
    }
}

.mem-app-directory__itemWrapper {
    position: relative;
    overflow: hidden;
}

.mem-app-directory__itemWrapper .mem-app-directory__previewText {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 2.5rem;
    font-weight: 700;
    color: #3E3F42;
    color: white;
    opacity: 0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.mem-app-directory__itemWrapper:before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.mem-app-directory__itemWrapper:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0 0 33px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 33px 0 rgba(0, 0, 0, 0.05);
}

.mem-app-directory__itemWrapper:hover:before {
    opacity: 1;
}

.mem-app-directory__itemWrapper:hover .mem-app-directory__previewText {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1.4);
    -ms-transform: translate(-50%, -50%) scale(1.4);
    transform: translate(-50%, -50%) scale(1.4);
}

.mem-app-directory__imagePreview {
    width: 100%;
}

.mem-app-directory__wrapper {
    padding-top: 7rem;
    padding-bottom: 5rem;
    text-align: center;
}

.mem-app-directory__wrapper h1,
.mem-app-directory__wrapper h2,
.mem-app-directory__wrapper h3,
.mem-app-directory__wrapper h4,
.mem-app-directory__wrapper p {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
}

.mem-app-directory__wrapper h1 {
    font-size: 4rem;
    font-weight: 500;
}

.mem-app-directory__wrapper h1 + p {
    font-size: 1.4rem;
}

.mem-app-directory__wrapper h1 + p + * {
    margin-top: 9rem;
}

.mem-app-directory__wrapper h2 {
    font-size: 2.5rem;
    font-weight: 300;
    margin-top: 7rem;
}

.mem-app-directory__commingSoon {
    -webkit-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem);
    opacity: .7;
}

.mem-app-directory__new {
    position: absolute;
    top: 22px;
    right: -1px;
    width: 80px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #1665D8;
    color: white;
    font-weight: 500;
    font-size: .75rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    letter-spacing: 1px;
}

.mem-app-directory__new:before,
.mem-app-directory__new:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 30px;
    border-color: transparent transparent #1665D8 transparent;
    top: 0;
    right: 100%;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
}

.mem-app-directory__new:after {
    right: auto;
    left: 100%;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
}

.mem-knowledge-top-bar__btnMenu {
    display: none;
    background: white !important;
    width: 70px;
    -ms-flex-preferred-size: 70px;
    flex-basis: 70px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border-right: 1px solid #EAEDF3 !important;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1200px) {
    .mem-knowledge-top-bar__btnMenu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media screen and (max-width: 768px) {
    .mem-knowledge-top-bar__btnMenu {
        height: 56px;
        width: 56px;
        -ms-flex-preferred-size: 56px;
        flex-basis: 56px;
    }
}

@media screen and (max-width: 1200px) {
    .mem-knowledge-top-bar__header {
        padding-left: 70px;
        position: relative;
    }
}

@media screen and (max-width: 768px) {
    .mem-knowledge-top-bar__header {
        padding-left: 56px;
    }
}

.mem-knowledge-home__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.mem-knowledge-home__content > *:first-child {
    -ms-flex-preferred-size: 600px;
    flex-basis: 600px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mem-knowledge-home__content > *:last-child {
    -ms-flex-preferred-size: 380px;
    flex-basis: 380px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media screen and (max-width: 1024px) {
    .mem-knowledge-home__menuWrapper {
        position: fixed;
        top: 70px;
        height: calc(100% - 70px);
        width: 100%;
        left: 0;
        background: white;
        padding: 15px;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
    }

    .mem-knowledge-home__menuWrapper > * {
        max-width: 512px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
    .mem-knowledge-home__menuWrapper {
        top: 57px;
        height: calc(100% - 57px);
    }
}

@media screen and (max-width: 1024px) {
    .mem-knowledge-home__menuWrapper.mem-knowledge-home__open {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible;
    }
}

.mem-page-documentation__container .mem-page-documentation__mainContent {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
}

.mem-page-documentation__container .mem-page-documentation__codeContent {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}

.mem-page-documentation__container .mem-page-documentation__mainContent,
.mem-page-documentation__container .mem-page-documentation__codeContent {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

@media screen and (max-width: 1200px) {
    .mem-page-documentation__container {
        overflow: hidden;
    }

    .mem-page-documentation__container .mem-page-documentation__mainContent,
    .mem-page-documentation__container .mem-page-documentation__codeContent {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .mem-page-documentation__container .mem-page-documentation__mainContent {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .mem-page-documentation__container .mem-page-documentation__codeContent {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .mem-page-documentation__container .mem-page-documentation__mainContent.mem-page-documentation__active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .mem-page-documentation__container .mem-page-documentation__codeContent.mem-page-documentation__active {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.mem-analytics-home__headerActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mem-analytics-home__headerActions > *:not(:last-child) {
    margin-right: 10px;
}

@media screen and (max-width: 512px) {
    .mem-analytics-home__headerActions {
        display: none;
    }
}

.mem-analytics-home__miniChartContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mem-analytics-home__miniChartContainer .mem-analytics-home__miniChart {
    -ms-flex-preferred-size: calc(25% - 30px);
    flex-basis: calc(25% - 30px);
    min-width: 1px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

@media screen and (max-width: 1200px) {
    .mem-analytics-home__miniChartContainer .mem-analytics-home__miniChart {
        -ms-flex-preferred-size: calc(50% - 30px);
        flex-basis: calc(50% - 30px);
    }
}

@media screen and (max-width: 512px) {
    .mem-analytics-home__miniChartContainer .mem-analytics-home__miniChart {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.mem-analytics-home__tables {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mem-analytics-home__tables > * {
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mem-analytics-home__tables .mem-analytics-home__widgetMostVisited {
    -ms-flex-preferred-size: 730px;
    flex-basis: 730px;
}

.mem-analytics-header__selectFlag {
    margin-right: 10px;
    -webkit-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    transform: translateX(-3px);
}

@media screen and (max-width: 512px) {
    .mem-app-dir-header__btnBuy {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .mem-books__booksMenuOpen {
        -webkit-transform: translateX(270px);
        -ms-transform: translateX(270px);
        transform: translateX(270px);
    }
}

.mem-books__booksMenuAnimate {
    -webkit-transition: .4s transform;
    -o-transition: .4s transform;
    transition: .4s transform;
}

.mem-social-header__topBarIcon {
    margin-left: 16px;
    color: #777;
}

.mem-books-signup__pageWrapper {
    min-height: 100vh;
    padding: 50px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-height: 700px) {
    .mem-books-signup__pageWrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.mem-books-signup__widgetWrapper {
    max-width: 730px;
    margin: 0 auto 35px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
    border: none;
}

.mem-books-signup__widgetWrapper .mem-books-signup__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mem-books-signup__widgetWrapper .mem-books-signup__content > * {
    -ms-flex-preferred-size: 365px;
    flex-basis: 365px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 365px;
}

.mem-books-signup__widgetWrapper .mem-books-signup__content .mem-books-signup__left .mem-books-signup__headline {
    font-size: 1rem;
}

.mem-books-signup__widgetWrapper .mem-books-signup__content .mem-books-signup__left .mem-books-signup__btnAction {
    width: 100%;
    text-align: center;
}

.mem-books-signup__widgetWrapper .mem-books-signup__content .mem-books-signup__left .mem-books-signup__inputNameSurnameGroup {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.mem-books-signup__widgetWrapper .mem-books-signup__content .mem-books-signup__right {
    background: no-repeat center center;
    background-size: cover;
    background-image: url(../media/signin-cover.7833da69.jpg);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.25))), url(../media/signin-cover.7833da69.jpg);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%), url(../media/signin-cover.7833da69.jpg);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%), url(../media/signin-cover.7833da69.jpg);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%), url(../media/signin-cover.7833da69.jpg);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 30px;
}

.mem-books-signup__widgetWrapper .mem-books-signup__content .mem-books-signup__right * {
    color: white !important;
}

.mem-books-signup__widgetWrapper .mem-books-signup__content .mem-books-signup__right .mem-books-signup__headline {
    font-weight: 500;
    font-size: 1rem;
}

.mem-books-signup__widgetWrapper .mem-books-signup__content .mem-books-signup__right .mem-books-signup__headline i {
    margin-right: 12px;
}

.mem-books-signup__widgetWrapper .mem-books-signup__content .mem-books-signup__right .mem-books-signup__desc {
    font-size: 1rem;
    margin-top: .875rem;
}

@media screen and (max-width: 768px) {
    .mem-books-signup__widgetWrapper .mem-books-signup__content .mem-books-signup__right {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .mem-tutorials-filters__wrapper {
        position: fixed;
        top: 0;
        left: 100%;
        height: 100vh;
        border-right: none;
        -webkit-box-shadow: 0 1px 10px 0 rgba(201, 53, 53, 0.07);
        box-shadow: 0 1px 10px 0 rgba(201, 53, 53, 0.07);
        height: calc(100vh - 70px);
        top: 70px;
        -webkit-transition: .3s all;
        -o-transition: .3s all;
        transition: .3s all;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .mem-tutorials-filters__wrapper.mem-tutorials-filters__isFilterOpen {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@media screen and (max-width: 768px) {
    .mem-tutorials-filters__wrapper {
        height: calc(100vh - 56px);
        top: 56px;
    }
}

.mem-tutorials-navigation__wrapper {
    display: none;
}

@media screen and (max-width: 1200px) {
    .mem-tutorials-navigation__wrapper {
        display: block;
        position: fixed;
        top: 0;
        right: 100%;
        border-right: none;
        -webkit-box-shadow: 0 1px 10px 0 rgba(201, 53, 53, 0.07);
        box-shadow: 0 1px 10px 0 rgba(201, 53, 53, 0.07);
        height: calc(100vh - 70px);
        top: 70px;
        -webkit-transition: .3s all;
        -o-transition: .3s all;
        transition: .3s all;
        -webkit-transform: translateX(o);
        -ms-transform: translateX(o);
        transform: translateX(o);
    }

    .mem-tutorials-navigation__wrapper.mem-tutorials-navigation__isMenuOpen {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@media screen and (max-width: 768px) {
    .mem-tutorials-navigation__wrapper {
        height: calc(100vh - 56px);
        top: 56px;
    }
}

@media screen and (max-width: 1200px) {
    .mem-tutorials-top-bar__divider,
    .mem-tutorials-top-bar__links {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .mem-tutorials-top-bar__divider2,
    .mem-tutorials-top-bar__actions,
    .mem-tutorials-top-bar__goPremiumBtn {
        display: none;
    }
}

.mem-tutorials-top-bar__btnFilter,
.mem-tutorials-top-bar__btnMenu {
    display: none;
    background: white !important;
    width: 70px;
    -ms-flex-preferred-size: 70px;
    flex-basis: 70px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

@media screen and (max-width: 1200px) {
    .mem-tutorials-top-bar__btnFilter,
    .mem-tutorials-top-bar__btnMenu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media screen and (max-width: 768px) {
    .mem-tutorials-top-bar__btnFilter,
    .mem-tutorials-top-bar__btnMenu {
        height: 56px;
        -ms-flex-preferred-size: 56px;
        flex-basis: 56px;
    }
}

.mem-tutorials-top-bar__btnFilter {
    border-left: 1px solid #EAEDF3 !important;
}

.mem-tutorials-top-bar__btnMenu {
    border-right: 1px solid #EAEDF3 !important;
}

.mem-header-user-dropdown__wrapper {
    border-left: 1px solid #EAEDF3;
    padding: 0 30px;
    margin-right: -30px;
    margin-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    min-width: 205px;
    cursor: pointer;
}

.mem-header-user-dropdown__wrapper .mem-header-user-dropdown__dropdownArrow {
    color: #777;
    margin-left: 14px;
    font-size: .75rem;
}

.mem-social-header-user__wrapper {
    padding: 0 30px 0 20px;
    margin-right: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    cursor: pointer;
}

.mem-social-header-user__wrapper .mem-social-header-user__dropdownArrow {
    color: #777;
    margin-left: 14px;
    font-size: .75rem;
}

.mem-docs-page-blank__wrapperOuter {
    background: white;
}

.mem-docs-page-blank__wrapperInner {
    padding: 50px 50px;
    max-width: 900px;
}

.mem-docs-page-blank__wrapperInner h1:not(:first-child),
.mem-docs-page-blank__wrapperInner h2:not(:first-child),
.mem-docs-page-blank__wrapperInner h3:not(:first-child),
.mem-docs-page-blank__wrapperInner h4:not(:first-child) {
    margin-top: 2rem;
}

@media screen and (max-width: 1200px) {
    .mem-docs-nav-wrapper__wrapper {
        z-index: 50;
        position: fixed;
        right: 100%;
        top: 71px;
        bottom: 0;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
    }

    .mem-docs-nav-wrapper__wrapper.mem-docs-nav-wrapper__isMenuOpen {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@media screen and (max-width: 768px) {
    .mem-docs-nav-wrapper__wrapper {
        top: 57px;
    }
}

.mem-analytics-tablet-nav__wrapper {
    display: none;
}

@media screen and (min-width: 769px) {
    .mem-analytics-tablet-nav__wrapper {
        display: block;
    }
}

button.mem-docs-headerLinks__select {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

button.mem-docs-headerLinks__select * {
    font-weight: 600;
}

.mem-docs-headerLinks__selectWrapper {
    margin-left: 2rem;
}

@media screen and (min-width: 1201px) {
    .mem-docs-headerLinks__selectWrapper {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .mem-docs-headerLinks__links,
    .mem-docs-headerLinks__btnPreviews,
    .mem-docs-headerLinks__divider {
        display: none;
    }
}

.mem-docs-headerLinks__btnMenu {
    display: none;
}

.mem-docs-headerLinks__btnMenu.mem-docs-headerLinks__hasMenu {
    display: none;
    background: white !important;
    width: 70px;
    -ms-flex-preferred-size: 70px;
    flex-basis: 70px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border-right: 1px solid #EAEDF3 !important;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1200px) {
    .mem-docs-headerLinks__btnMenu.mem-docs-headerLinks__hasMenu {
        height: 70px;
        width: 70px;
        -ms-flex-preferred-size: 70px;
        flex-basis: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media screen and (max-width: 1200px) and (max-width: 1200px) {
    .mem-docs-headerLinks__btnMenu.mem-docs-headerLinks__hasMenu + * {
        margin-left: 60px;
    }
}

@media screen and (max-width: 1200px) and (max-width: 768px) {
    .mem-docs-headerLinks__btnMenu.mem-docs-headerLinks__hasMenu + * {
        margin-left: 46px;
    }
}

@media screen and (max-width: 768px) {
    .mem-docs-headerLinks__btnMenu.mem-docs-headerLinks__hasMenu {
        height: 56px;
        width: 56px;
        -ms-flex-preferred-size: 56px;
        flex-basis: 56px;
    }
}

.mem-docs-headerLinks__selectSection {
    padding-left: 0;
    padding-right: 1rem;
}

.mem-docs-navigation__wrapper {
    z-index: 100;
}

@media screen and (max-width: 1400px) {
    .mem-docs-navigation__wrapper {
        position: fixed;
        top: 71px;
        height: calc(100% - 70px);
        right: 100%;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
    }
}

@media screen and (max-width: 1400px) and (max-width: 768px) {
    .mem-docs-navigation__wrapper {
        top: 57px;
        height: calc(100% - 56px);
    }
}

@media screen and (max-width: 1400px) {
    .mem-docs-navigation__wrapper.mem-docs-navigation__open {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.mem-analytics-top-bar-mobile__wrapper {
    background: #1665D8;
}

.mem-analytics-top-bar-mobile__wrapper * {
    color: white;
}

.mem-analytics-top-bar-mobile__wrapper .mem-analytics-top-bar-mobile__logo {
    color: white;
}

.mem-analytics-top-bar-mobile__wrapper input {
    color: white;
}

.mem-analytics-top-bar-mobile__wrapper input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.mem-analytics-top-bar-mobile__wrapper input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.mem-analytics-top-bar-mobile__wrapper input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.mem-analytics-top-bar-mobile__wrapper input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.mem-analytics-top-bar-mobile__wrapper .mem-analytics-top-bar-mobile__inputWrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media screen and (min-width: 769px) {
    .mem-analytics-top-bar-mobile__wrapper {
        display: none;
    }
}

.mem-docs-page-blank__wrapperOuter {
    background: white;
}

.mem-docs-page-blank__wrapperInner {
    padding: 50px 50px;
    max-width: 800px;
}

.mem-docs-page-blank__wrapperInner h1:not(:first-child),
.mem-docs-page-blank__wrapperInner h2:not(:first-child),
.mem-docs-page-blank__wrapperInner h3:not(:first-child),
.mem-docs-page-blank__wrapperInner h4:not(:first-child) {
    margin-top: 2rem;
}

.mem-styleguide__page {
    width: 100%;
    padding: 70px 0;
}

.mem-styleguide__colorSchemeGrid,
.mem-styleguide__colorSchemeGridSmall {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.mem-styleguide__colorSchemeGrid > *,
.mem-styleguide__colorSchemeGridSmall > * {
    -ms-flex-preferred-size: calc(33% - 30px);
    flex-basis: calc(33% - 30px);
    margin: 10px 15px;
}

.mem-styleguide__colorSchemeGridSmall > * {
    -ms-flex-preferred-size: calc(20% - 30px);
    flex-basis: calc(20% - 30px);
    margin: 10px 15px;
}

.mem-docs-top-bar__asPage {
    margin: 15px;
    border: 1px solid #EAEDF3;
    border-width: 10px;
    border-radius: 2px;
    background: #f5f5f5;
}

.mem-docs-top-bar__content {
    padding: 100px;
    text-align: center;
}

.mem-docs-top-bar__outerTitle {
    padding: 15px;
    font-size: 1.5rem;
}

.mem-docs-top-bar__codeHighlight {
    margin: 15px;
}

.mem-docs-icons__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #EAEDF3;
    padding: 25px 30px;
}

.mem-docs-icons__icons > * {
    -ms-flex-preferred-size: 250px;
    flex-basis: 250px;
}

.mem-docs-icons__iconWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 90px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-docs-icons__icon {
    -ms-flex-preferred-size: 90px;
    flex-basis: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.mem-docs-icons__ligature {
    font-size: .875rem;
    color: #777;
}

.mem-analytics-most-visited__iconTrend {
    float: right;
    font-size: 20px;
    color: #777;
}

.mem-analytics-most-visited__contentBounceRate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-analytics-most-visited__contentBounceRate .mem-analytics-most-visited__minichart {
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-left: 10px;
}

.mem-analytics-most-visited__contentPageName {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-analytics-social-media__table th:nth-child(2),
.mem-analytics-social-media__table td:nth-child(2) {
    min-width: 220px;
}

.mem-analytics-social-media__contentVisitors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 300px;
}

.mem-analytics-social-media__contentVisitors .mem-analytics-social-media__progressBar {
    -ms-flex-preferred-size: 140px;
    flex-basis: 140px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 20px;
}

.mem-books-top-bar__selectFlag {
    margin-right: 10px;
    -webkit-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    transform: translateX(-3px);
    height: 14px;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.05);
}

.mem-books-top-bar__actions {
    height: 38px;
}

@media screen and (max-width: 768px) {
    .mem-books-top-bar__actions .mem-books-top-bar__actionMobileHidden {
        display: none;
    }
}

@media screen and (max-width: 400px) {
    .mem-books-top-bar__actions {
        display: none;
    }
}

.mem-books-top-bar__wrapper {
    position: relative;
}

@media screen and (max-width: 400px) {
    .mem-books-top-bar__wrapper {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.mem-books-top-bar__wrapper .mem-books-top-bar__menuButton {
    display: none;
}

@media screen and (max-width: 768px) {
    .mem-books-top-bar__wrapper {
        padding-left: 56px;
    }

    .mem-books-top-bar__wrapper .mem-books-top-bar__menuButton {
        display: block;
        position: absolute;
        border-radius: 0;
        border: none !important;
        border-right: 1px solid #EAEDF3 !important;
        width: 56px;
        height: 56px;
        left: 0;
        top: 0;
        font-weight: 600;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.mem-books-navigation__wrapper,
.mem-books-navigation__topBar {
    background: #252529;
    border: none;
}

.mem-books-navigation__wrapper .mem-books-navigation__title,
.mem-books-navigation__topBar .mem-books-navigation__title {
    color: white;
}

.mem-books-navigation__wrapper .mem-books-navigation__title i,
.mem-books-navigation__topBar .mem-books-navigation__title i {
    color: white;
}

.mem-books-navigation__wrapper .mem-books-navigation__title .mem-books-navigation__titleText,
.mem-books-navigation__topBar .mem-books-navigation__title .mem-books-navigation__titleText {
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}

.mem-books-navigation__topBar {
    border: 1px solid #2E2E33;
}

.mem-books-navigation__content {
    height: auto;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mem-books-navigation__navCount {
    border-radius: 50%;
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20px;
    height: 20px;
    color: #3E3F42;
}

.mem-books-navigation__userContainer {
    padding: 15px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #2E2E33;
}

.mem-books-navigation__userContainer span:first-child {
    color: white;
}

.mem-books-navigation__userContainer .mem-books-navigation__dropdownIcon {
    font-size: 1.5rem;
    color: rgba(255, 255, 255, 0.5);
}

.mem-books-navigation__userContainer:hover span {
    color: white;
}

.mem-books-navigation__aboutAppContainer {
    -ms-flex-preferred-size: 130px;
    flex-basis: 130px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 25px;
    border-top: 1px solid #2E2E33;
}

.mem-books-navigation__aboutAppContainer .mem-books-navigation__copyright {
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-bottom: 8px;
    color: white;
}

.mem-books-navigation__aboutAppContainer .mem-books-navigation__copyAbout {
    font-size: 0.75rem;
    color: #6B6C6F;
    line-height: 1.125rem;
}

.mem-books-navigation__aboutAppContainer .mem-books-navigation__avatarName {
    color: white;
}

@media screen and (max-width: 768px) {
    .mem-books-navigation__wrapper {
        z-index: 1000;
        position: fixed;
        right: 100%;
    }
}

.mem-books-grid-view__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mem-books-grid-view__wrapper > * {
    -ms-flex-preferred-size: calc(50% - 30px);
    flex-basis: calc(50% - 30px);
    margin: 15px;
}

@media screen and (max-width: 400px) {
    .mem-books-grid-view__wrapper > * {
        -ms-flex-preferred-size: calc(100% - 30px);
        flex-basis: calc(100% - 30px);
    }
}

.mem-books-grid-view__wrapper .mem-books-grid-view__extra {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
}

@media screen and (max-width: 512px) {
    .mem-books-grid-view__wrapper .mem-books-grid-view__extra {
        display: none;
    }
}

.mem-books-grid-view__wrapper .mem-books-grid-view__extra .mem-books-grid-view__extraItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-books-grid-view__wrapper .mem-books-grid-view__extra .mem-books-grid-view__extraIcon {
    font-size: 1.25rem;
    margin-right: 12px;
}

.mem-books-list-view__wrapper {
    margin: 15px -15px -15px;
}

.mem-books-grid-item__wrapper .mem-books-grid-item__imageWrapper {
    height: 200px;
    border-radius: 4px;
    margin-bottom: 20px;
    overflow: hidden;
}

.mem-books-grid-item__wrapper .mem-books-grid-item__imageWrapper .mem-books-grid-item__imageWrapperInner {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100%;
    width: 100%;
    -webkit-transition: .4s all;
    -o-transition: .4s all;
    transition: .4s all;
}

.mem-books-grid-item__wrapper .mem-books-grid-item__title {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
}

.mem-books-grid-item__wrapper .mem-books-grid-item__text {
    color: #777;
    font-size: .875rem;
    line-height: 1.375rem;
    margin-top: 5px;
}

.mem-books-grid-item__wrapper .mem-books-grid-item__footer {
    border-top: 1px solid #EAEDF3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 15px;
    margin-top: 15px;
}

.mem-books-grid-item__wrapper .mem-books-grid-item__footer .mem-books-grid-item__price {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    color: #3E3F42;
}

.mem-books-grid-item__wrapper .mem-books-grid-item__footer .mem-books-grid-item__status {
    font-size: .875rem;
    color: #1665D8;
}

.mem-books-grid-item__wrapper:hover .mem-books-grid-item__title {
    color: #1665D8;
}

.mem-books-grid-item__wrapper:hover .mem-books-grid-item__imageWrapperInner {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.mem-books-list-item__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 22px 30px;
    border-top: 1px solid #EAEDF3;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-books-list-item__wrapper .mem-books-list-item__imageWrapper {
    background: no-repeat center center;
    background-size: cover;
    width: 100px;
    height: 94px;
    border-radius: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 24px;
}

.mem-books-list-item__wrapper .mem-books-list-item__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mem-books-list-item__wrapper .mem-books-list-item__title {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
}

.mem-books-list-item__wrapper .mem-books-list-item__text {
    color: #777;
    font-size: .875rem;
    line-height: 1.375rem;
    margin-top: 5px;
}

.mem-books-list-item__wrapper .mem-books-list-item__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    height: 20px;
}

.mem-books-list-item__wrapper .mem-books-list-item__footer .mem-books-list-item__price {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    color: #3E3F42;
}

.mem-books-list-item__wrapper .mem-books-list-item__footer .mem-books-list-item__status {
    font-size: .875rem;
    color: #1665D8;
}

.mem-books-list-item__wrapper:hover,
.mem-books-list-item__wrapper.active {
    /* Active Highlight: */
    background: #F6F9FD;
    -webkit-box-shadow: inset 3px 0 0 0 #4388ED;
    box-shadow: inset 3px 0 0 0 #4388ED;
}

.mem-books__mobileTabSwitch {
    background: white;
    border-top: 1px solid #EAEDF3;
}

.mem-books__mobileTabSwitch > * {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (min-width: 1161px) {
    .mem-books__mobileTabSwitch {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .mem-books__contentContainer {
        overflow: hidden;
    }

    .mem-books__contentContainer > * {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
        -webkit-transition: .3s all;
        -o-transition: .3s all;
        transition: .3s all;
    }

    .mem-books__contentContainer > *.mem-books__mapView {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.mem-books-dashboard__page {
    background: white;
}

.mem-books-dashboard__wrapper h2 {
    font-size: 1.125rem;
    line-height: 1.875rem;
    font-weight: 500;
}

.mem-books-dashboard__wrapper .mem-books-dashboard__gridView > * {
    -ms-flex-preferred-size: calc(25% - 30px);
    flex-basis: calc(25% - 30px);
    margin: 15px;
}

@media screen and (max-width: 1350px) {
    .mem-books-dashboard__wrapper .mem-books-dashboard__gridView > * {
        -ms-flex-preferred-size: calc(33.3% - 30px);
        flex-basis: calc(33.3% - 30px);
    }
}

@media screen and (max-width: 1000px) {
    .mem-books-dashboard__wrapper .mem-books-dashboard__gridView > * {
        -ms-flex-preferred-size: calc(50% - 30px);
        flex-basis: calc(50% - 30px);
    }
}

@media screen and (max-width: 400px) {
    .mem-books-dashboard__wrapper .mem-books-dashboard__gridView > * {
        -ms-flex-preferred-size: calc(100% - 30px);
        flex-basis: calc(100% - 30px);
    }
}

.mem-books-dashboard__categoriesWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px -15px;
    margin-top: 1.275rem;
}

.mem-books-dashboard__categoriesWrapper > * {
    margin: 10px 15px;
    -ms-flex-preferred-size: calc(100% - 30px);
    flex-basis: calc(100% - 30px);
}

@media screen and (min-width: 520px) {
    .mem-books-dashboard__categoriesWrapper > * {
        -ms-flex-preferred-size: calc(50% - 30px);
        flex-basis: calc(50% - 30px);
    }
}

@media screen and (min-width: 1200px) {
    .mem-books-dashboard__categoriesWrapper > * {
        -ms-flex-preferred-size: calc(25% - 30px);
        flex-basis: calc(25% - 30px);
    }
}

.mem-books-dashboard__category {
    border-radius: 4px;
    border: 1px solid #EAEDF3;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-books-dashboard__catImage {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 60px;
    width: 80px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.mem-books-dashboard__catName {
    font-weight: 500;
    font-size: 1rem;
    color: #3E3F42;
    line-height: 1.5rem;
    margin-left: 1rem;
}

.mem-books-dashboard__upgradeBanner {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 300px;
    border-radius: 4px;
    padding: 30px 40px;
    color: white;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (min-width: 520px) {
    .mem-books-dashboard__upgradeBanner {
        padding: 40px 50px;
    }
}

.mem-books-dashboard__upgradeBanner > * {
    width: auto;
}

.mem-books-dashboard__upgradeBanner .mem-books-dashboard__upgradeName {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-books-dashboard__upgradeBanner .mem-books-dashboard__upgradeName .mem-books-dashboard__pro {
    display: inline-block;
    padding: .2rem .45rem;
    background: white;
    color: #3E3F42;
    border-radius: 4px;
    font-size: .75rem;
}

.mem-books-dashboard__upgradeBanner .mem-books-dashboard__upgradeName > *:not(:last-child) {
    margin-right: .5rem;
}

.mem-books-dashboard__upgradeBanner h2.mem-books-dashboard__bannerTitle {
    font-size: 1.625rem;
    color: #FFFFFF;
    line-height: 2.375rem;
    font-weight: 500;
    max-width: 280px;
}

@media screen and (max-width: 450px) {
    .mem-books-performance__selectRange {
        display: none;
    }
}

.mem-books-performance__widgetOverflow {
    max-width: calc(100% - 30px);
}

.mem-books-performance__boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mem-books-performance__boxes > * {
    min-width: 1px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    border-bottom: 1px solid #EAEDF3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 600px) {
    .mem-books-performance__boxes > * {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .mem-books-performance__boxes > *:nth-child(2n+1) {
        border-right: 1px solid #EAEDF3;
    }
}

@media screen and (min-width: 1300px) {
    .mem-books-performance__boxes > * {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }

    .mem-books-performance__boxes > *:not(:last-child) {
        border-right: 1px solid #EAEDF3;
    }
}

.mem-books-performance__box {
    padding: 25px 30px;
}

.mem-books-performance__boxContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-books-performance__boxContent > *:not(:last-child) {
    margin-right: 15px;
}

.mem-books-performance__boxValue {
    font-size: 1.875rem;
    line-height: 2.75rem;
    color: #3E3F42;
}

.mem-books-performance__boxValue.mem-books-performance__boxValuePending {
    color: #777;
}

.mem-books-performance__tables {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mem-books-performance__tables > * {
    -ms-flex-preferred-size: calc(100%);
    flex-basis: calc(100%);
}

@media screen and (min-width: 1300px) {
    .mem-books-performance__tables > * {
        -ms-flex-preferred-size: calc(50% - 30px);
        flex-basis: calc(50% - 30px);
    }
}

.mem-books-performance__tableWrapper {
    overflow-x: auto;
    width: 100%;
}

table.mem-books-performance__tableProfit,
table.mem-books-performance__tableInvoices {
    width: 100%;
    border: none;
}

table.mem-books-performance__tableProfit td,
table.mem-books-performance__tableInvoices td {
    padding: 1rem 15px 1rem 15px;
    font-size: .875rem;
}

table.mem-books-performance__tableProfit td:last-child,
table.mem-books-performance__tableInvoices td:last-child {
    padding: 1rem 30px 1rem 15px;
    text-align: right;
}

table.mem-books-performance__tableProfit td:first-child,
table.mem-books-performance__tableInvoices td:first-child {
    padding: 1rem 15px 1rem 30px;
}

table.mem-books-performance__tableProfit tr:not(:last-child) td,
table.mem-books-performance__tableInvoices tr:not(:last-child) td {
    border-bottom: 1px solid #EAEDF3;
}

table.mem-books-performance__tableInvoices {
    width: 100%;
    border: none;
}

table.mem-books-performance__tableInvoices td,
table.mem-books-performance__tableInvoices td:last-child,
table.mem-books-performance__tableInvoices td:first-child {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: .875rem;
    line-height: 1.375rem;
}

table.mem-books-performance__tableInvoices .mem-books-performance__name,
table.mem-books-performance__tableInvoices .mem-books-performance__value {
    color: #3E3F42;
}

table.mem-books-performance__tableInvoices .mem-books-performance__invoiceId {
    color: #777;
}

table.mem-books-performance__tableInvoices .mem-books-performance__value {
    text-align: right;
    position: relative;
}

table.mem-books-performance__tableInvoices .mem-books-performance__value.mem-books-performance__payed,
table.mem-books-performance__tableInvoices .mem-books-performance__value.mem-books-performance__unpayed {
    padding-right: 44px;
}

table.mem-books-performance__tableInvoices .mem-books-performance__value.mem-books-performance__payed:after,
table.mem-books-performance__tableInvoices .mem-books-performance__value.mem-books-performance__unpayed:after {
    content: '';
    display: block;
    position: absolute;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #E6492D;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 30px;
}

table.mem-books-performance__tableInvoices .mem-books-performance__value.mem-books-performance__payed:after {
    background: #94bbb5;
}

.mem-books-user__subNav {
    -ms-flex-preferred-size: 380px;
    flex-basis: 380px;
    min-width: 350px;
}

.mem-books-user__profilePic {
    padding-top: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.mem-books-user__userMeta h2 {
    font-size: 1.375rem;
    font-weight: 500;
}

.mem-books-user__userMenu a span {
    color: #6B6C6F;
}

.mem-books-user__userMenu a.active span {
    color: white;
}

.mem-books-user__progress p {
    color: #6B6C6F;
}

.mem-books-user__progress .mem-books-user__progressBar {
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    width: 200px;
    margin-top: .3rem;
}

@media screen and (min-width: 980px) {
    .mem-books-user__progress {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .mem-books-user__progress > * {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0;
    }

    .mem-books-user__progress .mem-books-user__progressBar {
        margin-left: 20px;
        margin-top: 0;
    }
}

.mem-books-user__selectFlag {
    margin-right: 10px;
    -webkit-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    transform: translateX(-3px);
    height: 14px;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.05);
}

.mem-books-user__splitContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 1050px) {
    .mem-books-user__splitContent {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .mem-books-user__splitContent .mem-books-user__subNav {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .mem-books-user__splitContent .mem-books-user__profilePic {
        padding-top: 300px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

.mem-books-conversation__conversations {
    border-right: 1px solid #EAEDF3;
    -ms-flex-preferred-size: 380px;
    flex-basis: 380px;
    max-width: 380px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.mem-books-conversation__conversationList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: white;
}

.mem-books-conversation__conversationList > * {
    border-bottom: 1px solid #EAEDF3;
    margin: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.mem-books-conversation__conversationSectionTitle {
    padding: 20px 30px;
}

.mem-books-conversation__conversationListItem {
    padding: 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mem-books-conversation__conversationListItem:hover {
    background: #F6F9FD;
}

.mem-books-conversation__conversationListItem.active {
    background: #F6F9FD;
    -webkit-box-shadow: inset 3px 0 0 0 #1665D8;
    box-shadow: inset 3px 0 0 0 #1665D8;
}

.mem-books-conversation__conversationListItem .mem-books-conversation__avatars {
    -ms-flex-preferred-size: 38px;
    flex-basis: 38px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    min-width: 1px;
    margin-right: 2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.mem-books-conversation__conversationListItem .mem-books-conversation__avatars > *:nth-child(2) {
    position: relative;
    top: -15px;
    left: 10px;
}

.mem-books-conversation__conversationListItem .mem-books-conversation__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mem-books-conversation__conversationListItem .mem-books-conversation__contentHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mem-books-conversation__conversationListItem .mem-books-conversation__contentHeader > * {
    margin: 0;
}

.mem-books-conversation__conversationListItem .mem-books-conversation__contentHeader > *:not(:last-child) {
    margin-right: 10px;
}

.mem-books-conversation__conversationListItem .mem-books-conversation__title {
    font-weight: 500;
    font-size: 1rem;
    color: #3E3F42;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-books-conversation__conversationListItem .mem-books-conversation__title span {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mem-books-conversation__conversationListItem .mem-books-conversation__title > *:not(:first-child) {
    margin-left: 10px;
}

.mem-books-conversation__conversationListItem .mem-books-conversation__time {
    font-size: .75rem;
    color: #777;
    line-height: 1.125rem;
    text-align: right;
}

.mem-books-conversation__conversationListItem .mem-books-conversation__contentCenter {
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mem-books-conversation__conversationListItem .mem-books-conversation__contentCenter .mem-books-conversation__message {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.mem-books-conversation__conversationListItem .mem-books-conversation__contentCenter .mem-books-conversation__notification {
    border-radius: 50%;
    height: 20px;
    width: 20px;
    -ms-flex-preferred-size: 20px;
    flex-basis: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    background: #E6492D;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    font-size: .75rem;
}

.mem-books-conversation__contentBottom {
    border-top: 1px solid #EAEDF3;
    margin-top: 20px;
    padding-top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.mem-books-conversation__buildingImage {
    height: 26px;
    width: 26px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 14px;
}

.mem-books-conversation__buildingName {
    font-weight: 500;
    font-size: .875rem;
    color: #6B6C6F;
}

.mem-books-conversation__conversationActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 38px;
}

.mem-books-conversation__conversationAvatars > *:not(:first-child) {
    margin-left: 10px;
}

.mem-books-conversation__messages {
    padding: 30px;
}

.mem-books-conversation__messagesWrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.mem-books-conversation__emptyConversation {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px;
}

.mem-books-conversation__textBar {
    height: 66px;
    -ms-flex-preferred-size: 66px;
    flex-basis: 66px;
    border-top: 1px solid #EAEDF3;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 30px;
    background: white;
}

.mem-books-conversation__textBar textarea {
    outline: none;
    border: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    resize: none;
}

.mem-books-conversation__conversationBack {
    display: none;
    margin-left: -15px;
}

@media screen and (max-width: 1150px) {
    .mem-books-conversation__conversationBack {
        display: block;
    }

    .mem-books-conversation__conversationAvatars {
        display: none;
    }

    .mem-books-conversation__container {
        overflow: hidden;
    }

    .mem-books-conversation__container > * {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: none !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        -o-transition: transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .mem-books-conversation__container.mem-books-conversation__containerActiveConversation > * {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.mem-books-users__page {
    background: white;
}

.mem-books-users__listTopBar {
    padding: 30px;
}

.mem-books-users__listTopBar > * {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mem-books-users__letter,
.mem-books-users__userItem {
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #EAEDF3;
}

.mem-books-users__letter {
    height: 44px;
    text-transform: uppercase;
    font-size: .75rem;
    color: #777;
    font-weight: 500;
}

.mem-books-users__userItem {
    height: 70px;
}

.mem-books-users__userItem.active {
    background: #F6F9FD;
    -webkit-box-shadow: inset 3px 0 0 0 #1665D8;
    box-shadow: inset 3px 0 0 0 #1665D8;
}

.mem-books-users__statusDot {
    margin-left: 8px;
}

.mem-books-users__list {
    -ms-flex-preferred-size: 570px;
    flex-basis: 570px;
    min-width: 250px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.mem-books-users__emptyDetail {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px;
}

.mem-books-users__detail {
    -ms-flex-preferred-size: 600px;
    flex-basis: 600px;
    padding: 26px 30px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-left: 1px solid #EAEDF3;
}

.mem-books-users__detailReviews {
    margin-top: 1.125rem;
}

.mem-books-users__reviewsCount {
    height: 34px;
    width: 34px;
    background: #FACF55;
    color: white;
    border-radius: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    margin-right: 10px;
}

.mem-books-users__basicsWrapper {
    margin-top: 26px;
}

.mem-books-users__tagsWrapper,
.mem-books-users__bioWrapper {
    margin-top: 20px;
}

.mem-books-users__tags {
    margin-top: .5rem;
}

.mem-books-users__basics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: -10px;
    margin-top: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mem-books-users__basics > * {
    margin: 10px !important;
}

.mem-books-users__sectionHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mem-books-users__sectionHeader > * {
    margin: 0;
}

.mem-books-users__sectionHeader + * {
    margin-top: 25px;
}

.mem-books-users__sectionHeader .mem-books-users__seeAll {
    font-size: .75rem;
    color: #777;
}

.mem-books-users__assocBooksList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: -15px;
    margin-top: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mem-books-users__assocBooksList > * {
    margin: 15px;
    -ms-flex-preferred-size: 65px;
    flex-basis: 65px;
    min-width: 65px;
}

.mem-books-users__assocBook .mem-books-users__image {
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 4px;
}

.mem-books-users__assocBook .mem-books-users__title {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.125rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.mem-books-users__assocBook .mem-books-users__location {
    word-wrap: wrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: .75rem;
}

.mem-books-users__teams {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: -15px;
    margin-top: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mem-books-users__teams > * {
    margin: 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

@media screen and (max-width: 600px) {
    .mem-books-users__teams > * {
        -ms-flex-preferred-size: calc(50% - 30px);
        flex-basis: calc(50% - 30px);
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }
}

.mem-books-users__team {
    position: relative;
}

.mem-books-users__team .mem-books-users__image {
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 4px;
    position: relative;
}

.mem-books-users__team .mem-books-users__image:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(98%, rgba(0, 0, 0, 0.45)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 98%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 98%);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 98%);
    border-radius: 4px;
}

.mem-books-users__team .mem-books-users__content {
    position: absolute;
    padding: 20px;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.mem-books-users__team .mem-books-users__title,
.mem-books-users__team .mem-books-users__membersCount {
    color: white;
}

.mem-books-users__team .mem-books-users__title {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 6px;
}

.mem-books-users__team .mem-books-users__membersCount {
    font-size: .75rem;
    margin-top: 0;
    line-height: 1.125rem;
}

.mem-books-users__userBack {
    display: none;
    -webkit-transform: translate(-15px, -15px);
    -ms-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
}

@media screen and (max-width: 1150px) {
    .mem-books-users__userBack {
        display: block;
    }

    .mem-books-users__userAvatars {
        display: none;
    }

    .mem-books-users__container {
        overflow: hidden;
    }

    .mem-books-users__container > * {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: none !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        -o-transition: transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .mem-books-users__container.mem-books-users__containerActiveUser > * {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.mem-books-signin-card-container__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}

.mem-books-signin-card-container__wrapper > * {
    -ms-flex-preferred-size: calc(33% - 7.5px);
    flex-basis: calc(33% - 7.5px);
}

.mem-styleguide-buttons__btnGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -8px;
}

.mem-styleguide-buttons__btnGroup > * {
    margin: 8px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mem-styleguide-buttons__groupDivider {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 30px;
}

.mem-styleguide-buttons__avatarGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -15px;
    padding-top: 14px;
}

.mem-styleguide-buttons__avatarGroup > * {
    margin: 0 15px;
}

.mem-styleguide-buttons__avatarWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mem-styleguide-buttons__avatarWrapper p {
    margin-top: 16px;
}

.mem-styleguide-buttons__inputGrid {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-column-gap: 30px;
    grid-row-gap: 16px;
}

.mem-books-signin-card__wrapper {
    border: 1px solid #EAEDF3;
    border-radius: 4px;
    padding: 24px 0 18px;
    text-align: center;
    background: transparent;
    outline: none !important;
    position: relative;
    cursor: pointer;
}

.mem-books-signin-card__wrapper * {
    color: #777;
    font-weight: 500;
}

.mem-books-signin-card__wrapper i {
    font-size: 2rem;
    margin-bottom: 8px;
    display: block;
}

.mem-books-signin-card__wrapper .mem-books-signin-card__selectedCheck {
    font-size: .5rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white !important;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #1665D8;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    opacity: 0;
}

.mem-books-signin-card__wrapper:hover,
.mem-books-signin-card__wrapper.mem-books-signin-card__selected {
    border-color: #1665D8;
}

.mem-books-signin-card__wrapper:hover *,
.mem-books-signin-card__wrapper.mem-books-signin-card__selected * {
    color: #1665D8;
}

.mem-books-signin-card__wrapper.mem-books-signin-card__selected {
    -webkit-box-shadow: 0 0 0 1px #1665D8;
    box-shadow: 0 0 0 1px #1665D8;
}

.mem-books-signin-card__wrapper.mem-books-signin-card__selected .mem-books-signin-card__selectedCheck {
    opacity: 1;
}

.mem-styleguide-checkboxes__grid {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 30px;
    grid-row-gap: 20px;
}

.mem-styleguide__topBar {
    border-bottom: 1px solid #EAEDF3;
}

.mem-styleguide__topBar .mem-styleguide__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2rem;
    font-weight: 200;
    color: #777;
    height: 70px;
}

.mem-styleguide__componentTitle {
    font-weight: 500;
    font-size: 12px;
    color: #777;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.mem-styleguide__content {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 30px;
}

.mem-styleguide__topBar + .mem-styleguide__content {
    padding: 30px 30px;
}

.mem-styleguide__content + .mem-styleguide__topBar {
    margin-top: 60px;
}

.mem-styleguide__colorSchemeWrapper .mem-styleguide__colorScheme {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.02);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.02);
}

.mem-styleguide__colorSchemeWrapper .mem-styleguide__colorScheme > * {
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
    height: 60px;
}

.mem-styleguide__colorSchemeWrapper .mem-styleguide__colorScheme > div:nth-child(1) {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
}

.mem-styleguide__colorSchemeWrapper .mem-styleguide__colorScheme.mem-styleguide__isSpreaded > div:nth-child(2) {
    opacity: .75;
}

.mem-styleguide__colorSchemeWrapper .mem-styleguide__colorScheme.mem-styleguide__isSpreaded > div:nth-child(3) {
    opacity: .50;
}

.mem-styleguide__colorSchemeWrapper .mem-styleguide__colorScheme.mem-styleguide__isSpreaded > div:nth-child(4) {
    opacity: .25;
}

.mem-styleguide__colorSchemeWrapper .mem-styleguide__colorCode,
.mem-styleguide__colorSchemeWrapper .mem-styleguide__colorName {
    display: block;
    font-size: .875rem;
    color: #777;
    line-height: 1.375rem;
}

.mem-styleguide__colorSchemeWrapper .mem-styleguide__colorName {
    font-size: .875rem;
    color: #3E3F42;
    font-weight: 500;
    margin-top: 16px;
}

.mem-styleguide__StyleguideTopBarTitleName {
    opacity: .3;
    display: inline-block;
    margin-left: 1rem;
    font-weight: 500;
    color: #3E3F42;
}

.mem-styleguide__link:hover > h2 {
    color: #1665D8;
}

.mem-styleguide__topBarTitle {
    font-size: 1.25rem;
    line-height: 1.5;
}

.mem-books-listing-top-bar__selectInput {
    border: none !important;
    padding-left: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.mem-books-listing-top-bar__selectInput:hover {
    background: none;
}

@media screen and (max-width: 400px) {
    .mem-books-listing-top-bar__selectInput {
        -webkit-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
}

.mem-books-listing-top-bar__selectValueWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    margin-right: 16px;
    font-size: 1rem;
}

.mem-books-listing-top-bar__selectValueWrapper img {
    margin-right: 16px;
}

.mem-books-listing-top-bar__option {
    height: 66px;
}

.mem-books-map__wrapper {
    height: 100%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    background-position: center center;
}

.mem-books-map__wrapper .mem-books-map__pin1 {
    top: 40%;
    left: 30%;
}

.mem-books-map__wrapper .mem-books-map__pin2 {
    top: 60%;
    left: 67%;
}

.mem-books-map__wrapper .mem-books-map__pin3 {
    top: 70%;
    left: 45%;
}

.mem-books-map__wrapper .mem-books-map__pin4 {
    top: 50%;
    left: 35%;
}

.mem-books-map__wrapper .mem-books-map__pin5 {
    top: 7%;
    left: 62%;
}

.mem-styleguide-typography__grid {
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 30px;
    grid-row-gap: 20px;
}

.mem-styleguide-typography__gridSizes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 20px 0;
}

.mem-styleguide-typography__sizeWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-preferred-size: 120px;
    flex-basis: 120px;
    height: 90px;
}

.mem-styleguide-typography__sizeWrapper .mem-styleguide-typography__sizeDisplay {
    color: #3E3F42;
    border-bottom: 1px solid #EAEDF3;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 500;
}

.mem-styleguide-typography__sizeWrapper .mem-styleguide-typography__size {
    font-size: .875rem;
    line-height: 22px;
    color: #777;
}

.mem-styleguide-typography__titleBig {
    font-weight: 500;
    font-size: 64px;
    color: #3E3F42;
    line-height: 80px;
}

.mem-styleguide-typography__titleSmall {
    font-size: 36px;
    color: #3E3F42;
    line-height: 50px;
    display: inline-block;
}

.mem-styleguide-typography__titleSmall:not(:last-child) {
    margin-right: 60px;
}

.mem-styleguide-typography__titleWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 110px;
}

.mem-styleguide-typography__gridExamples {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 50px;
    grid-row-gap: 20px;
}

.mem-styleguide-typography__example1 h2 {
    font-size: 26px;
    line-height: 38px;
    font-weight: 500;
    margin-bottom: 8px;
}

.mem-styleguide-typography__example2 h2 {
    font-weight: 500;
    font-size: 30px;
    color: #3E3F42;
    line-height: 44px;
}

.mem-styleguide-typography__example2 h2 + p {
    font-size: 16px;
    color: #3E3F42;
    line-height: 24px;
}

.mem-styleguide-typography__example2 p + p {
    margin-top: 13px;
    font-size: 12px;
    color: #777;
    line-height: 18px;
}

.mem-styleguide-typography__example3 span {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    color: #777;
    line-height: 18px;
}

.mem-styleguide-typography__example3 h2 {
    font-weight: 500;
    font-size: 18px;
    color: #3E3F42;
    line-height: 28px;
    margin: 8px 0 11px;
}

.mem-styleguide-typography__example3 p {
    font-size: 16px;
    color: #6B6C6F;
    line-height: 24px;
}

.mem-books-listing__wrapper {
    background: white;
    -ms-flex-preferred-size: 600px;
    flex-basis: 600px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    z-index: 50;
    border-right: 1px solid #EAEDF3;
}

.mem-books-listing__wrapper.mem-books-listing__listView {
    -ms-flex-preferred-size: 380px;
    flex-basis: 380px;
}

.mem-books-listing__wrapper .mem-books-listing__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px 15px;
}

.mem-books-listing__wrapper .mem-books-listing__headline {
    font-size: 1.125rem;
    font-weight: 500;
}

.mem-books-listing__wrapper .mem-books-listing__viewSwitchWrapper {
    height: 18px;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
}

.mem-books-listing__wrapper .mem-books-listing__viewSwitchWrapper > * {
    display: block;
}

.mem-books-listing__wrapper .mem-books-listing__viewSwitchWrapper > *:not(:last-child) {
    margin-right: 12px;
}

.mem-books-listing__wrapper .mem-books-listing__viewSwitchWrapper .mem-books-listing__switchIcon {
    color: #CECFD2;
    cursor: pointer;
}

.mem-books-listing__wrapper .mem-books-listing__viewSwitchWrapper .mem-books-listing__switchIcon:hover,
.mem-books-listing__wrapper .mem-books-listing__viewSwitchWrapper .mem-books-listing__switchIcon.active {
    color: #1665D8;
}

.mem-books-detail__wrapper {
    background: white;
}

.mem-books-detail__booksImage {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    height: 330px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 4px;
}

.mem-books-detail__booksImage > * {
    min-width: 1px;
}

.mem-books-detail__detailMain {
    -ms-flex-preferred-size: 475px;
    flex-basis: 475px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mem-books-detail__detailMisc {
    -ms-flex-preferred-size: 285px;
    flex-basis: 285px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mem-books-detail__detailWrapper {
    display: block;
}

.mem-books-projects__projectBack {
    display: none;
}

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

    .mem-books-projects__projectBack {
        display: block;
    }
}

.mem-books-users__userBack {
    display: none;
}

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

    .mem-books-users__userBack {
        display: block;
    }
}

@media screen and (min-width: 901px) and (max-width: 1200px) {
    .mem-books-detail__detailWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .mem-books-detail__detailWrapper > * {
        min-width: 1px;
    }
}

@media screen and (min-width: 1601px) {
    .mem-books-detail__detailWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .mem-books-detail__detailWrapper > * {
        min-width: 1px;
    }
}

.mem-books-detail__name {
    font-weight: 500;
    font-size: 1.625rem;
    line-height: 2.375rem;
    margin-top: .5rem;
}

.mem-books-detail__description {
    color: #6B6C6F;
    margin-top: .75rem;
}

.mem-books-detail__propertyTable {
    margin: .6rem 0;
    width: 100%;
}

.mem-books-detail__propertyTable td {
    padding: .575rem 0;
    font-size: .875rem;
    line-height: 1.375rem;
    color: #6B6C6F;
}

.mem-books-detail__propertyTable td i {
    margin-right: .5rem;
    color: #777;
}

.mem-books-detail__propertyTable td:last-child {
    color: #3E3F42;
    text-align: right;
}

.mem-books-detail__sectionPhotos {
    padding-top: 1rem;
}

.mem-books-detail__gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 1rem -5px;
}

.mem-books-detail__gallery .mem-books-detail__galleryImage {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-width: 1px;
    -ms-flex-preferred-size: calc(50% - 10px);
    flex-basis: calc(50% - 10px);
    height: 100px;
    border-radius: 4px;
    margin: 5px;
}

.mem-books-detail__searchReviewsWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.125rem 0;
    border-top: 1px solid #EAEDF3;
    border-bottom: 1px solid #EAEDF3;
}

.mem-books-detail__searchReviewsWrapper .mem-books-detail__searchTotal {
    color: #3E3F42;
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.mem-books-detail__ratingTable {
    padding: 1rem 0;
    border-bottom: 1px solid #EAEDF3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
}

.mem-books-detail__ratingTable + * {
    margin-top: 1rem;
}

.mem-books-detail__ratingTable .mem-books-detail__ratingItem {
    min-width: 1px;
    -ms-flex-preferred-size: calc(50% - 30px);
    flex-basis: calc(50% - 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 7px 15px;
}

.mem-books-detail__ratingTable .mem-books-detail__ratingItem .mem-books-detail__ratingProperty {
    font-size: .875rem;
}

.mem-books-detail__userRatingWrapper {
    margin-top: .5rem;
}

.mem-books-detail__userRatingWrapper + * {
    margin-top: 1rem;
}

.mem-books-detail__userRatingHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .875rem;
}

/*# sourceMappingURL=client.6df04bb6.css.map*/
#add-products-accordion .products-content {
    display: flex;
    gap: 5%;
    justify-content: center;
}

#add-products-accordion .products-content .mem-content__wrapper {
    max-width: 50%;
}

#add-products-accordion .products-content .mem-content__wrapper .mem-widget__wrapper {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    height: 100%;
}

#add-products-accordion.ui-accordion .ui-accordion-header,
#answered-questions-accordion.ui-accordion .ui-accordion-header {
    text-align: left;
    justify-content: start;
    gap: 10px;
}

#add-products-accordion.ui-accordion .ui-accordion-header:first-child,
#answered-questions-accordion.ui-accordion .ui-accordion-header:first-child {
    margin-top: 0 !important;
}

#add-products-accordion.ui-accordion .ui-accordion-header .ui-state-active,
#answered-questions-accordion.ui-accordion .ui-accordion-header .ui-state-active {
    margin-bottom: 0 !important;
}

#answered-questions-accordion.ui-accordion ul {
    margin: 0;
    padding: 0;
}

.codex-editor__redactor {
    /* min-height: 400px !important;*/
    padding: 0 !important;
}

@media screen and (max-width: 767px) {
    .codex-editor__redactor {
        /*min-height: 200px !important;*/
        padding: 0 !important;
    }
}