* {
    font-family: 'Open Sans', sans-serif;

    /* VARIABLES GLOBALES */
    --w-color-background: #f1f1f1;
    --w-color-primary: #0055FF;
    --w-color-zero: #000000;
    --w-color-black: #111111;
    --w-color-title-items: #111111;
    --w-color-uploads: #b6b6b6;
    --w-color-divisions: #eeeeee;
    --w-color-giveaway: #F75F5F;
    --w-color-invite: #5596E7;
    --w-color-ambassador: #5FCF85;
    --w-color-premium: #FFCA1D;
    --w-color-standard-back: #f0f0f7;
    --w-color-blue-active: #002f9a;
    --w-color-blue-hover: #0043CA;
    --w-color-soft-background: #FAFAFA;
    --w-color-soft-border: #EEEEEE;
    --w-color-placeholder: #999999;
    --w-color-soft-: #EEEEEE;
    --w-color-hover: rgba(0, 0, 0, .07);
    --w-color-click: rgba(0, 0, 0, .09);
    --w-color-anchored: #ebedf0;
    --w-color-hover-anchored: rgba(0, 0, 0, .22);
    --w-color-anchored-click: rgba(0, 0, 0, .24);
    --w-color-white-disabled: rgba(255, 255, 255, 0.4);
    --w-color-red: #F20;
    --w-color-green: #00c853;
    --w-color-orange: #FA0;
    --w-color-gray-box: #f9f9f9;
    --w-color-browser: #f1f1f1;
    /* VARIABLES GLOBALES */
}

html {
    min-height: 100%;
    width: 100%;
}

body {
    float: left;
    width: 100%;
}

.table {
    display: table;
    height: 100%;
    width: 100%;
}

.cell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.clear {
    clear: both;
}

i {
    pointer-events: none;
}

.blurify {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}

.mobile,
.tablet,
.desktop {
    display: none !important;
}

.w-h1 {
    font-family: 'Montserrat', sans-serif;
    color: var(--w-color-black);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.32px;
}

.w-h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: var(--w-color-zero);
    font-weight: 700;
    letter-spacing: -0.25px;
}

.w-h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: var(--w-color-black);
    font-weight: 700;
    letter-spacing: -0.2px;
}

@media(max-width:991px) {
    .mobile {
        display: block !important;
        margin: 10px calc(40% - 95px);
    }
}

@media(min-width:992px) and (max-width: 1279px) {
    .tablet {
        display: block !important;
    }
}

@media(min-width:1280px) {
    .desktop {
        display: block !important;
    }
}


/* INIT CONTENT CARD */
.content-card {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 0px;
    margin-bottom: 20px;
    float: left;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04), 0 2px 0px -1px rgba(0, 0, 0, 0.07);
}

.content-card .title-content {
    width: calc(100% - 32px);
    margin: 16px 16px 8px 16px;
    height: auto;
    display: flex;
}

.content-card .title-content .icon {
    min-width: 26px;
    height: 26px;
    border-radius: 14px;
    background-color: #000;
    color: #FFF;
    margin-right: 5px;
    text-align: center;
    display: none;
}

.content-card .title-content .icon i {
    min-width: 26px;
    height: 26px;
    border-radius: 15px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
}

.content-card .title-content .icon img {
    display: inline-block;
    height: 14px;
    width: auto;
    margin: 6px 0;
}

.content-card .title-content .text-content {
    height: auto;
    width: 100%;
    min-width: 100%;
    margin: 0;
}

.content-card .title-content .text-content .text {
    float: left;
    width: calc(100% - 35px);
    height: auto;
    margin-left: 0px;
    font-size: 15px;
    font-family: "open sans", sans-serif;
    color: #000;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: -0.28px;
}

.content-card .title-content .text-content .subtext {
    float: left;
    width: 100%;
    padding-left: 0px;
    height: auto;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: #444;
    font-weight: 600;
}

.content-card .title-content .text-content .subtext img {
    width: 12px;
    height: 12px;
    margin-left: 2px;
    margin-right: 2px;
}

.content-card .card-details {
    width: 100%;
    height: auto;
    margin-left: 0px;
    box-shadow: none;
    padding: 0px;
    float: left;
}

.divisor-head {
    position: relative;
    width: calc(100% - 16px);
    height: auto;
    font-family: 'open sans', sans-serif;
    color: #000;
    margin-left: 16px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.19px;
}

.no-content-card {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0px;
    margin-top: 0;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.no-content-card img {
    width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: -7px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.no-content-card .message {
    position: absolute;
    width: 35%;
    height: auto;
    text-align: right;
    right: 25px;
    top: 10px;
    font-family: 'Montserrat', sans-serif;
    color: #7f8492;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.17px;
    line-height: 19px;
}

@media(max-width:991px) {
    .no-content-card .message {
        width: 60%;
        font-weight: bold;
        font-size: 11px;
        top: 12px;
    }
}

.no-content-card .message img {
    width: 12px;
    height: 12px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 0;
    margin-bottom: -2px;
    border-radius: unset;
}

/* END CONTENT CARD */

/* INIT BUTTONS */
button:focus {
    background-color: initial;
}

.wlh-btn-anchored:focus {
    background: var(--w-color-anchored);
}

.wlh-btn-color:focus {
    background: var(--w-color-primary);
    border-color: var(--w-color-primary);
}

.wlh-btn {
    width: auto;
    height: 28px;
    border-radius: 15px;
    background: #FFFFFF;
    border: 1px solid var(--w-color-uploads);
    background: #FFFFFF;
    color: var(--w-color-title-items);
    cursor: pointer;
    padding: 0 10px;
    text-align: center;
    outline: none;
    user-select: none;
    min-width: max-content;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    box-sizing: content-box;
    min-width: -moz-max-content;
    position: relative;
    transform: translate3d(0, 0, 0);
    overflow: hidden;
}

.wlh-btn:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10, 10);
    opacity: 0;
    transition: transform .5s, opacity 1s;
    overflow: hidden;
}

.wlh-btn:active:after {
    transform: scale(0, 0);
    opacity: .3;
    transition: 0s;
}

.wlh-btn.wlh-btn-text-only {
    border: none;
    background: none;
    height: 30px;
}

.wlh-btn.wlh-btn-text-only.wlh-btn-small {
    height: 24px;
}

.wlh-btn.wlh-btn-text-only.wlh-btn-medium {
    height: 36px;
}

.wlh-btn.wlh-btn-text-only.wlh-btn-large {
    height: 42px;
}

.wlh-btn.wlh-btn-text-only.wlh-btn-big {
    height: 48px;
}

.wlh-btn.wlh-btn-text-only.wlh-btn-extra {
    height: 56px;
}

.wlh-btn.wlh-btn-text-only:hover {
    background: var(--w-color-hover);
}

.wlh-btn:hover {
    background: var(--w-color-hover);
}

.wlh-btn.wlh-btn-counter:hover,
.wlh-btn.wlh-btn-counter:focus {
    background: none !important;
}

.wlh-btn-disabled {
    color: var(--w-color-uploads);
    cursor: initial;
    pointer-events: none;
}

.wlh-btn-anchored {
    background: var(--w-color-anchored);
}

.wlh-btn-anchored:hover {
    background: var(--w-color-hover);
}

.wlh-btn-transparent {
    border-color: #FFFFFF;
    color: #FFFFFF;
    background: transparent;
    font-weight: 700;
}

.wlh-btn-disabled.wlh-btn-transparent {
    color: var(--w-color-uploads);
    border-color: var(--w-color-white-disabled);
}

.wlh-btn-transparent:hover {
    background: var(--w-color-hover);
}

.wlh-btn-anchored.wlh-btn-transparent {
    border-color: #FFFFFF;
    background: var(--w-color-anchored);
}

.wlh-btn-anchored.wlh-btn-transparent:hover {
    background: var(--w-color-hover);
}

.wlh-btn-anchored.wlh-btn-transparent.wlh-btn-capsule:hover {
    border-color: #FFFFFF;
    background: var(--w-color-primary);
    color: #FFFFFF;
}

.wlh-btn-counter {
    border: none;
    background: transparent;
    color: #666666;
    padding: 0;
    height: 30px;
}

.wlh-btn-capsule {
    padding: 0;
}

.wlh-btn-capsule.wlh-btn-anchored {
    background: var(--w-color-anchored);
}

.wlh-btn.wlh-btn-capsule.wlh-btn-anchored.wlh-btn-transparent:hover {
    background: var(--w-color-hover-anchored);
    color: #FFFFFF;
}

.wlh-btn-color.wlh-btn.wlh-btn-capsule.wlh-btn-anchored.wlh-btn-transparent:hover {
    background: #FFFFFF;
    color: var(--w-color-primary);
    border-color: #FFFFFF;
}

.wlh-btn.wlh-btn-capsule.wlh-btn-capsule-expand.wlh-btn-anchored.wlh-btn-transparent:hover {
    background: var(--w-color-hover-anchored);
    color: #FFFFFF;
}

.wlh-btn-counter.wlh-btn-disabled {
    color: var(--w-color-uploads);
}

.wlh-btn-only-icon {
    padding: 0;
    width: 28px;
}

.wlh-btn .wlh-btn-text {
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 28px;
    line-height: 29px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.wlh-btn.wlh-btn-only-icon .wlh-btn-text {
    display: none;
}

.wlh-btn.wlh-btn-text-only .wlh-btn-text {
    height: 30px;
    line-height: 30px;
}

.wlh-btn.wlh-btn-text-only.wlh-btn-small .wlh-btn-text {
    height: 24px;
    line-height: 24px;
}

.wlh-btn.wlh-btn-text-only.wlh-btn-medium .wlh-btn-text {
    height: 36px;
    line-height: 36px;
}

.wlh-btn.wlh-btn-text-only.wlh-btn-large .wlh-btn-text {
    height: 42px;
    line-height: 42px;
}

.wlh-btn.wlh-btn-text-only.wlh-btn-big .wlh-btn-text {
    height: 48px;
    line-height: 48px;
}

.wlh-btn.wlh-btn-text-only.wlh-btn-extra .wlh-btn-text {
    height: 56px;
    line-height: 56px;
}

.wlh-btn-counter .wlh-btn-text {
    background: var(--w-color-anchored);
    padding: 0 5px;
    border-radius: 5px;
    margin-top: 1px;
    margin-bottom: 1px;
    line-height: 29px;
    position: relative;
    color: var(--w-color-black);
    min-width: 20px;
}

.wlh-btn-transparent.wlh-btn-disabled .wlh-btn-text {
    color: var(--w-color-white-disabled);
}

.wlh-btn-counter.wlh-btn-transparent .wlh-btn-text {
    background: var(--w-color-anchored);
    color: #fff;
    font-weight: 700;
}

.wlh-btn-counter.wlh-btn-transparent.wlh-btn-disabled .wlh-btn-text {
    opacity: 0.4;
}

.wlh-btn-counter .wlh-btn-text:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 1px solid transparent;
    border-right-color: var(--w-color-uploads);
    border-left: 0;
    margin-top: -1px;
    margin-left: -1px;
}

.wlh-btn-counter.wlh-btn-transparent .wlh-btn-text:after {
    border-right-color: var(--w-color-anchored);
}

.wlh-btn-counter>div.wlh-btn-text:first-child:after {
    content: '';
    position: absolute;
    left: unset;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 1px solid transparent;
    border-left-color: var(--w-color-uploads);
    border-right: 0;
    margin-top: -1px;
    margin-right: -1px;
}

.wlh-btn-counter.wlh-btn-transparent>div.wlh-btn-text:first-child:after {
    border-left-color: var(--w-color-anchored);
    ;
}

.wlh-btn-capsule .wlh-btn-text {
    padding-right: 10px;
    padding-left: 10px;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
}

.wlh-btn-capsule.wlh-btn-medium .wlh-btn-text {
    border-bottom-right-radius: 18px;
    border-top-right-radius: 18px;
}

.wlh-btn-capsule.wlh-btn-transparent.wlh-btn-disabled .wlh-btn-text {
    color: var(--w-color-white-disabled);
}

.wlh-btn.wlh-btn-capsule.wlh-btn-capsule-expand.wlh-btn-disabled.wlh-btn-transparent .wlh-btn-text+.wlh-btn-text {
    background: none;
    color: var(--w-color-white-disabled);
}

.wlh-btn-capsule>div.wlh-btn-text:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}

.wlh-btn-capsule.wlh-btn-medium>div.wlh-btn-text:first-child {
    border-bottom-left-radius: 18px;
    border-top-left-radius: 18px;
}

.wlh-btn-capsule.wlh-btn-big>div.wlh-btn-text:first-child {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px;
}

.wlh-btn-capsule.wlh-btn-extra>div.wlh-btn-text:first-child {
    border-bottom-left-radius: 28px;
    border-top-left-radius: 28px;
}

.wlh-btn .wlh-btn-icon {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}

.wlh-btn-capsule .wlh-btn-icon {
    margin: 0;
    padding: 0 10px;
    border-right: 1px solid var(--w-color-uploads);
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}

.wlh-btn-capsule.wlh-btn-transparent .wlh-btn-icon {
    border-right: 1px solid #FFFFFF;
    background: transparent;
    color: #FFFFFF;
}

.wlh-btn-color.wlh-btn-capsule.wlh-btn-transparent.wlh-btn-anchored .wlh-btn-icon {
    color: #FFFFFF;
}

.wlh-btn-color.wlh-btn-capsule.wlh-btn-transparent.wlh-btn-anchored:hover .wlh-btn-icon {
    color: var(--w-color-primary);
}

.wlh-btn-capsule.wlh-btn-transparent.wlh-btn-disabled .wlh-btn-icon {
    border-color: var(--w-color-uploads);
    background: transparent;
    color: var(--w-color-uploads);
}

.wlh-btn-capsule.wlh-btn-transparent.wlh-btn-anchored:hover .wlh-btn-icon {
    background: transparent;
    border-color: #fff;
    color: #FFFFFF;
}

.wlh-btn-capsule.wlh-btn-transparent.wlh-btn-capsule-expand:hover .wlh-btn-icon {
    background: #FFFFFF;
}

.wlh-btn-capsule.wlh-btn-transparent.wlh-btn-capsule-expand.wlh-btn-anchored:hover .wlh-btn-icon {
    background: transparent
}

.wlh-btn-capsule.wlh-btn-capsule-expand .wlh-btn-icon {
    border-right: none;
}

.wlh-btn.wlh-btn-capsule.wlh-btn-capsule-expand.wlh-btn-transparent .wlh-btn-icon {
    background: transparent;
    color: #FFFFFF;
}

.wlh-btn.wlh-btn-capsule.wlh-btn-capsule-expand.wlh-btn-transparent.wlh-btn-anchored .wlh-btn-icon {
    background: transparent;
}

.wlh-btn-color.wlh-btn.wlh-btn-capsule.wlh-btn-capsule-expand.wlh-btn-transparent.wlh-btn-anchored .wlh-btn-icon {
    background: transparent;
    color: #FFFFFF;
}

.wlh-btn.wlh-btn-capsule.wlh-btn-capsule-expand.wlh-btn-transparent.wlh-btn-disabled .wlh-btn-icon {
    color: var(--w-color-white-disabled);
}

.wlh-btn.wlh-btn-capsule.wlh-btn-capsule-expand.wlh-btn-transparent:hover .wlh-btn-icon {
    background: transparent;
}

.wlh-btn.wlh-btn-capsule.wlh-btn-capsule-expand.wlh-btn-transparent.wlh-btn-anchored:hover .wlh-btn-icon {
    background: transparent;
    color: #FFFFFF;
}

.wlh-btn-color.wlh-btn.wlh-btn-capsule.wlh-btn-capsule-expand.wlh-btn-transparent.wlh-btn-anchored:hover .wlh-btn-icon {
    background: #FFFFFF;
    color: var(--w-color-primary);
}

.wlh-btn-capsule.wlh-btn-capsule-expand:hover .wlh-btn-icon,
.wlh-btn-capsule.wlh-btn-capsule:hover .wlh-btn-icon {
    background: var(--w-color-hover);
}

.wlh-btn.wlh-btn-counter .wlh-btn-icon {
    margin-right: 1px;
}

.wlh-btn.wlh-btn-only-icon .wlh-btn-icon {
    margin: 0;
}

.wlh-btn .wlh-btn-text+.wlh-btn-icon {
    margin-left: 5px;
    margin-right: 0;
}

.wlh-btn.wlh-btn-counter .wlh-btn-text+.wlh-btn-icon {
    margin-left: 1px;
    margin-right: 0;
}

.wlh-btn-capsule .wlh-btn-text+.wlh-btn-icon {
    margin: 0;
    border-right: none;
    border-left: 1px solid var(--w-color-uploads);
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
}

.wlh-btn-capsule.wlh-btn-transparent .wlh-btn-text+.wlh-btn-icon {
    border-left: 1px solid rgba(255, 255, 255, 0.20);
}

.wlh-btn-capsule .wlh-btn-text.capsule-label-middle+.wlh-btn-icon {
    border-left: none;
}

.wlh-btn-capsule.wlh-btn-capsule-expand .wlh-btn-icon+.wlh-btn-text {
    border-radius: 0;
    padding: 0;
    padding-right: 10px;
    border-right: 1px solid var(--w-color-uploads);
}

.wlh-btn-capsule.wlh-btn-capsule-expand:hover .wlh-btn-icon+.wlh-btn-text {
    background: var(--w-color-hover);
}

.wlh-btn-capsule.wlh-btn-capsule-expand.wlh-btn-transparent .wlh-btn-icon+.wlh-btn-text {
    background: transparent;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
}

.wlh-btn-capsule.wlh-btn-capsule-expand.wlh-btn-transparent.wlh-btn-disabled .wlh-btn-icon+.wlh-btn-text {
    border-color: var(--w-color-white-disabled);
    color: var(--w-color-white-disabled);
}

.wlh-btn-color.wlh-btn-capsule.wlh-btn-capsule-expand.wlh-btn-transparent.wlh-btn-anchored .wlh-btn-icon+.wlh-btn-text {
    color: #FFFFFF;
}

.wlh-btn-capsule.wlh-btn-capsule-expand.wlh-btn-transparent.wlh-btn-anchored:hover .wlh-btn-icon+.wlh-btn-text {
    color: #FFFFFF;
}

.wlh-btn-color.wlh-btn-capsule.wlh-btn-capsule-expand.wlh-btn-transparent.wlh-btn-anchored:hover .wlh-btn-icon+.wlh-btn-text {
    color: var(--w-color-primary);
}

.wlh-btn-capsule.wlh-btn-capsule-expand .wlh-btn-text.capsule-label-middle {
    border-radius: 0;
    background: #FFFFFF;
    padding: 0;
    padding-left: 10px;
    border-right: none;
    border-left: 1px solid var(--w-color-uploads);
}

.wlh-btn-capsule.wlh-btn-capsule-expand:hover .wlh-btn-text.capsule-label-middle {
    background: var(--w-color-hover);
}

.wlh-btn-capsule.wlh-btn-capsule-expand.wlh-btn-transparent .wlh-btn-text.capsule-label-middle {
    background: transparent;
    border-left: 1px solid #FFFFFF;
    color: #FFFFFF;
}

.wlh-btn.wlh-btn-counter .wlh-btn-icon {
    width: 28px;
    border-radius: 15px;
    /*     border: 1px solid var(--w-color-uploads);
 */
    background: #fff;
}

.wlh-btn-transparent.wlh-btn-counter .wlh-btn-icon,
.wlh-btn-transparent.wlh-btn-counter.wlh-btn-anchored .wlh-btn-icon:hover {
    border-color: #FFFFFF;
    background: transparent;
    color: #FFFFFF;
}

.wlh-btn-transparent.wlh-btn-counter.wlh-btn-anchored .wlh-btn-icon {
    border-color: #FFFFFF;
    background: var(--w-color-anchored);
}

.wlh-btn-transparent.wlh-btn-counter.wlh-btn-disabled .wlh-btn-icon {
    color: var(--w-color-white-disabled);
    border-color: var(--w-color-white-disabled);
}

.wlh-btn.wlh-btn-counter.wlh-btn-anchored .wlh-btn-icon {
    background: var(--w-color-anchored);
}

.wlh-btn-transparent.wlh-btn-counter.wlh-btn-anchored .wlh-btn-icon {
    border-color: rgba(255, 255, 255, 0.90);
}

.wlh-btn.wlh-btn-counter .wlh-btn-icon:hover {
    background: var(--w-color-hover);
}

.wlh-btn-transparent.wlh-btn-counter .wlh-btn-icon:hover {
    background: var(--w-color-hover);
}

.wlh-btn-transparent.wlh-btn-counter .wlh-btn-icon:focus {
    background: var(--w-color-anchored);
}

.wlh-btn.wlh-btn-counter.wlh-btn-anchored .wlh-btn-icon:hover {
    background: var(--w-color-hover-anchored);
}

.wlh-btn-transparent.wlh-btn-counter.wlh-btn-anchored .wlh-btn-icon:hover {
    border-color: rgba(255, 255, 255, 0.90);
}

.wlh-btn .wlh-btn-icon,
.wlh-btn .wlh-btn-icon i {
    width: auto;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}

.wlh-btn .wlh-btn-icon img {
    width: auto;
    height: 14px;
    margin: 7px 0;
}

.wlh-btn.wlh-btn-disabled .wlh-btn-icon img {
    opacity: 0.4;
}

.wlh-btn-small {
    height: 22px;
    border-radius: 12px;
    padding: 0 10px;
}

.wlh-btn-small.wlh-btn-capsule {
    padding: 0;
}

.wlh-btn-small.wlh-btn-only-icon {
    padding: 0;
    width: 22px;
}

.wlh-btn.wlh-btn-small .wlh-btn-text {
    height: 22px;
    line-height: 23px;
}

.wlh-btn-small .wlh-btn-icon,
.wlh-btn-small .wlh-btn-icon i {
    /*  height: 22px;
    line-height: 23px;
    font-size: 10px; */
    height: 24px;
    line-height: 24px;
    font-size: 14px;
}

.wlh-btn-small .wlh-btn-icon img {
    width: auto;
    height: 12px;
    margin: 5px 0;
}

.wlh-btn.wlh-btn-small.wlh-btn-counter .wlh-btn-icon {
    /*  width: 22px;
    border-radius: 12px; */
    width: 24px;
    border-radius: 20px;
}

.wlh-btn-capsule.wlh-btn-small .wlh-btn-text+.wlh-btn-icon {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
}

.wlh-btn-small.wlh-btn-counter {
    /*  padding: 0;
    height: 24px; */
    padding: 0;
    height: 30px;
}

.wlh-btn-small.wlh-btn-counter .wlh-btn-text {
    margin-top: 1px;
    margin-bottom: 1px;
}

.wlh-btn-medium {
    height: 34px;
    border-radius: 18px;
    padding: 0 15px;
}

.wlh-btn-medium.wlh-btn-capsule {
    padding: 0;
}

.wlh-btn-medium.wlh-btn-only-icon {
    padding: 0;
    width: 34px;
}

.wlh-btn.wlh-btn-medium .wlh-btn-text {
    height: 34px;
    line-height: 35px;
    font-size: 14px;
}

.wlh-btn-medium .wlh-btn-icon,
.wlh-btn-medium .wlh-btn-icon i {
    height: 34px;
    line-height: 35px;
    font-size: 14px;
}

.wlh-btn-medium .wlh-btn-icon img {
    width: auto;
    height: 16px;
    margin: 9px 0;
}

.wlh-btn.wlh-btn-medium.wlh-btn-counter .wlh-btn-icon {
    width: 34px;
    border-radius: 18px;
}

.wlh-btn-medium.wlh-btn-counter {
    padding: 0;
}

.wlh-btn-capsule.wlh-btn-medium .wlh-btn-text+.wlh-btn-icon {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 18px;
    border-top-right-radius: 18px;
}

.wlh-btn-medium.wlh-btn-counter .wlh-btn-text {
    padding: 0 10px;
}

.wlh-btn-large {
    height: 40px;
    border-radius: 21px;
    padding: 0 15px;
}

.wlh-btn-large.wlh-btn-counter {
    height: 42px;
}

.wlh-btn-large.wlh-btn-capsule {
    padding: 0;
}

.wlh-btn-large.wlh-btn-only-icon {
    padding: 0;
    width: 40px;
}

.wlh-btn.wlh-btn-large .wlh-btn-text {
    height: 40px;
    line-height: 41px;
    font-weight: 700;
    font-size: 15px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.wlh-btn-capsule.wlh-btn-large .wlh-btn-text {
    border-bottom-right-radius: 21px;
    border-top-right-radius: 21px;
}


.wlh-btn-capsule.wlh-btn-large>div.wlh-btn-text:first-child {
    border-bottom-left-radius: 21px;
    border-top-left-radius: 21px;
}

.wlh-btn-large .wlh-btn-icon,
.wlh-btn-large .wlh-btn-icon i {
    height: 40px;
    line-height: 41px;
    font-size: 15px;
}

.wlh-btn-large.wlh-btn-capsule .wlh-btn-icon {
    padding: 0 15px;
    border-bottom-left-radius: 21px;
    border-top-left-radius: 21px;
}

.wlh-btn-capsule.wlh-btn-large .wlh-btn-text+.wlh-btn-icon {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 21px;
    border-top-right-radius: 21px;
}

.wlh-btn-large .wlh-btn-icon img {
    width: auto;
    height: 20px;
    margin: 10px 0;
}

.wlh-btn.wlh-btn-large.wlh-btn-counter .wlh-btn-icon {
    width: 40px;
    border-radius: 21px;
}

.wlh-btn-large.wlh-btn-counter {
    padding: 0;
}

.wlh-btn-large.wlh-btn-counter .wlh-btn-text {
    padding: 0 10px;
}

.wlh-btn-big {
    height: 46px;
    border-radius: 24px;
    padding: 0 16px;
}

.wlh-btn-big.wlh-btn-capsule {
    padding: 0;
}

.wlh-btn-big.wlh-btn-only-icon {
    padding: 0;
    width: 46px;
}

.wlh-btn.wlh-btn-big .wlh-btn-text {
    height: 46px;
    line-height: 47px;
    font-size: 16px;
}

.wlh-btn.wlh-btn-big.wlh-btn-counter .wlh-btn-text {
    margin-top: 1px;
    margin-bottom: 1px;
}

.wlh-btn-big.wlh-btn-capsule .wlh-btn-text {
    padding-right: 15px;
    padding-left: 15px;
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px;
}

.wlh-btn-big .wlh-btn-icon,
.wlh-btn-big .wlh-btn-icon i {
    height: 46px;
    line-height: 47px;
    font-size: 16px;
}

.wlh-btn-big.wlh-btn-capsule .wlh-btn-icon {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px;
    padding: 0 15px;
}

.wlh-btn-capsule.wlh-btn-big .wlh-btn-text+.wlh-btn-icon {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px;
}

.wlh-btn-big .wlh-btn-icon img {
    width: auto;
    height: 24px;
    margin: 11px 0;
}

.wlh-btn.wlh-btn-big.wlh-btn-counter .wlh-btn-icon {
    height: 46px;
    width: 46px;
    border-radius: 24px;
}

.wlh-btn-big.wlh-btn-counter {
    padding: 0;
    height: 48px;
}

.wlh-btn-big.wlh-btn-counter .wlh-btn-text {
    padding: 0 12px;
}

.wlh-btn-extra {
    height: 54px;
    border-radius: 28px;
    padding: 0 16px;
}

.wlh-btn-extra.wlh-btn-capsule {
    padding: 0;
}

.wlh-btn-extra.wlh-btn-only-icon {
    padding: 0;
    width: 54px;
}

.wlh-btn.wlh-btn-extra .wlh-btn-text {
    height: 54px;
    line-height: 55px;
    font-size: 18px;
}

.wlh-btn-extra.wlh-btn-capsule .wlh-btn-text {
    padding-right: 15px;
    padding-left: 15px;
    border-bottom-right-radius: 28px;
    border-top-right-radius: 28px;
}

.wlh-btn-extra .wlh-btn-icon,
.wlh-btn-extra .wlh-btn-icon i {
    height: 54px;
    line-height: 55px;
    font-size: 18px;
}

.wlh-btn-extra.wlh-btn-capsule .wlh-btn-icon {
    border-bottom-left-radius: 28px;
    border-top-left-radius: 28px;
    padding: 0 15px;
}

.wlh-btn-capsule.wlh-btn-extra .wlh-btn-text+.wlh-btn-icon {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px;
}

.wlh-btn-extra .wlh-btn-icon img {
    width: auto;
    height: 24px;
    margin: 15px 0;
}

.wlh-btn.wlh-btn-extra.wlh-btn-counter .wlh-btn-icon {
    width: 54px;
    min-width: 54px;
    border-radius: 28px;
}

.wlh-btn-extra.wlh-btn-counter {
    padding: 0;
    height: 56px;
}

.wlh-btn-extra.wlh-btn-counter .wlh-btn-text {
    padding: 0 12px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.wlh-btn-color {
    border-color: var(--w-color-primary);
    background: var(--w-color-primary);
    background-color: var(--w-color-primary);
    color: #FFFFFF;
}

.wlh-btn-color.wlh-btn-transparent {
    border-color: #FFFFFF;
    background: #FFFFFF;
    color: var(--w-color-primary);
}

.wlh-btn-color:hover {
    background: var(--w-color-blue-hover);
    border-color: var(--w-color-blue-hover);
}

.wlh-btn-color.wlh-btn-transparent:hover {
    border-color: #FFFFFF;
    background: transparent;
    color: #FFFFFF;
}

.wlh-btn-disabled.wlh-btn-color {
    background: var(--w-color-standard-back);
    border-color: var(--w-color-standard-back);
    color: var(--w-color-uploads);
}

.wlh-btn-disabled.wlh-btn-color.wlh-btn-transparent {
    background: transparent;
    border-color: var(--w-color-uploads);
}

.wlh-btn-anchored.wlh-btn-color {
    background: var(--w-color-blue-active);
    border-color: var(--w-color-blue-active);
    color: #FFFFFF;
}

.wlh-btn-anchored.wlh-btn-color:hover {
    background: var(--w-color-blue-hover);
    border-color: var(--w-color-blue-hover);
}

.wlh-btn-anchored.wlh-btn-color.wlh-btn-counter:hover {
    background: transparent;
    border-color: transparent;
}

.wlh-btn-anchored.wlh-btn-color.wlh-btn-transparent {
    background: var(--w-color-blue-active);
    border-color: var(--w-color-blue-active);
}

.wlh-btn-anchored.wlh-btn-color.wlh-btn-transparent:hover {
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: var(--w-color-primary);
}

.wlh-btn-counter.wlh-btn-color.wlh-btn-transparent {
    background: transparent;
    border-color: transparent;
}

.wlh-btn-color.wlh-btn-counter {
    background: transparent;
}

.wlh-btn-color.wlh-btn-counter.wlh-btn-transparent:hover {
    background: transparent;
}

.wlh-btn-color.wlh-btn-counter .wlh-btn-icon {
    border-color: rgba(58, 142, 249, 0.2);
    background: var(--w-color-primary);
    background-color: var(--w-color-primary);
}

.wlh-btn-color.wlh-btn-counter.wlh-btn-transparent .wlh-btn-icon {
    border-color: #FFFFFF;
    background: #FFFFFF;
    background-color: #FFFFFF;
    color: var(--w-color-primary);
}

.wlh-btn-color.wlh-btn-counter .wlh-btn-icon:hover {
    background: var(--w-color-blue-hover);
    border-color: var(--w-color-blue-hover);
}

.wlh-btn-color.wlh-btn-counter.wlh-btn-transparent .wlh-btn-icon:hover {
    background: transparent;
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.wlh-btn-color.wlh-btn-counter.wlh-btn-disabled.wlh-btn-transparent {
    border-color: rgba(255, 255, 255, 0.2);
    background: transparent;
    background-color: transparent;
}

.wlh-btn-color.wlh-btn-counter.wlh-btn-disabled .wlh-btn-icon {
    border-color: transparent;
    background: var(--w-color-primary);
    background-color: var(--w-color-primary);
}

.wlh-btn-color.wlh-btn-counter.wlh-btn-disabled.wlh-btn-transparent .wlh-btn-icon {
    border-color: var(--w-color-uploads);
    background: transparent;
    color: var(--w-color-uploads);
}

.wlh-btn-color.wlh-btn-disabled .wlh-btn-icon img {
    opacity: 1;
}

.wlh-btn-color.wlh-btn-disabled.wlh-btn-transparent .wlh-btn-icon img {
    opacity: 0.2;
}

.wlh-btn-color.wlh-btn-counter.wlh-btn-disabled .wlh-btn-icon img {
    opacity: 1;
}

.wlh-btn-color.wlh-btn-counter.wlh-btn-disabled .wlh-btn-icon {
    color: var(--w-color-uploads);
    background: var(--w-color-standard-back);
    border-color: var(--w-color-standard-back);
}

.wlh-btn-color.wlh-btn-counter.wlh-btn-anchored .wlh-btn-icon {
    border-color: var(--w-color-blue-active);
    background: var(--w-color-blue-active);
}

.wlh-btn-color.wlh-btn-counter.wlh-btn-anchored .wlh-btn-icon:hover {
    border-color: var(--w-color-blue-hover);
    background: var(--w-color-blue-hover);
}

.wlh-btn-counter.wlh-btn-anchored.wlh-btn-transparent {
    background: transparent;
    border: transparent;
}

.wlh-btn-color.wlh-btn-counter.wlh-btn-anchored.wlh-btn-transparent .wlh-btn-icon {
    background: var(--w-color-blue-active);
    color: #FFFFFF;
}

.wlh-btn-color.wlh-btn-counter.wlh-btn-anchored.wlh-btn-transparent .wlh-btn-icon:hover {
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: var(--w-color-blue-active);
}

.wlh-btn-capsule.wlh-btn-color .wlh-btn-icon {
    border-color: #fff;
}

.wlh-btn-capsule.wlh-btn-color:hover .wlh-btn-icon {
    background: var(--w-color-blue-hover);
}

.wlh-btn-capsule.wlh-btn-color.wlh-btn-transparent:hover .wlh-btn-icon {
    background: transparent;
}

.wlh-btn-capsule.wlh-btn-color.wlh-btn-disabled.wlh-btn-transparent .wlh-btn-icon {
    color: var(--w-color-uploads);
}

.wlh-btn-color.wlh-btn-capsule.wlh-btn-transparent .wlh-btn-text {
    background-color: #FFFFFF;
    color: var(--w-color-primary);
}

.wlh-btn-color.wlh-btn-capsule.wlh-btn-anchored.wlh-btn-transparent .wlh-btn-text {
    color: #FFFFFF;
    background: var(--w-color-blue-active);
}

.wlh-btn-color.wlh-btn-capsule.wlh-btn-anchored.wlh-btn-transparent:hover .wlh-btn-text {
    color: var(--w-color-primary);
    background: #FFFFFF;
}

.wlh-btn-color.wlh-btn-capsule.wlh-btn-disabled.wlh-btn-transparent .wlh-btn-text {
    background: var(--w-color-uploads);
    color: var(--w-color-primary);
}

.wlh-btn-color.wlh-btn-capsule.wlh-btn-capsule-expand .wlh-btn-icon+.wlh-btn-text,
.wlh-btn-color.wlh-btn-capsule.wlh-btn-capsule-expand .wlh-btn-text.capsule-label-middle {
    border: none;
    background: transparent;
    color: #FFFFFF;
}

.wlh-btn-color.wlh-btn-capsule.wlh-btn-capsule-expand.wlh-btn-disabled .wlh-btn-icon+.wlh-btn-text,
.wlh-btn-color.wlh-btn-capsule.wlh-btn-capsule-expand.wlh-btn-disabled .wlh-btn-text.capsule-label-middle {
    color: var(--w-color-uploads);
}

.wlh-btn-color.wlh-btn-capsule.wlh-btn-capsule-expand.wlh-btn-disabled.wlh-btn-transparent .wlh-btn-icon+.wlh-btn-text {
    color: var(--w-color-uploads);
}

.wlh-btn-capsule.wlh-btn-color.wlh-btn-transparent {
    background: transparent;
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.wlh-btn-capsule.wlh-btn-color.wlh-btn-transparent:hover {
    border-color: #FFFFFF;
    background: #FFFFFF;
    color: var(--w-color-primary);
}

.wlh-btn-capsule.wlh-btn-color.wlh-btn-transparent.wlh-btn-anchored {
    background: var(--w-color-blue-active);
    border-color: var(--w-color-blue-active);
    color: #FFFFFF;
}

.wlh-btn-capsule.wlh-btn-color.wlh-btn-transparent.wlh-btn-disabled {
    background: transparent;
    border-color: var(--w-color-uploads);
    color: var(--w-color-uploads);
}

.wlh-btn-color.wlh-btn-black {
    background: var(--w-color-black);
    background-color: var(--w-color-black);
    border-color: rgba(14, 14, 14, 0.20);
}

.wlh-btn-color.wlh-btn-black:hover {
    border-color: rgba(14, 14, 14, 0.60);
}

.wlh-btn-color.wlh-btn-giveaway {
    background: var(--w-color-giveaway);
    background-color: var(--w-color-giveaway);
    border-color: var(--w-color-giveaway);
}

.wlh-btn-color.wlh-btn-giveaway:hover {
    border-color: var(--w-color-title-items);
    color: var(--w-color-title-items);
}

.wlh-btn-color.wlh-btn-invite {
    background-image: var(--w-color-invite);
    background-color: var(--w-color-invite);
    border-color: var(--w-color-invite);
}

.wlh-btn-color.wlh-btn-invite:hover {
    border-color: var(--w-color-title-items);
    color: var(--w-color-title-items);
}

.wlh-btn-color.wlh-btn-ambassador {
    background: var(--w-color-ambassador);
    background-color: var(--w-color-ambassador);
    border-color: var(--w-color-ambassador);
}

.wlh-btn-color.wlh-btn-ambassador:hover {
    border-color: var(--w-color-title-items);
    color: var(--w-color-title-items);
}

.wlh-btn-color.wlh-btn-black.wlh-btn-disabled {
    background-color: unset;
    background: rgba(14, 14, 14, 0.2);
    border-color: rgba(14, 14, 14, 0.1);
    color: rgba(255, 255, 255, 0.9);
}

.wlh-btn-color.wlh-btn-giveaway.wlh-btn-disabled {
    background-color: unset;
    background: rgba(247, 95, 95, 0.2);
    border-color: rgba(247, 95, 95, 0.1);
    color: rgba(247, 95, 95, 0.9);
}

.wlh-btn-color.wlh-btn-invite.wlh-btn-disabled {
    background-color: unset;
    background: rgba(85, 150, 231, 0.2);
    border-color: rgba(85, 150, 231, 0.1);
    color: rgba(85, 150, 231, 0.9);
}

.wlh-btn-color.wlh-btn-ambassador.wlh-btn-disabled {
    background-color: unset;
    background: rgba(95, 207, 133, 0.2);
    border-color: rgba(95, 207, 133, 0.1);
    color: rgba(95, 207, 133, 0.9);
}

.wlh-btn-color.wlh-btn-premium {
    background: var(--w-color-premium);
    background-color: var(--w-color-premium);
    color: #816519;
    border-color: rgba(247, 214, 107, 0.40);
}

.wlh-btn-color.wlh-btn-premium.wlh-btn-disabled {
    background-color: unset;
    background: rgba(255, 202, 29, 0.1);
    border-color: rgba(247, 214, 107, 0.10);
    color: rgba(129, 101, 25, 0.2);
}

/* END BUTTONS */

/* INIT MODALS */
.modal.wlh-modal {
    width: 500px;
    border-radius: 10px;
    background: #FFFFFF;
    background-color: #FFFFFF;
    box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.50);
    max-height: 80%;
    overflow: visible;
}

.modal.wlh-modal .modal-header {
    display: flex;
    width: 100%;
    height: 50px;
    background-color: rgba(102, 102, 102, 0.1);
    color: #666666;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 50px 10px 16px;
    border-top-left-radius: 10px;
    border-top-RIGHT-radius: 10px;
}

.modal.wlh-modal .modal-header .modal-header-close {
    position: absolute;
    top: 10px;
    right: 16px;
}

.modal.wlh-modal .modal-header i.header-icon {
    width: auto;
    height: auto;
    margin: auto 0;
    font-size: 14px;
    color: #666666;
    margin-right: 10px;
}

.modal.wlh-modal .modal-header img.header-icon-image {
    width: auto;
    height: 15px;
    margin: auto 0;
    margin-right: 10px;
}

.modal.wlh-modal .modal-header .modal-header-text {
    width: auto;
    height: auto;
    margin: auto 0;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -0.63px;
}

.modal.wlh-modal .modal-header .modal-header-text span {
    font-size: 10px;
    line-height: 120%;
    color: rgba(102, 102, 102, 0.5);
    font-weight: 600;
    letter-spacing: 0.47px;
}

.modal.wlh-modal .modal-content {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
}

#popupModal.modal.wlh-modal .modal-content {
    max-height: calc(80vh - 70px);
    overflow-y: auto;
}

@media (max-width: 991px) {
    #popupModal.modal.wlh-modal .modal-content {
        max-height: calc(100vh - 70px);
    }
}

.modal.wlh-modal .modal-content h1 {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    color: #000;
    margin-top: 25px;
    padding: 0 25px;
    letter-spacing: 1PX;
    font-family: 'Montserrat', sans-serif;
}

.modal.wlh-modal .modal-content .content-icon-image+h1,
.modal.wlh-modal .modal-content i.content-icon+h1 {
    margin-top: 0;
}

.modal.wlh-modal .modal-content h1+h6 {
    margin-top: 15px;
}

.modal.wlh-modal .modal-content h6 {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 13px;
    line-height: 16px;
    font-weight: normal;
    color: #545454;
    letter-spacing: 0px;
    margin-bottom: 25px;
    padding: 0 25px;
}

.modal.wlh-modal .modal-footer {
    float: left;
    padding: 0px 16px 16px 16px;
    display: flex;
    background-color: #FFFFFF;
    justify-content: flex-end;
    height: auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.modal.wlh-modal .modal-footer button {
    margin: auto 0;
    min-width: 25px;
}

.modal.wlh-modal .modal-footer button+button {
    margin-left: 10px;
}

.modal.wlh-modal.wlh-popup {
    width: 640px;
}

.modal.wlh-modal.wlh-popup .modal-header {
    height: 70px;
    background: linear-gradient(-49deg, #3A8EF9 0%, #4F86FF 29%, #15A1F1 74%, #00BDD3 100%);
    color: #FFFFFF;
}

.modal.wlh-modal.wlh-popup .modal-header .modal-header-close {
    position: absolute;
    top: 20px;
    right: 25px;
}

.modal.wlh-modal.wlh-popup .modal-header i.header-icon {
    color: #FFFFFF;
    margin-right: 15px;
}

.modal.wlh-modal.wlh-popup .modal-header .modal-header-text span {
    color: rgba(255, 255, 255, 0.5);
}

.modal.wlh-modal.wlh-popup .modal-footer {
    padding-top: 15px;
    box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.09000000357627869);
    box-shadow: none;
    border-top: 1px solid #eee;
}

.modal.wlh-modal.wlh-popup .modal-header img.header-icon-image {
    height: 30px;
    margin-right: 15px;
}

.modal.wlh-modal .modal-content i.content-icon {
    width: 40px;
    height: 40px;
    margin-left: calc(50% - 20px);
    margin-right: calc(50% - 20px);
    margin-bottom: 20px;
    text-align: center;
    line-height: 40px;
    margin-top: 25px;
    font-size: 40px;
}

.modal.wlh-modal .modal-content .content-icon-image {
    width: 40px;
    height: 40px;
    margin-left: calc(50% - 20px);
    margin-right: calc(50% - 20px);
    margin-bottom: 20px;
    margin-top: 25px;
}

.modal.wlh-modal.wlh-popup.wlh-promo-popup .modal-header {
    height: 300px;
    background-color: #FFFFFF;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wlh-modal .inn-title {
    width: 100%;
    height: auto;
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.46px;
}

.wlh-modal .inn-title.secondary {
    font-weight: 500;
    font-size: 15px;
}

.wlh-modal .padding-content {
    width: 100%;
    height: auto;
    padding: 16px;
}

.wlh-modal .padding-content .input-item {
    width: calc(100% - 12px);
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.wlh-modal .padding-content .input-item:last-of-type {
    margin-bottom: 0;
}

.wlh-modal .padding-content .input-item input {
    width: 100%;
    color: #000000;
    transition: 200ms all ease;
}

.wlh-modal .padding-content .input-item input:focus {
    box-shadow: none;
    border-bottom: 2px solid rgb(73, 122, 251);
}

.wlh-modal .padding-content .content-advice {
    color: #444444;
}

.wlh-modal .padding-content .content-advice .remark {
    font-weight: 500;
}

.wlh-modal .padding-content .content-advice .indented {
    padding-left: 15px;
}

.wlh-modal .padding-content .content-advice .minimal {
    font-size: 11px;
}

.wlh-modal .selects-content {
    width: 100%;
    height: auto;
    margin-top: 10px;
    display: flex;
    position: relative;
}

.wlh-modal .selects-content .selects-item {
    width: calc(80% - 10px);
    min-width: calc(80% - 10px);
    height: auto;
    margin-right: 10px;
}

.wlh-modal .selects-item.right {
    width: 20%;
    min-width: 20%;
    height: auto;
    margin-right: 0;
}

.wlh-modal .selects-item input {
    padding-right: 18px;
    width: calc(100% - 30px);
    color: #444444;
    font-family: 'Montserrat', sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.wlh-modal.wlh-image-zoom {
    width: fit-content;
    height: auto;
}

.wlh-modal.wlh-image-zoom .modal-content {
    text-align: center;
}

.wlh-modal.wlh-image-zoom img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 500px;
    max-height: 70vh;
    margin-bottom: -7px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.wlh-modal.wlh-image-zoom .modal-footer {
    display: none;
}

@media (max-width: 991px) {
    #popupModal .modal-header {
        background-size: contain;
    }

    .modal.wlh-modal {
        width: calc(100% - 20px);
    }

    .modal.wlh-modal.wlh-popup {
        top: 0 !important;
        width: 100%;
        height: 100%;
        margin: 0;
        border-radius: 0;
        max-height: unset;
        border-radius: 20px;
    }

    .modal.wlh-modal .modal-header {
        border-top-left-radius: 20px;
        border-top-RIGHT-radius: 20px;
    }

    .modal.wlh-modal.wlh-popup .modal-footer {
        position: absolute;
        bottom: 0;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .wlh-modal.wlh-image-zoom {
        width: fit-content;
        top: 2vh !important;
    }

    .wlh-modal.wlh-image-zoom img {
        max-width: 96vw;
        max-height: 96vh;
    }

    .modal.wlh-modal.wlh-popup .modal-header .modal-header-close {
        top: 20px;
        right: 12px;
        color: #333;
    }
    
    .modal.wlh-modal.wlh-popup .modal-header .modal-header-close i {
        font-size: 16px;
    }
}

#modalSocialReport form label {
    font-weight: normal;
    font-size: 14px;
    color: var(--w-color-black);
}

/* END MODALS */

/* INIT CHIPS */
.wlh-chip {
    width: auto;
    max-width: max-content;
    min-width: -moz-max-content;
    height: 30px;
    padding: 0 10px;
    border-radius: 15px;
    background-color: #eee;
    color: #666666;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    transition: 200ms all ease;
}

.wlh-chip:hover {
    background-color: #e1e1e1;
}

.wlh-chip .wlh-chip-label,
.wlh-chip .wlh-chip-icon {
    width: auto;
    height: auto;
    margin: auto 0;
    margin-right: 10px;
}

.wlh-chip .wlh-chip-icon {
    margin-right: 0;
}

.wlh-chip .wlh-chip-icon i {
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}

.wlh-chip.wlh-chip-small {
    height: 24px;
    border-radius: 12px;
}

.wlh-chip.wlh-chip-small .wlh-chip-icon i {
    width: auto;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
}

.wlh-chip.wlh-chip-uploader {
    background-color: rgba(75, 123, 251, 0.3);
    color: #404B69;
}

.wlh-chip.wlh-chip-uploader:hover {
    background-color: rgba(75, 123, 251, 0.4);
}

/* END CHIPS */

/* INIT UPLOAD COMPONENT */
.wlh-upload {
    width: 100%;
    height: auto;
    padding: 0px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
    flex-flow: row;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
}

.wlh-upload .wlh-upload-no-display {
    display: none !important;
}

.wlh-upload *:not(.material-icons-outlined) {
    font-family: 'Open Sans', sans-serif;
}

.wlh-upload:hover {
    background-color: #f9f9f9;
}

.wlh-upload .outside-content {
    min-width: 50px;
    width: 50px;
    height: auto;
    text-align: center;
    padding-left: 0px;
    float: left;
}

.wlh-upload .outside-content .upload-icon-content {
    width: auto;
    height: auto;
    max-width: 32px;
    display: block;
    float: left;
    margin: 16px 8px 0 16px;
    position: relative;
}

.wlh-upload .outside-content .new-upload-icons {
    position: absolute;
    bottom: -8px;
    left: -8px;
    height: 22px;
    line-height: unset;
    width: auto;
    margin: 2px auto;
    margin-right: 5px;
    margin-left: 3px;
    min-width: unset;
}

.wlh-upload .outside-content .upload-icon-content .upload-icon {
    float: left;
    width: 26px;
    height: auto;
}

.wlh-upload .outside-content .upload-icon-content .user-icon {
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin-top: -15px;
    margin-left: calc(100% - 15px);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

.wlh-upload .outside-content .file-counter {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    color: #b6b6b6;
    margin-top: -5px;
}

.wlh-upload .outside-content .file-counter i {
    vertical-align: top;
    width: auto;
    height: 24px;
    line-height: 25px;
    font-size: 14px;
    margin-right: 4px;
}

.wlh-upload .outside-content .file-counter span {
    vertical-align: top;
    width: auto;
    height: 24px;
    line-height: 27px;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.wlh-upload .inside-content {
    width: calc(100% - 66px);
    height: auto;
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    float: left;
    padding-right: 0px;
    margin-right: 16px;
}

.wlh-upload.wlh-upload-slide .inside-content {
    min-height: 96px;
    padding-bottom: 0;
}

.wlh-upload.wlh-upload-slide.wlh-upload-global .inside-content {
    min-height: 105px;
}

.wlh-upload .inside-content .upload-title {
    width: 100%;
    height: auto;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    max-height: 42px;
    text-overflow: ellipsis;
    word-wrap: break-word;


    margin-top: 13px;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 0px;
    color: #181818;
}

.wlh-upload .inside-content .item-line {
    width: 100%;
    height: auto;
    font-weight: 700;
    color: #000000;
    font-size: 20px;
    line-height: 21px;
    display: flex;
    margin-bottom: 0px;
}

.wlh-upload .inside-content .item-line.autosized {
    width: auto;
    margin-right: 5px;
}

.wlh-upload .inside-content .item-line i {
    width: 16px;
    min-width: 16px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #b6b6b6;
    margin-right: 2px;
}


.wlh-upload .inside-content .upload-main-row .upload-stats-line-likes.item-line {
    margin-right: 6px !important;
}

.wlh-upload .inside-content .upload-main-row .upload-stats-line-likes.item-line i {
    font-size: 13px;
    margin-right: 0;
}

.wlh-upload .inside-content .upload-main-row .upload-stats-line-downloads.item-line i {
    margin-right: 0px !important;
}

.wlh-upload .inside-content .item-line.school i {
    color: #000000;
}

.wlh-upload .inside-content .item-line img {
    max-height: 20px;
    line-height: unset;
    width: auto;
    height: 14px;
    margin: 2px auto;
    margin-right: 5px;
    margin-left: 3px;
    min-width: unset;
}

.wlh-upload .inside-content .item-line .line-label {
    width: auto;
    height: auto;
    margin: 0;
    color: #999;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
    transition: 200ms all ease;
    word-break: break-word;
}

.wlh-upload .inside-content .item-line .line-label.study {
    min-width: max-content;
    min-width: -moz-max-content;
}

.wlh-upload .inside-content .item-line .line-label.center,
.wlh-upload .inside-content .item-line .line-label.university {
    width: 100%;
    max-width: fit-content;
    max-width: -moz-fit-content;
}

.wlh-upload .inside-content .item-line.linked .line-label:hover {
    text-decoration: underline;
    cursor: pointer;
}

.wlh-upload .inside-content .upload-main-row {
    width: 100%;
    height: 20px;
    margin-bottom: 0px;
    overflow: hidden;
}

.wlh-upload .inside-content .upload-main-row .item-line {
    float: left;
    width: auto;
    height: 20px;
    margin: 0;

    margin-left: 0 !important;
}

.wlh-upload .inside-content .upload-main-row .item-line i {
    height: 20px;
    line-height: 20px;
    width: 16px;
    min-width: unset;
}

.wlh-upload .inside-content .upload-main-row .item-line .line-label {
    height: 20px;
    line-height: 20px;
}

.wlh-upload .upload-main-row .line-label {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
}

.wlh-upload .inside-content .upload-main-row .item-line.righted {
    float: right;
}

.wlh-upload .inside-content .upload-main-row .item-line+.item-line {
    margin-left: 15px;
}

.wlh-upload .inside-content .item-line.upload-user-line {
    margin-right: 4px;
}

.wlh-upload .upload-user-line .user-icon {
    height: 16px;
    width: 16px;
    background-size: contain;
    border-radius: 20px;
    margin: 2px 2px 2px 0;
}

.wlh-upload .upload-user-line .loading-profile-message {
    -webkit-animation: loading-color-change 2s infinite;
    -moz-animation: loading-color-change 2s infinite;
    -o-animation: loading-color-change 2s infinite;
    -ms-animation: loading-color-change 2s infinite;
    animation: loading-color-change 2s infinite;
}

.wlh-upload .inside-content .upload-main-row .upload-label-line {
    width: auto !important;
    margin-right: 6px;
}

.wlh-upload .inside-content .upload-main-row .item-line.upload-popularity-line {
    max-width: 20%;
}

.wlh-upload .inside-content .upload-main-row .upload-popularity-line i,
.wlh-upload .inside-content .upload-main-row .upload-count-line i {
    margin-right: 0;
}

.wlh-upload .inside-content .upload-main-row .item-line.upload-coins-item {
    background-color: #5fdba7;
    border-radius: 4px;
    height: 18px;
    margin-top: 1px;
    margin-right: 4px;
    padding: 0 4px;
}

.wlh-upload .inside-content .upload-main-row .upload-coins-line.line-label {
    color: #468847;
    line-height: 18px;
    height: 18px;
    font-size: 11px;
    font-weight: 700;
}

.wlh-upload .item-line.study-info-line {
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    overflow: hidden;
}

.wlh-upload .study-info-line .line-label {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    height: 13px;
    max-width: 100%;
    text-align: left;
}

.wlh-upload .study-info-line .middle-dot-separator {
    margin: 0 5px;
    line-height: 20px;
    color: #999;
    font-weight: 700;
}

.wlh-upload .upload-removed-line.unrestorable .line-label {
    color: #c13011;
    font-weight: 600;
}

.wlh-upload .upload-removed-line:not(.unrestorable) .line-label {
    color: #238bfe;
    font-weight: 600;
}

.wlh-upload .upload-actions {
    width: 100%;
    height: auto;
    text-align: right;
    margin-top: 10px;
}

.wlh-upload .upload-actions .upload-actions-edit {
    background-color: #ffffff;
    color: var(--w-color-primary);
}

.wlh-upload .upload-actions button+button {
    margin-left: 5px;
}

@media(max-width: 991px) {
    .wlh-upload {
        padding: 16px 16px 0 6px;
        padding: 0;
    }

    .wlh-upload .not-on-mobile {
        display: none !important;
    }

    .wlh-upload .inside-content .upload-main-row .upload-nick-line {
        max-width: 50% !important;
    }

    .wlh-upload.wlh-upload-slide {
        margin-left: 8px;
        width: 280px;
        display: inline-block;
        float: left;
    }

    .wlh-upload.wlh-upload-slide.wlh-upload-slide-2 {
        width: calc(100% / 2 - 8px);
    }

    .wlh-upload.wlh-upload-slide .outside-content,
    .wlh-upload.wlh-upload-slide .inside-content {
        display: block;
        float: left;
    }

    .wlh-upload .folder-info-line .line-label {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
    }
}

.wlh-upload.wlh-upload-reduced .not-on-reduced,
.wlh-upload.wlh-upload-slide .not-on-slide,
.wlh-upload.wlh-upload-categorised .not-on-categorised,
.wlh-upload.wlh-upload-localised .not-on-localised,
.wlh-upload.wlh-upload-uncounted .not-on-uncounted,
.wlh-upload:not(.wlh-upload-owned):not(.wlh-upload-admin) .just-on-owned,
.wlh-upload:not(.wlh-upload-owned).wlh-upload-admin .just-on-owned:not(.admin-action),
.wlh-upload:not(.wlh-upload-admin) .just-on-admin,
.wlh-upload.wlh-upload-anonymous .not-on-anonymous,
.wlh-upload:not(.wlh-upload-anonymous) .just-on-anonymous,
.wlh-upload.wlh-upload-no-actions .not-on-no-actions,
.wlh-upload.wlh-upload-deleted .not-on-deleted,
.wlh-upload:not(.wlh-upload-deleted) .just-on-deleted,
.wlh-upload:not(.wlh-upload-global) .just-on-global,
.wlh-upload.wlh-upload-loading-profile .not-on-loading-profile,
.wlh-upload:not(.wlh-upload-loading-profile) .just-on-loading-profile,
.wlh-upload.wlh-upload-no-university .not-on-no-university,
.wlh-upload.wlh-upload-reduced-2 .not-on-reduced,
.wlh-upload.wlh-upload-reduced-2 .not-on-reduced-2,
.wlh-upload.wlh-upload-reduced:not(.wlh-upload-reduced-2) .not-on-reduced-1,
.wlh-upload:not(.wlh-upload-recent) .just-on-recent,
.wlh-upload.wlh-upload-lazy-file .not-on-lazy-file,
.wlh-upload:not(.wlh-upload-lazy-file) .just-on-lazy-file,
.wlh-upload.wlh-upload-lazy-file.wlh-upload-is-file .not-on-file-lazy-file {
    display: none;
}

.wlh-upload-slide {
    width: calc(100% / 3 - 0px);
    display: inline-block;
    vertical-align: top;
    padding: 0;
    border-radius: 4px;
    margin-left: 0px;
}

.wlh-upload-slide.wlh-upload-slide-2 {
    width: calc(100% / 2 - 0px);
}

.wlh-upload-reduced .folder-info-line .line-label {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}

.wlh-upload[onclick=""] {
    cursor: default;
}

.wlh-upload[onclick=""]:hover {
    background: none !important;
}

@-webkit-keyframes loading-color-change {
    0% {
        color: #eee;
    }

    7% {
        color: #e7e7e7;
    }

    14% {
        color: #ddd;
    }

    20% {
        color: #d2d2d2;
    }

    26% {
        color: #c4c3c4;
    }

    32% {
        color: #b7b7b7;
    }

    38% {
        color: #acacac;
    }

    44% {
        color: #a1a1a1;
    }

    50% {
        color: #999;
    }

    56% {
        color: #a1a1a1;
    }

    62% {
        color: #acacac;
    }

    68% {
        color: #b7b7b7;
    }

    74% {
        color: #c4c3c4;
    }

    80% {
        color: #d2d2d2;
    }

    86% {
        color: #ddd;
    }

    93% {
        color: #e7e7e7;
    }

    100% {
        color: #eee;
    }
}

/* END UPLOAD COMPONENT */


/* FOLDER ITEM START */

.folder-item {
    position: relative;
    width: 100%;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    height: auto;
    float: left;
    padding: 0 16px;
}

.folder-item:hover {
    background-color: #fcfcfc;
}

.folder-item .folder-icon {
    position: absolute;
    top: 15px;
    left: 8px;
    height: 20px;
    width: auto;
    color: #a9a9a9;
}

.folder-item .folder-icon.m-ic {
    left: -4px;
}

.folder-item .folder-icon.m-ic,
.folder-item .folder-icon.m-ic .material-icons-outlined {
    width: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 20px;
    color: #3498db;
}

.folder-item .text {
    position: relative;
    height: auto;
    width: 100%;
    padding: 12px 23px;
    overflow: hidden;
    float: left;
    margin: 0px;
    background-repeat: no-repeat;
    background-position: left 0px center;
    background-size: 16px auto;
    border-bottom: 1px solid #eee;
    background-image: url('https://s3-eu-west-1.amazonaws.com/wuolah-public/media/res/icon/subject-verified-05f-3x.png');
}

.folder-item.not-verified .text {
    background-image: url(https://s3-eu-west-1.amazonaws.com/wuolah-public/media/res/icon/subject-no-verified-05f-3x.png);
}

@media (max-width: 991px) {
    .folder-item .text {
        padding-right: 0px;
    }
}

.folder-item .text .up-line {
    float: left;
    width: 100%;
    cursor: pointer;
    color: #181818;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    height: auto;
    min-height: 16px;
    word-break: break-all;
    line-height: 16px;
}

.folder-item .text .up-line:hover {
    text-decoration: underline;
}

.folder-item .text .down-line {
    position: relative;
    float: left;
    width: 100%;
    font-size: 12px;
    color: #999;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    height: auto;
    line-height: 16px;
}

.folder-item .folder-actions {
    position: absolute;
    right: 16px;
    top: 13px;
}

.folder-item .folder-actions button {
    display: none;
}

.folder-item .folder-actions button:last-of-type {
    margin-left: 5px;
    display: block;
}


@media(max-width: 991px) {
    .folder-item {
        padding: 0 16px;
        width: 100%;
    }
}

/* FOLDER ITEM END */

/*CMP STYLE*/
.modalBanner_learnMore--3IOwL a {
    color: #aaa !important;
}

.modalBanner_accept--3z0vp a {
    background-color: var(--w-color-primary) !important;
    color: #fff !important;
    border-radius: 20px !important;
}

.modalBanner_accept--3z0vp a:hover {
    color: #fff !important;
    background-color: #1f73de !important;
}

.modalBanner_content-centered--U4BoZ .modalBanner_messageContents--26KVH {
    max-height: calc(100vh - 240px) !important;
}

.popup_content--2sb4z {
    display: block !important;
    -webkit-transform: translate3d(0, 0, 0);
}

/* INFOBOX */
.infobox {
    width: calc(100% - 26px);
    height: auto;
    display: grid;
    margin: 10px;
    margin-left: 16px;
    grid-template-columns: 10px 30% 70%;
    grid-template-rows: 10px minmax(130px, auto);
    grid-template-areas: 'topclear topclear topclear'
        'lateralclear ibcontainer ibcontainer';
}

.infobox.ib-right-asset {
    margin-left: 10px;
    margin-right: 16px;
    grid-template-columns: 30% 70% 10px;
    grid-template-areas: 'topclear topclear topclear'
        'ibcontainer ibcontainer lateralclear';
}

.infobox.ib-independent {
    width: 100%;
    margin: 0;
    margin-top: -10px;
    margin-bottom: 20px;
    margin-left: -10px;
}

.infobox.ib-right-asset.ib-independent {
    margin-left: 0;
}

.ib-toplear {
    grid-area: topclear;
}

.ib-ibcontainer {
    grid-area: ibcontainer;
    background: var(--w-color-deg-grey);
    border-radius: 8px;
    display: grid;
    grid-template-columns: 30% 70%;
    grid-template-rows: 1fr;
    grid-template-areas: 'assetfield textfield';
}

.ib-independent .ib-ibcontainer {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04), 0 2px 0px -1px rgba(0, 0, 0, 0.07);
}

.ib-right-asset .ib-ibcontainer {
    grid-template-columns: 70% 30%;
    grid-template-areas: 'textfield assetfield';
}

.ib-lateralclear {
    grid-area: lateralclear;
}

.ib-assetfield {
    grid-area: assetfield;
    position: relative;
}

.ib-assetcontainer {
    position: absolute;
    left: -10px;
    top: -10px;
    width: auto;
    height: calc(100% + 10px);
    display: flex;
    width: 100%;
}

.ib-right-asset .ib-assetcontainer {
    left: unset;
    right: -10px;
    top: -10px;
}

.ib-assetcontainer img {
    width: auto;
    height: 100%;
    margin: auto;
    margin-left: 0;
}

.ib-right-asset .ib-assetcontainer img {
    margin-left: auto;
    margin-right: 0;
}

.ib-textfield {
    position: relative;
    z-index: 10;
    grid-area: textfield;
    padding: 10px 16px;
    grid-template-columns: 1fr;
    grid-template-rows: fit-content(34px) auto auto;
    row-gap: 5px;
    grid-template-areas: 'ibtitle'
        'ibdescription'
        'ibbutton';
    font-family: 'Open Sans', sans-serif;
    color: var(--w-color-black);
    box-sizing: border-box;
    text-align: left;
}

.ib-title {
    grid-area: ibtitle;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

.ib-independent .ib-title {
    /* font-size: 15px;
    line-height: 16px; */
}

.ib-mob-title {
    grid-area: ibtitle;
    display: none;
    font-size: 15px;
    line-height: 18px;
}

.ib-description {
    grid-area: ibdescription;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    word-wrap: break-word;
    margin-top: 5px;
}

.ib-description img.ib-description-icon {
    width: 12px;
    height: 12px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 0;
    margin-bottom: -2px;
    border-radius: unset;
}

.ib-mob-description {
    grid-area: ibdescription;
    display: none;
    font-size: 14px;
    line-height: 15px;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-overflow: ellipsis;
}

.ib-button {
    grid-area: ibbutton;
    justify-self: end;
    align-self: end;
}

.ib-right-asset .ib-button {
    justify-self: start;
    align-self: start;
}

.ib-button button {
    margin-top: 11px;
}

@media screen and (max-width: 991px) {
    .ib-ibcontainer {
        grid-template-columns: 40% 60%;
    }

    .ib-right-asset .ib-ibcontainer {
        grid-template-columns: 60% 40%;
    }

    .ib-textfield {
        grid-template-rows: fit-content(36px) fit-content(75px) auto;
    }

    .ib-title {
        display: none;
        margin-bottom: 5px;
    }

    .ib-mob-title {
        display: initial;
        display: block;
    }

    .ib-description {
        display: none;
    }

    .ib-mob-description {
        display: initial;
        display: -webkit-box;
    }
}

@media screen and (max-width: 425px) {
    .ib-ibcontainer {
        grid-template-columns: 50% 50%;
    }

    .ib-right-asset .ib-ibcontainer {
        grid-template-columns: 50% 50%;
    }
}

@media screen and (max-width: 450px) {
    .ib-assetfield {
        display: none;
    }

    .ib-ibcontainer {
        grid-template-columns: 0% 100%;
    }

    .ib-right-asset .ib-ibcontainer {
        grid-template-columns: 100% 0%;
    }
}

/* INFOBOX */

/* ACCOUNT CONFIRM START */

#user-confirm-advice .fake-input {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    line-height: 39px;
    pointer-events: none;
}

#user-confirm-advice .fake-input .fake-inner-input {
    padding: 10px 15px;
    border-radius: 4px;
    background-color: #eeeeee;
    line-height: 15px;
}

#user-confirm-advice a {
    cursor: pointer;
}

#user-confirm-advice .change-mail-container {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 115px;
}

#user-confirm-advice.user-facebook-advice .change-mail-container {
    margin-top: 25px;
}

#user-confirm-advice:not(.expanded):not(.user-facebook-advice) .change-mail-container {
    display: none;
}

#user-confirm-advice .change-mail-container input {
    width: calc(100% - 136px);
    margin: 0 15px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    padding-left: 12px;
}

#user-confirm-advice .change-mail-container .confirm-mail-button {
    display: inline-block;
    vertical-align: top;
}

#user-confirm-advice .error-message-container {
    float: left;
    width: 100%;
}

#user-confirm-advice .error-message-container #new-mail-error,
#user-confirm-advice .error-message-container #mail-pass-error {
    float: left;
    width: 160px;
    height: auto;
    font-size: 12px;
    line-height: 13px;
    margin-right: 15px;
    min-height: 1px;
    color: var(--w-color-red);
}

/* ACCOUNT CONFIRM END */

/* MATERIAL WUOLAH SELECTS */
.w-select {
    position: relative;
    width: auto;
    height: auto;
}

.w-select .w-select-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.w-select select {
    display: block;
    width: 100%;
    height: 36px;
    border-radius: 5px;
    padding: 0 8px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: rgb(17, 17, 17);
    letter-spacing: 1.5px;
    border: 2px solid rgb(215, 216, 218);
    background-color: transparent;
}

.w-select .w-select-options {
    display: none;
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 2px;
    left: 0;
    min-height: max-content;
    background: #FFFFFF;
    transform: translateY(90%);
    border-radius: 5px;
    opacity: 0;
    border: 1px solid #ccc;
    border-color: rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    overflow: hidden;
    z-index: 99;
}

.w-select.drop .w-select-options {
    display: initial;
    max-height: 280px;
    overflow-y: auto;
    animation-duration: 200ms;
    animation-name: wSelectDropdown;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes wSelectDropdown {
    to {
        transform: translateY(100%);
        opacity: 1;
    }
}

.w-select .w-select-options .w-select-opt {
    width: 100%;
    height: auto;
    min-height: 36px;
    display: flex;
    padding: 8px;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: var(--w-color-black);
    cursor: pointer;
    transition: 180ms all ease;
}

.w-select .w-select-options .w-select-opt:hover {
    background-color: var(--w-color-background);
}
/* MATERIAL WUOLAH SELECTS */

/* EXPLAIN ITEMS */
.to-explain {
    position: relative;
}

.explain-item {
    width: 270px;
    position: absolute;
    height: auto;
    background: #FFFFFF;
    border-radius: 8px;
    top: 100%;
    left: 0;
    margin-top: 10px;
    z-index: -15;
    box-shadow: 0 3px 6px 0 rgba(32,33,36,0.28);
    border-color: rgba(223,225,229,0);
    padding: 12px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 19px;
    color: var(--w-color-black);
    font-weight: 400;
    text-align: left;
    opacity: 0;
    transition: 0.2s all ease;
}

.to-explain:hover .explain-item {
    z-index: 999;
    opacity: 1;
}

.explain-item .explain-title {
    width: 100%;
    height: auto;
    font-size: 15px;
    font-weight: 700;
}

.explain-item .explain-description {
    width: 100%;
    height: auto;
    margin-top: 10px
}

.explain-item .explain-description a {
    color: var(--w-color-primary);
}
/* EXPLAIN ITEMS */

/* GUEST BAR START */

.headers-guest-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 1;
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, .1);
    display: none;
}

.headers-guest-bar .headers-guest-button {
    margin: 7px 0;
    width: 100px;
    margin-left: calc((100% - 260px)/3);
}

@media(max-width:991px) {
    .headers-guest-bar {
        display: block;
    }
    body.no-session-body {
        margin-bottom: 50px;
    }
}
/* GUEST BAR END */

/* EDITABLE TEMPLATE */
.editable-template {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 3fr;
    grid-template-rows: auto;
    grid-template-areas: 'labelside valueside';
    column-gap: 16px;
    width: 100%;
    height: auto;
    margin-right: 16px;
    padding: 24px 0;
    padding-right: 16px;
    background: #FFFFFF;
    border-bottom: 1px solid rgb(239, 239, 244);
    background-color: transparent;
    transition: 180ms all ease;
}

.editable-template.no-border {
    border: unset;
}

.editable-template.with-aux.onedit {
    grid-template-rows: auto auto;
    grid-template-areas: 'labelside valueside'
                         'auxside auxside';
}

.editable-template.w-aux-text {
    grid-template-rows: auto auto;
    grid-template-areas: 'labelside valueside'
                         'labelside auxside';
}

.editable-template * {
    transition: 180ms all ease;
}

.editable-template.onedit {
    background-color: rgb(242, 246, 255);
}

.editable-template.disabled {
    pointer-events: none;
}

.editable-template.only-switch {
    grid-template-columns: auto;
}

.editable-template .label-side {
    grid-area: labelside;
    margin: auto 24px;
    font-family: 'Open Sans', sans-serif;
    color: rgb(103, 103, 106);
    font-size: 14px;
    font-weight: 400;
}

@media screen and (max-width: 991px) {
    .editable-template .label-side {
        margin: auto 0;
    }
}

.editable-template.e-only-read .label-side {
    margin-top: 0;
}

.editable-template.only-switch .label-side {
    margin: auto;
    margin-left: 16px;
}

.editable-template .input-side {
    grid-area: valueside;
    width: 100%;
    height: auto;
    margin: auto 0;
    background-color: transparent;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 8px 16px;
    border-bottom: 2px solid transparent;
    display: flex;
    flex-flow: column;
}

.editable-template.e-only-read .input-side {
    padding: 0 16px;
    flex-flow: initial;
    padding-right: 0;
}

.editable-template .aux-side {
    display: none;
    grid-area: auxside;
    justify-self: end;
    font-family: 'Open Sans', sans-serif;
    color: rgb(153, 153, 153);
    font-size: 14px;
}

.editable-template.onedit .aux-side,
.editable-template.w-aux-text .aux-side {
    display: initial;
}

.editable-template.w-aux-text .aux-side {
    padding: 16px;
    padding-bottom: 0;
    padding-right: 0;
    font-size: 13px;
    line-height: 16px;
}

.editable-template .aux-side.change-combo {
    padding-top: 25px;
}

.editable-template.onedit .input-side {
    background-color: rgb(236, 237, 241);
    border-bottom: 2px solid var(--w-color-primary);
}

.editable-template .input-side .is-label {
    display: none;
    width: auto;
    height: auto;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: rgb(103, 103, 106);
}

.editable-template.onedit .input-side .is-label {
    display: block;
}

.editable-template .input-side .switch {
    margin-left: auto;
}

.editable-template .input-side .edit-button {
    width: auto;
    min-width: max-content;
    height: auto;
    border-radius: 18px;
    cursor: pointer;
    margin-left: auto;
    z-index: 5;
    user-select: none;
}

.editable-template .input-side .edit-button.info {
    margin: auto 0;
    height: auto;
    max-height: 20px;
}

.editable-template .input-side .edit-button i {
    width: auto;
    height: auto;
    text-align: center;
    font-size: 20px;
    color: var(--w-color-hover-anchored);
}

.editable-template .input-side .edit-button.info i {
    color: var(--w-color-primary);
}

.editable-template .input-side .edit-button:hover i {
    color: var(--w-color-uploads);
}

.editable-template .input-side .edit-button.info:hover i {
    color: var(--w-color-blue-active);
}

.editable-template .input-side input,
.editable-template .input-side .only-read {
    border: none !important;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: rgb(17, 17, 17);
    letter-spacing: 1.5px;
    height: 24px;
    pointer-events: none;
    padding-right: 16px;
}

.editable-template .input-side textarea {
    border: none !important;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: rgb(17, 17, 17);
    letter-spacing: 1.5px;
    height: 42px;
    pointer-events: none;
    padding-right: 16px;
    resize: none;
}

@media screen and (max-width: 991px) {
    .editable-template .input-side input,
    .editable-template .input-side .only-read, .editable-template .input-side textarea {
        letter-spacing: 0;
    }
}

.editable-template .input-side textarea::placeholder{
    line-height: 42px;
    font-size: 14px;
}

.editable-template .select-wrapper span.caret {
    display: none;
}

.editable-template .input-side .only-read {
    height: auto;
}

.editable-template.onedit .input-side input, .editable-template.onedit .input-side textarea {
    pointer-events: all;
}

.editable-template .input-side input:focus {
    border: none !important;
    box-shadow: unset !important;
}

.editable-template .input-side textarea:focus {
    outline: none !important;
}

.editable-template button {
    margin: auto 0;
    color: var(--w-color-primary);
}

.editable-template.add-study-selects .aux-side button,
.editable-template .aux-side.change-combo button {
    margin: 0;
    margin-left: 12px;
}

.editable-template.add-study-selects .aux-side button:first-of-type,
.editable-template .aux-side.change-combo button {
    border-color: var(--w-color-primary);
    background-color: transparent;
}

.editable-template.only-switch .switch {
    height: 28px;
}
/* EDITABLE TEMPLATE */