@charset "UTF-8";
/**
 * main.scss
 *
 * Import all styles.
 *
 * Keep this clean and do not write CSS declarations directly here. Use
 * specific partials files for this. This file should only import other
 * Sass partials.
 *
 */
/**
 * partials/_theme.scss
 *
 * Defines variables for the project.
 *
 * Do not write or import CSS or Sass declarations in this file as this
 * file shouldn't output any CSS. This is only for configuration stuff.
 *
 */
/**
 * partials/_base.scss
 *
 * Imports mixins and third party libraries.
 *
 * Do not write or import CSS or Sass declarations in this file as this
 * file shouldn't output any CSS. This is only for configuration stuff.
 */
/**
 * Given a value in pixels, return the corresponding value converted
 * to em.
 *
 * @param  {int} $pixels
 * @param  {int} $context
 * @return {string}
 */
/**
 * Useful mixin to generate CSS for retina-ready background images.
 *
 * @param {string} $file
 * @param {string} $type
 * @param {string} $width
 * @param {string} $height
 * @return {void}
 */
/**
 * partials/_reset.scss
 *
 * Does a CSS reset
 *
 */
/*
 * Comment/Uncomment the below if you need to reset the styles using
 * the compass reset code
 */
/*
 * You can put your custom reset here for standard components if the compass
 * reset doesn't suit you or if you have more to reset. Don't put
 * things that are custom to your theme/website. General stuff only.
 */
@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

/**
 * Colors
 */
.bg-sample {
    text-align: center;
    width: 12.5%;
    color: #000;
}

.bg-indigo-1 {
    background: #D6D8E5;
}

.bg-indigo-2 {
    background: #ADB1CB;
}

.bg-indigo-3 {
    background: #848AB1;
}

.bg-indigo-4 {
    background: #5B6397;
}

.bg-indigo-5 {
    background: #323C7D;
    color: #FFF;
}

.bg-indigo-6 {
    background: #283273;
    color: #FFF;
}

.bg-indigo-7 {
    background: #1E2869;
    color: #FFF;
}

.bg-indigo-8 {
    background: #141E5F;
    color: #FFF;
}

.bg-indigo-9 {
    background: #0A1455;
    color: #FFF;
}

.bg-grey-1 {
    background: #E0E3E8;
}

.bg-grey-2 {
    background: #C2C8D1;
}

.bg-grey-3 {
    background: #A3ACBA;
}

.bg-grey-4 {
    background: #8591A3;
}

.bg-grey-5 {
    background: #66758C;
    color: #FFF;
}

.bg-grey-6 {
    background: #5F6B82;
    color: #FFF;
}

.bg-grey-7 {
    background: #586178;
    color: #FFF;
}

.bg-grey-8 {
    background: #4E576E;
    color: #FFF;
}

.bg-grey-9 {
    background: #444D64;
    color: #FFF;
}

.bg-magenta-1 {
    background: #FAD0DF;
}

.bg-magenta-2 {
    background: #F5A1BF;
}

.bg-magenta-3 {
    background: #F0729F;
}

.bg-magenta-4 {
    background: #EB437F;
}

.bg-magenta-5 {
    background: #E6145F;
    color: #FFF;
}

.bg-magenta-6 {
    background: #DC0A55;
    color: #FFF;
}

.bg-magenta-7 {
    background: #D2004B;
    color: #FFF;
}

.bg-magenta-8 {
    background: #C80041;
    color: #FFF;
}

.bg-magenta-9 {
    background: #BE0037;
    color: #FFF;
}

.bg-cyan-1 {
    background: #D1F0F6;
}

.bg-cyan-2 {
    background: #A3E1ED;
}

.bg-cyan-3 {
    background: #75D2E4;
}

.bg-cyan-4 {
    background: #47C3DB;
}

.bg-cyan-5 {
    background: #19B4D2;
}

.bg-cyan-6 {
    background: #0FAAC8;
}

.bg-cyan-7 {
    background: #05A0BE;
}

.bg-cyan-8 {
    background: #0096B4;
}

.bg-cyan-9 {
    background: #008CAA;
}

.bg-purple-1 {
    background: #DAD3DE;
}

.bg-purple-2 {
    background: #B5A7BD;
}

.bg-purple-3 {
    background: #907B9C;
}

.bg-purple-4 {
    background: #6B4F7B;
}

.bg-purple-5 {
    background: #46235A;
    color: #FFF;
}

.bg-purple-6 {
    background: #320A46;
    color: #FFF;
}

.bg-purple-7 {
    background: #28003C;
    color: #FFF;
}

.bg-purple-8 {
    background: #1E0032;
    color: #FFF;
}

.bg-purple-9 {
    background: #140028;
    color: #FFF;
}

.bg-green-1 {
    background: #CCE4CC;
}

.bg-green-2 {
    background: #99C999;
}

.bg-green-3 {
    background: #66AE66;
}

.bg-green-4 {
    background: #339333;
}

.bg-green-5 {
    background: #007800;
    color: #FFF;
}

.bg-green-6 {
    background: #006E00;
    color: #FFF;
}

.bg-green-7 {
    background: #006400;
    color: #FFF;
}

.bg-green-8 {
    background: #005A00;
    color: #FFF;
}

.bg-green-9 {
    background: #005000;
    color: #FFF;
}

.bg-orange-1 {
    background: #FADECC;
}

.bg-orange-2 {
    background: #F5BD99;
}

.bg-orange-3 {
    background: #F09C66;
}

.bg-orange-4 {
    background: #EB7B33;
}

.bg-orange-5 {
    background: #E65A00;
    color: #FFF;
}

.bg-orange-6 {
    background: #DC5000;
    color: #FFF;
}

.bg-orange-7 {
    background: #D24600;
    color: #FFF;
}

.bg-orange-8 {
    background: #C83C00;
    color: #FFF;
}

.bg-orange-9 {
    background: #BE3200;
    color: #FFF;
}

.bg-yellow-1 {
    background: #FDF0CC;
}

.bg-yellow-2 {
    background: #FBE199;
}

.bg-yellow-3 {
    background: #F9D266;
}

.bg-yellow-4 {
    background: #F7C333;
}

.bg-yellow-5 {
    background: #F5B400;
}

.bg-yellow-6 {
    background: #EBAA00;
}

.bg-yellow-7 {
    background: #E1A000;
}

.bg-yellow-8 {
    background: #D79600;
}

.bg-yellow-9 {
    background: #CD8C00;
}

.text-white {
    color: #FFF;
}

/**
 * Object Colors based on the content type
 */
.static .color-type-based, .article .color-type-based, .video .color-type-based {
    background: #323C7D;
    color: #FFF;
}

.static .color-type-based a, .static .color-type-based a:visited, .static .color-type-based a:focus, .article .color-type-based a, .article .color-type-based a:visited, .article .color-type-based a:focus, .video .color-type-based a, .video .color-type-based a:visited, .video .color-type-based a:focus {
    color: #FFF;
}

.static .color-type-based a:hover, .static .color-type-based a:visited:hover, .static .color-type-based a:focus:hover, .article .color-type-based a:hover, .article .color-type-based a:visited:hover, .article .color-type-based a:focus:hover, .video .color-type-based a:hover, .video .color-type-based a:visited:hover, .video .color-type-based a:focus:hover {
    color: #141E5F;
}

.static .text-type-based, .article .text-type-based, .video .text-type-based {
    color: #323C7D;
}

.user-post .color-type-based, .user .color-type-based, .user-article .color-type-based, .qa .color-type-based {
    background: #47C3DB;
    color: #FFF;
}

.user-post .color-type-based a, .user-post .color-type-based a:visited, .user-post .color-type-based a:focus, .user .color-type-based a, .user .color-type-based a:visited, .user .color-type-based a:focus, .user-article .color-type-based a, .user-article .color-type-based a:visited, .user-article .color-type-based a:focus, .qa .color-type-based a, .qa .color-type-based a:visited, .qa .color-type-based a:focus {
    color: #FFF;
}

.user-post .color-type-based a:hover, .user-post .color-type-based a:visited:hover, .user-post .color-type-based a:focus:hover, .user .color-type-based a:hover, .user .color-type-based a:visited:hover, .user .color-type-based a:focus:hover, .user-article .color-type-based a:hover, .user-article .color-type-based a:visited:hover, .user-article .color-type-based a:focus:hover, .qa .color-type-based a:hover, .qa .color-type-based a:visited:hover, .qa .color-type-based a:focus:hover {
    color: #0096B4;
}

.user-post .text-type-based, .user .text-type-based, .user-article .text-type-based, .qa .text-type-based {
    color: #47C3DB;
}

.activity .color-type-based {
    background: #E65A00;
    color: #FFF;
}

.activity .color-type-based a, .activity .color-type-based a:visited, .activity .color-type-based a:focus {
    color: #FFF;
}

.activity .color-type-based a:hover, .activity .color-type-based a:visited:hover, .activity .color-type-based a:focus:hover {
    color: #C83C00;
}

.activity .text-type-based {
    color: #E65A00;
}

/**
 * Typography
 */
@font-face {
    font-family: "opo-icons";
    src: url(/fonts/opo-icon.ttf);
}

body {
    font-family: "Roboto", sans-serif;
    color: #283273;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    line-height: 1;
    font-weight: normal;
}

h1 {
    font-family: "Baloo", cursive;
    font-size: 30px;
}

h2 {
    font-family: "Baloo", cursive;
    font-size: 25px;
}

h3 {
    font-family: "Baloo", cursive;
    font-size: 20px;
}

.title-main {
    font-family: "Baloo", cursive;
    font-size: 35px;
    line-height: 28px;
}

.title-main.big {
    font-size: 40px;
    line-height: 43px;
    margin-bottom: 10px;
}

@media (min-width: 1440px) {
    .title-main {
        font-size: 50px;
        line-height: 53px;
    }

    .title-main.big {
        font-size: 55px;
        line-height: 58px;
    }
}

.title {
    font-family: "Baloo", cursive;
    font-size: 20px;
    line-height: 23px;
}

.title.big {
    font-size: 25px;
    line-height: 28px;
}

.text {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 24px;
}

.text-bold {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 23px;
    font-weight: 800;
}

.text-bold.big {
    font-size: 25px;
    line-height: 28px;
}

a, a:visited, a:focus {
    text-decoration: none;
    color: #283273;
}

a:hover, a:visited:hover, a:focus:hover {
    color: #141E5F;
    text-decoration: none;
}

a.form-link, .link-below-button {
    text-decoration: underline;
}

.section-title {
    color: #8591A3;
}

.section-title small {
    font-family: "Roboto", sans-serif;
    font-size: 50%;
    margin-left: 10px;
}

.text-accent {
    color: #5F6B82;
    font-weight: bold;
}

.text-accent-info {
    color: #8591A3;
}

.text-accent-info {
    color: #8591A3;
}

.text-description {
    color: #000;
}

.help-link-field {
    font-size: 14px;
    color: #000;
    margin-top: -10px;
}

.help-link {
    font-size: 80%;
    text-align: center;
    color: #000;
}

.form-label {
    color: #586178;
    font-size: 18px;
    font-weight: 400;
}

small.help-text {
    color: #586178;
    font-size: 85%;
    font-weight: 100;
}

.orange-title-big, .magenta-title-big, .purple-title-big,
.yellow-title-big, .green-title-big, .grey-title-big,
.cyan-title-big, .indigo-title-big {
    font-size: 25px;
    font-family: "Baloo", cursive;
}

.orange-title, .magenta-title, .purple-title,
.yellow-title, .green-title, .grey-title,
.cyan-title, .indigo-title {
    font-size: 20px;
    font-family: "Baloo", cursive;
}

.orange-roboto-black, .magenta-roboto-black, .purple-roboto-black,
.yellow-roboto-black, .green-roboto-black, .grey-roboto-black,
.cyan-roboto-black, .indigo-roboto-black {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
}

.orange-title-big {
    color: #E65A00;
}

.orange-title {
    color: #DC5000;
}

.orange-roboto-black {
    color: #D24600;
}

.magenta-title-big {
    color: #E6145F;
}

.magenta-title {
    color: #DC0A55;
}

.magenta-roboto-black {
    color: #D2004B;
}

home /all-issues/
.purple-title-big {
    color: #46235A;
}

.purple-title {
    color: #320A46;
}

.purple-roboto-black {
    color: #28003C;
}

.yellow-title-big {
    color: #F5B400;
}

.yellow-title {
    color: #EBAA00;
}

.yellow-roboto-black {
    color: #E1A000;
}

.green-title-big {
    color: #007800;
}

.green-title {
    color: #006E00;
}

.green-roboto-black {
    color: #006400;
}

.grey-title-big {
    color: #66758C;
}

.grey-title {
    color: #5F6B82;
}

.grey-roboto-black {
    color: #586178;
}

.cyan-title-big {
    color: #19B4D2;
}

.cyan-title {
    color: #0FAAC8;
}

.cyan-roboto-black {
    color: #05A0BE;
}

.indigo-title-big {
    color: #323C7D;
}

.indigo-title {
    color: #283273;
}

.indigo-roboto-black {
    color: #1E2869;
}

/**
 * partials/general/_basic.scss
 *
 * Basic CSS declarations: html, body, titles, anchor links, lists, etc.
 *
 */
html, body, body.white {
    font-size: 100%;
    line-height: 1.5em;
}

html, body, body.white {
    min-height: 100%;
}

body {
    background-color: #E0E3E8;
}

body.white {
    background-color: #FFF;
}

body.goal-related {
    background: #C2C8D1;
}

.main-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 990px;
}

.main-content > .row {
    margin-left: -12px;
    margin-right: -12px;
}

.container, .form.border-separate .form-group {
    padding-right: 20px;
    padding-left: 20px;
}

.page-loader {
    width: 80px;
    heigth: 80px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#no-results, .no-results {
    background: #FFF;
    padding: 25px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-12 {
    margin-top: 12px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-25 {
    margin-top: 25px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-r-0 {
    margin-right: 0px !important;
}

.m-r-5 {
    margin-right: 5px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-r-25 {
    margin-right: 25px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-l-0 {
    margin-left: 0px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-b-24 {
    margin-bottom: 24px;
}

.p-0 {
    padding: 0px !important;
}

.p-l-0 {
    padding-left: 0px !important;
}

.p-t-15 {
    padding-top: 15px;
}

.p-b-15 {
    padding-bottom: 15px;
}

.show-md, .show-md-block, .show-md-inline, .show-md-inline-b {
    display: none;
}

.hide-md, .hide-md-block {
    display: block;
}

.hide-md-inline {
    display: inline;
}

.hide-md-inline-b {
    display: inline-block;
}

@media (min-width: 960px) {
    .show-md, .show-md-block {
        display: block;
    }

    .show-md-inline {
        display: inline;
    }

    .show-md-inline-b {
        display: inline-block;
    }

    .hide-md, .hide-md-block, .hide-md-inline, .hide-md-inline-b {
        display: none !important;
    }
}

.clear {
    clear: both;
}

.t-center {
    text-align: center;
}

.t-right {
    text-align: right;
}

.b-white {
    background: #FFF;
}

.divider-top {
    border-top: solid 1px #E0E3E8;
}

.border-bottom {
    border-bottom: 1px solid #E0E3E8;
}

body {
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    background-image: url("../img/layout/bg-clouds.svg");
}

footer.footer {
    z-index: 1;
    width: 100%;
}

footer.footer footer.main-footer {
    color: #586178;
    font-size: 0.9em;
    line-height: 1.25em;
}

footer.footer footer.main-footer a {
    color: #586178;
}

footer.footer footer.main-footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 50px;
}

footer.footer footer.main-footer ul li {
    display: inline-block;
}

footer.footer footer.main-footer .menu li {
    margin-right: 15px;
}

footer.footer footer.main-footer .menu li:last-of-type {
    margin-right: 0;
}

footer.footer footer.main-footer .social-media {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-end;
}

footer.footer footer.main-footer .social-media li {
    margin-right: 10px;
}

footer.footer footer.main-footer .social-media li:last-of-type {
    margin-right: 0;
}

footer.footer footer.main-footer .social-media img {
    width: 30px;
    height: 30px;
}

footer.footer .alone-footer {
    padding: 35px 0;
}

footer.footer .last-section-home {
    padding: 50px 0;
}

footer.footer .btn {
    margin-top: 25px;
}

body.mobile-menu-opened footer.footer {
    display: none;
}

/**
 * Card style
 */
.card {
    margin-bottom: 24px;
    float: left;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    /* colors based on card type */
    /* sizing */
}

.card .card-top-row {
    height: 22px;
    color: #8591A3;
    font-size: 14px;
    margin-bottom: 3px;
}

.card .card-top-row i {
    margin-right: 5px;
}

.card .card-mark {
    height: 25px;
    width: 25px;
    background-color: #007800;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    right: 15px;
    top: 15px;
}

.card .card-mark:after {
    height: 100%;
    width: 100%;
    display: inline-block;
    font-size: 15px;
    line-height: 25px;
    color: #FFF;
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    content: '\f26b';
    text-align: center;
}

.card .mark-completed {
    background-color: #007800;
}

.card .mark-completed:after {
    content: '\f26b';
}

.card .mark-locked {
    background-color: #586178;
}

.card .mark-locked:after {
    content: '\f191';
}

.card .mark-locked-layer {
    background-color: #E0E3E8;
    opacity: .7;
    position: absolute;
    height: 349px;
    margin: 0px;
    padding: 15px;
    width: 100%;
}

@media (min-width: 960px) {
    .card .mark-locked-layer {
        width: 306px;
    }
}

.card .card-content {
    overflow: hidden;
    position: relative;
    border-bottom: solid 3px;
}

.card .card-content.no-border {
    border-bottom: 0px;
}

.card .card-content .card-body {
    padding: 15px;
}

.card .card-content .card-media {
    overflow: hidden;
    height: 190px;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: solid 1px;
    border-color: #FFF;
}

.card .card-content .card-media.media-svg {
    border-color: #D6D8E5;
    background-size: 80% 80%;
}

.card .card-content .card-text, .card .card-content .card-title, .card .card-content .card-type-line, .card .card-content .card-icon {
    margin-bottom: 20px;
}

.card .card-content .card-icon {
    float: left;
}

.card .card-content .card-icon img {
    height: 40px;
}

.card .card-content .card-title {
    height: 46px;
    overflow: hidden;
    clear: both;
}

.card .card-content .card-title.big {
    height: 56px;
}

.card .card-content .card-text {
    height: 100px;
    overflow: hidden;
}

.card .card-content .card-type-line {
    max-width: 100%;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card .card-content .card-type-line .card-content-type-divider {
    margin-right: 5px;
    margin-left: 5px;
}

.card .card-content .card-type-line, .card .card-content .card-counters-line {
    font-size: 13px;
    height: 20px;
    line-height: 20px;
}

.card .card-content .card-type-line i, .card .card-content .card-counters-line i {
    font-size: 17px;
    vertical-align: middle;
}

.card .card-content .card-counters-line {
    margin: 0px -15px;
}

.card .card-content .card-bookmark {
    cursor: pointer;
    padding-left: 30px;
    padding-right: 15px;
}

.card .card-content .card-comment-icon, .card .card-content .card-contents-icon {
    cursor: pointer;
    padding-right: 5px;
    padding-left: 15px;
}

.card .card-activity-shadow-1,
.card .card-activity-shadow-2 {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}

.card .card-activity-shadow-1 {
    height: 6px;
    width: 87%;
    background-color: #8591A3;
    bottom: -6px;
}

.card .card-activity-shadow-2 {
    height: 6px;
    width: 82%;
    background-color: #A3ACBA;
    bottom: -12px;
}

.card .card-content {
    background: #FFF;
    border-color: #1E2869;
}

.card .card-content .card-type {
    color: #848AB1;
}

.card .card-content .comments {
    background: #D6D8E5;
}

.card .card-content .card-counters-line, .card .card-content .card-content-type, .card .card-content .card-content-type-divider {
    color: #848AB1;
}

.card .card-content .card-counters-line a, .card .card-content .card-content-type a, .card .card-content .card-content-type-divider a {
    color: #848AB1;
}

.card .card-content .card-text {
    color: #66758C;
}

.card .card-content .card-title, .card .card-content .card-tags {
    color: #283273;
}

.card.quiz .card-content {
    border-color: #E6145F;
}

.card.user .card-content, .card.user-article .card-content, .card.user-qanda .card-content, .card.qa .card-content {
    border-color: #19B4D2;
}

.card.activity .card-content {
    border-color: #BE3200;
}

.card.activity .card-content .card-body {
    background: #E65A00;
}

.card.activity .card-content .card-type, .card.activity .card-content .card-counters-line, .card.activity .card-content .card-content-type, .card.activity .card-content .card-content-type-divider {
    color: #F5BD99;
}

.card.activity .card-content .card-type a, .card.activity .card-content .card-counters-line a, .card.activity .card-content .card-content-type a, .card.activity .card-content .card-content-type-divider a {
    color: #F5BD99;
}

.card.activity .card-content .card-text, .card.activity .card-content .card-title, .card.activity .card-content .card-tags {
    color: #FFF;
}

.card.card-double .card-content, .card.card-mini-in-row .card-content {
    border-color: #1E2869;
}

.card.card-double .card-content .card-body, .card.card-mini-in-row .card-content .card-body {
    background: #323C7D;
}

.card.card-double .card-content .card-body .card-counters-line, .card.card-double .card-content .card-body .card-content-type, .card.card-double .card-content .card-body .card-content-type-divider, .card.card-mini-in-row .card-content .card-body .card-counters-line, .card.card-mini-in-row .card-content .card-body .card-content-type, .card.card-mini-in-row .card-content .card-body .card-content-type-divider {
    color: #ADB1CB;
}

.card.card-double .card-content .card-body .card-counters-line a, .card.card-double .card-content .card-body .card-content-type a, .card.card-double .card-content .card-body .card-content-type-divider a, .card.card-mini-in-row .card-content .card-body .card-counters-line a, .card.card-mini-in-row .card-content .card-body .card-content-type a, .card.card-mini-in-row .card-content .card-body .card-content-type-divider a {
    color: #ADB1CB;
}

.card.card-double .card-content .card-body .card-text, .card.card-double .card-content .card-body .card-title, .card.card-double .card-content .card-body .card-tags, .card.card-mini-in-row .card-content .card-body .card-text, .card.card-mini-in-row .card-content .card-body .card-title, .card.card-mini-in-row .card-content .card-body .card-tags {
    color: #FFF;
}

.card.card-double.quiz .card-content, .card.card-mini-in-row.quiz .card-content {
    border-color: #D2004B;
}

.card.card-double.quiz .card-content .card-body, .card.card-mini-in-row.quiz .card-content .card-body {
    background: #E6145F;
}

.card.card-double.quiz .card-content .card-body .card-counters-line, .card.card-double.quiz .card-content .card-body .card-content-type, .card.card-double.quiz .card-content .card-body .card-content-type-divider, .card.card-mini-in-row.quiz .card-content .card-body .card-counters-line, .card.card-mini-in-row.quiz .card-content .card-body .card-content-type, .card.card-mini-in-row.quiz .card-content .card-body .card-content-type-divider {
    color: #FAD0DF;
}

.card.card-double.quiz .card-content .card-body .card-counters-line a, .card.card-double.quiz .card-content .card-body .card-content-type a, .card.card-double.quiz .card-content .card-body .card-content-type-divider a, .card.card-mini-in-row.quiz .card-content .card-body .card-counters-line a, .card.card-mini-in-row.quiz .card-content .card-body .card-content-type a, .card.card-mini-in-row.quiz .card-content .card-body .card-content-type-divider a {
    color: #FAD0DF;
}

.card.card-double.user .card-content, .card.card-double.user-article .card-content, .card.card-double.user-qanda .card-content, .card.card-double.qa .card-content, .card.card-mini-in-row.user .card-content, .card.card-mini-in-row.user-article .card-content, .card.card-mini-in-row.user-qanda .card-content, .card.card-mini-in-row.qa .card-content {
    border-color: #0FAAC8;
}

.card.card-double.user .card-content .card-body, .card.card-double.user-article .card-content .card-body, .card.card-double.user-qanda .card-content .card-body, .card.card-double.qa .card-content .card-body, .card.card-mini-in-row.user .card-content .card-body, .card.card-mini-in-row.user-article .card-content .card-body, .card.card-mini-in-row.user-qanda .card-content .card-body, .card.card-mini-in-row.qa .card-content .card-body {
    background: #47C3DB;
}

.card.card-double.user .card-content .card-body .card-counters-line, .card.card-double.user .card-content .card-body .card-content-type, .card.card-double.user .card-content .card-body .card-content-type-divider, .card.card-double.user-article .card-content .card-body .card-counters-line, .card.card-double.user-article .card-content .card-body .card-content-type, .card.card-double.user-article .card-content .card-body .card-content-type-divider, .card.card-double.user-qanda .card-content .card-body .card-counters-line, .card.card-double.user-qanda .card-content .card-body .card-content-type, .card.card-double.user-qanda .card-content .card-body .card-content-type-divider, .card.card-double.qa .card-content .card-body .card-counters-line, .card.card-double.qa .card-content .card-body .card-content-type, .card.card-double.qa .card-content .card-body .card-content-type-divider, .card.card-mini-in-row.user .card-content .card-body .card-counters-line, .card.card-mini-in-row.user .card-content .card-body .card-content-type, .card.card-mini-in-row.user .card-content .card-body .card-content-type-divider, .card.card-mini-in-row.user-article .card-content .card-body .card-counters-line, .card.card-mini-in-row.user-article .card-content .card-body .card-content-type, .card.card-mini-in-row.user-article .card-content .card-body .card-content-type-divider, .card.card-mini-in-row.user-qanda .card-content .card-body .card-counters-line, .card.card-mini-in-row.user-qanda .card-content .card-body .card-content-type, .card.card-mini-in-row.user-qanda .card-content .card-body .card-content-type-divider, .card.card-mini-in-row.qa .card-content .card-body .card-counters-line, .card.card-mini-in-row.qa .card-content .card-body .card-content-type, .card.card-mini-in-row.qa .card-content .card-body .card-content-type-divider {
    color: #A3E1ED;
}

.card.card-double.user .card-content .card-body .card-counters-line a, .card.card-double.user .card-content .card-body .card-content-type a, .card.card-double.user .card-content .card-body .card-content-type-divider a, .card.card-double.user-article .card-content .card-body .card-counters-line a, .card.card-double.user-article .card-content .card-body .card-content-type a, .card.card-double.user-article .card-content .card-body .card-content-type-divider a, .card.card-double.user-qanda .card-content .card-body .card-counters-line a, .card.card-double.user-qanda .card-content .card-body .card-content-type a, .card.card-double.user-qanda .card-content .card-body .card-content-type-divider a, .card.card-double.qa .card-content .card-body .card-counters-line a, .card.card-double.qa .card-content .card-body .card-content-type a, .card.card-double.qa .card-content .card-body .card-content-type-divider a, .card.card-mini-in-row.user .card-content .card-body .card-counters-line a, .card.card-mini-in-row.user .card-content .card-body .card-content-type a, .card.card-mini-in-row.user .card-content .card-body .card-content-type-divider a, .card.card-mini-in-row.user-article .card-content .card-body .card-counters-line a, .card.card-mini-in-row.user-article .card-content .card-body .card-content-type a, .card.card-mini-in-row.user-article .card-content .card-body .card-content-type-divider a, .card.card-mini-in-row.user-qanda .card-content .card-body .card-counters-line a, .card.card-mini-in-row.user-qanda .card-content .card-body .card-content-type a, .card.card-mini-in-row.user-qanda .card-content .card-body .card-content-type-divider a, .card.card-mini-in-row.qa .card-content .card-body .card-counters-line a, .card.card-mini-in-row.qa .card-content .card-body .card-content-type a, .card.card-mini-in-row.qa .card-content .card-body .card-content-type-divider a {
    color: #A3E1ED;
}

.card.card-double.activity .card-content, .card.card-mini-in-row.activity .card-content {
    border-color: #C83C00;
}

.card.card-double.activity .card-content .card-body, .card.card-mini-in-row.activity .card-content .card-body {
    background: #E65A00;
}

.card.card-double.activity .card-content .card-body .card-counters-line, .card.card-double.activity .card-content .card-body .card-content-type, .card.card-double.activity .card-content .card-body .card-content-type-divider, .card.card-mini-in-row.activity .card-content .card-body .card-counters-line, .card.card-mini-in-row.activity .card-content .card-body .card-content-type, .card.card-mini-in-row.activity .card-content .card-body .card-content-type-divider {
    color: #F5BD99;
}

.card.card-double.activity .card-content .card-body .card-counters-line a, .card.card-double.activity .card-content .card-body .card-content-type a, .card.card-double.activity .card-content .card-body .card-content-type-divider a, .card.card-mini-in-row.activity .card-content .card-body .card-counters-line a, .card.card-mini-in-row.activity .card-content .card-body .card-content-type a, .card.card-mini-in-row.activity .card-content .card-body .card-content-type-divider a {
    color: #F5BD99;
}

@media (min-width: 700px) {
    .card {
        width: 50%;
    }

    .card.card-full {
        width: 100%;
    }

    .card.card-double {
        width: 100%;
    }

    .card.card-double .card-media, .card.card-double .card-body {
        width: 50%;
        float: left;
        height: 346px;
        border: 0px;
        margin: 0px;
    }

    .card.card-double .card-text {
        height: 161px;
    }

    .card.card-double .card-body {
        color: #FFF;
    }
}

@media (min-width: 960px) {
    .card {
        width: 33.333%;
    }

    .card.card-full {
        width: 100%;
    }

    .card.card-double {
        width: 66.666%;
    }
}

@media (min-width: 361px) and (max-width: 480px) {
    .card .card-title {
        font-size: 22px;
        line-height: 25px;
        height: 50px;
    }
}

@media (min-width: 481px) and (max-width: 600px) {
    .card .card-title.big {
        font-size: 22px;
        line-height: 25px;
        height: 50px;
    }
}

.card-row-type {
    margin-bottom: 5px;
    color: #586178;
}

.card-row-type i {
    margin-right: 6px;
}

.card-row-container {
    background: #C2C8D1;
    margin: 0px;
    margin-bottom: 24px;
    overflow: hidden;
    padding-top: 24px;
}

.card-bookmark {
    cursor: pointer;
}

.card-bookmark.active {
    color: #F5B400;
}

.card-bookmark.active i:before {
    content: '\f11e';
}

/**
 * Collections style
 */
.card.collection {
    width: 100% !important;
}

.card.collection > .card-content {
    overflow: visible;
}

.card.collection .card-collection-content {
    /* colors for collection */
    background: #4E576E;
    border-color: #4E576E;
    /* carousel */
}

.card.collection .card-collection-content .card-collection-body {
    padding: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 30px;
}

.card.collection .card-collection-content .card-collection-title-container {
    position: relative;
}

.card.collection .card-collection-content .card-collection-title-container .card-collection-title {
    cursor: pointer;
    height: 28px;
    vertical-align: text-bottom;
    margin-bottom: 0px;
}

.card.collection .card-collection-content .card-collection-title-container .view-all {
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
}

.card.collection .card-collection-content .card-collection-text-container {
    position: relative;
}

.card.collection .card-collection-content .card-collection-text-container img {
    display: none;
}

.card.collection .card-collection-content .card-collection-text {
    height: 50px;
    max-width: 600px;
}

.card.collection .card-collection-content .card-collection-content-type, .card.collection .card-collection-content .card-collection-counters-line {
    color: #ADB1CB;
}

.card.collection .card-collection-content .card-collection-content-type a, .card.collection .card-collection-content .card-collection-counters-line a {
    color: #ADB1CB;
}

.card.collection .card-collection-content .card-collection-tags, .card.collection .card-collection-content .card-collection-content-type-divider,
.card.collection .card-collection-content .card-collection-text, .card.collection .card-collection-content .card-collection-title {
    color: #FFF;
}

.card.collection .card-collection-content .card-item, .card.collection .card-collection-content .card-recommended-item {
    width: 216px !important;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 24px;
    outline: 0px;
}

.card.collection .card-collection-content .card-item .card-media, .card.collection .card-collection-content .card-recommended-item .card-media {
    height: 140px;
}

.card.collection .card-collection-content .card-item .card-text, .card.collection .card-collection-content .card-recommended-item .card-text {
    margin-top: -5px;
    height: 65px;
    font-size: 14px;
    line-height: 21px;
}

.card.collection .card-collection-content .card-item:first-child, .card.collection .card-collection-content .card-recommended-item:first-child {
    margin-left: 20px;
}

.card.collection .card-collection-content .card-item:last-child, .card.collection .card-collection-content .card-recommended-item:last-child {
    margin-right: 20px;
}

.card.collection .card-collection-content .card-item .card-type-line, .card.collection .card-collection-content .card-recommended-item .card-type-line {
    margin-bottom: 0px;
}

.card.collection .card-collection-content .card-item.collection .card-content, .card.collection .card-collection-content .card-item.collection .card-title, .card.collection .card-collection-content .card-item.collection .card-text, .card.collection .card-collection-content .card-recommended-item.collection .card-content, .card.collection .card-collection-content .card-recommended-item.collection .card-title, .card.collection .card-collection-content .card-recommended-item.collection .card-text {
    background: #586178;
    color: #FFF;
    border-color: #586178;
}

.card.collection .card-collection-content .card-item.collection .card-icon, .card.collection .card-collection-content .card-recommended-item.collection .card-icon {
    display: none;
}

.card.collection .card-collection-content .card-item.collection .card-type, .card.collection .card-collection-content .card-item.collection .card-counters-line, .card.collection .card-collection-content .card-item.collection .card-content-type, .card.collection .card-collection-content .card-item.collection .card-content-type-divider, .card.collection .card-collection-content .card-recommended-item.collection .card-type, .card.collection .card-collection-content .card-recommended-item.collection .card-counters-line, .card.collection .card-collection-content .card-recommended-item.collection .card-content-type, .card.collection .card-collection-content .card-recommended-item.collection .card-content-type-divider {
    color: #C2C8D1;
}

.card.collection .card-collection-content .card-item.collection .card-type a, .card.collection .card-collection-content .card-item.collection .card-counters-line a, .card.collection .card-collection-content .card-item.collection .card-content-type a, .card.collection .card-collection-content .card-item.collection .card-content-type-divider a, .card.collection .card-collection-content .card-recommended-item.collection .card-type a, .card.collection .card-collection-content .card-recommended-item.collection .card-counters-line a, .card.collection .card-collection-content .card-recommended-item.collection .card-content-type a, .card.collection .card-collection-content .card-recommended-item.collection .card-content-type-divider a {
    color: #C2C8D1;
}

.card.collection .card-collection-content .card-item.collection .card-media, .card.collection .card-collection-content .card-recommended-item.collection .card-media {
    border-color: #66758C;
}

.card.collection .card-collection-content .card-item.collection .card-text, .card.collection .card-collection-content .card-recommended-item.collection .card-text {
    height: 125px;
}

.card.collection .card-collection-content .card-item.collection .card-tags, .card.collection .card-collection-content .card-recommended-item.collection .card-tags {
    color: #FFF;
}

.card.collection .card-collection-content.recommended {
    background: none;
    border: 0px;
}

.card.collection .card-collection-content.recommended .card-collection-body {
    padding: 0px;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item {
    padding: 0px;
    width: 400px !important;
    background: #FFF;
    color: #283273 !important;
    margin-bottom: 0px;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-title, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-text {
    color: #283273 !important;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item:first-child {
    margin-left: 0px;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item:last-child {
    margin-right: 0px;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-media {
    height: 105px;
    width: 140px;
    float: left;
    border-bottom-width: 0px;
    border-right-width: 1px;
    border-right-style: solid;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-content {
    border-bottom-width: 0px;
    border-right-width: 3px;
    border-right-style: solid;
    height: 105px;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-body {
    float: left;
    width: 255px;
    padding: 5px 10px;
    background: #FFF;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-body .card-title {
    line-height: 40px;
    height: 40px;
    margin-bottom: 25px;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-body.large {
    float: none;
    width: 100%;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-body.large .card-title {
    line-height: 20px;
    height: 20px;
    margin-bottom: 20px;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-body.large .card-text {
    line-height: 14px;
    height: 14px;
    margin-bottom: 20px;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-body .card-counters-line, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-body .card-content-type, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-body .card-content-type-divider {
    color: #848AB1;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-body .card-counters-line a, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-body .card-content-type a, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-body .card-content-type-divider a {
    color: #848AB1;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-type, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-counters-line, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-content-type, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-content-type-divider {
    color: #848AB1;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-type a, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-counters-line a, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-content-type a, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-content-type-divider a {
    color: #848AB1;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-text, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-title, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-tags {
    color: #66758C;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item.collection .card-body {
    background: none;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item.collection .card-text, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item.collection .card-title, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item.collection .card-tags {
    color: #FFF !important;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item.collection .card-type, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item.collection .card-counters-line, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item.collection .card-content-type, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item.collection .card-content-type-divider {
    color: #D6D8E5;
}

.card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item.collection .card-type a, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item.collection .card-counters-line a, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item.collection .card-content-type a, .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item.collection .card-content-type-divider a {
    color: #D6D8E5;
}

@media (max-width: 959px) {
    .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item {
        width: 350px !important;
    }

    .card.collection .card-collection-content.recommended .card-collection-body .card-recommended-item .card-body {
        width: 207px;
    }
}

.card.collection .card-collection-content .card-carousel {
    margin-left: -20px;
    margin-right: -20px;
}

.card.collection .card-collection-content .slick-prev {
    left: 0px;
}

.card.collection .card-collection-content .slick-prev:before {
    content: '\f2ea';
}

.card.collection .card-collection-content .slick-next {
    right: 0px;
}

.card.collection .card-collection-content .slick-next:before {
    content: '\f2ee';
}

.card.collection .card-collection-content .recommended-carousel .slick-prev {
    left: -20px;
}

.card.collection .card-collection-content .recommended-carousel .slick-next {
    right: -20px;
}

.card.collection .card-collection-content .slick-prev, .card.collection .card-collection-content .slick-next {
    z-index: 200;
    background-color: #283273;
    color: #FFF;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    opacity: .9;
}

.card.collection .card-collection-content .slick-prev:hover, .card.collection .card-collection-content .slick-next:hover {
    opacity: 1;
}

.card.collection .card-collection-content .slick-prev.slick-disabled, .card.collection .card-collection-content .slick-next.slick-disabled {
    opacity: 0;
}

.card.collection .card-collection-content .slick-prev.slick-disabled:hover, .card.collection .card-collection-content .slick-next.slick-disabled:hover {
    opacity: 0;
}

.card.collection .card-collection-content .slick-prev:before, .card.collection .card-collection-content .slick-next:before {
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
}

.card.collection .card-collection-content .card-carousel-scrollbar {
    height: 5px;
    background: #66758C;
    margin-bottom: 20px;
}

.card.collection .card-collection-content .card-carousel-scrollbar .bar {
    height: 5px;
    background: #FFF;
    width: 20px;
    cursor: pointer;
    position: relative;
}

@media (min-width: 768px) {
    .card.collection .card-collection-content .card-collection-title span {
        padding-right: 110px;
        display: inline-block;
    }

    .card.collection .card-collection-content .card-collection-title-container .view-all {
        display: block;
    }

    .card.collection .card-collection-content .card-collection-text-container img {
        display: block;
        position: absolute;
        right: 0px;
        top: -25px;
        max-height: 75px;
    }
}

.recommended-container .card.collection {
    padding-left: 12px;
    padding-right: 12px;
}

.card-collection-container {
    background: #4E576E;
    margin: 0px;
    margin-bottom: 24px;
    overflow: hidden;
    position: relative;
    /* sizing */
}

.card-collection-container .slick-list {
    overflow: visible !important;
}

.card-collection-container .card.collection {
    margin-bottom: 0px;
    border-bottom: 0px;
}

.card-collection-container .gradient-right {
    right: 0px;
}

.card-collection-container .gradient-right .gradient {
    background: #4E576E;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, rgba(78, 87, 110, 0.7), #4E576E);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(78, 87, 110, 0.7), #4E576E);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(78, 87, 110, 0.7), #4E576E);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(78, 87, 110, 0.7), #4e576e);
    /* Standard syntax */
}

.card-collection-container .gradient-right .block {
    right: 0px;
}

.card-collection-container .gradient-left {
    left: 0px;
}

.card-collection-container .gradient-left .gradient {
    left: 70%;
    background: #4E576E;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #4E576E, rgba(78, 87, 110, 0.7));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #4E576E, rgba(78, 87, 110, 0.7));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #4E576E, rgba(78, 87, 110, 0.7));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #4e576e, rgba(78, 87, 110, 0.7));
    /* Standard syntax */
}

.card-collection-container .gradient-left, .card-collection-container .gradient-right {
    display: none;
    height: 519px;
    width: 50px;
    position: absolute;
    z-index: 199;
}

.card-collection-container .gradient-left .gradient, .card-collection-container .gradient-right .gradient {
    position: absolute;
    top: 0px;
    width: 30%;
    height: 100%;
}

.card-collection-container .gradient-left .block, .card-collection-container .gradient-right .block {
    position: absolute;
    width: 70%;
    height: 100%;
    background: #4E576E;
}

@media (min-width: 960px) {
    .card-collection-container .gradient-left, .card-collection-container .gradient-right {
        display: block;
    }
}

.form {
    /* Base for label styling */
    /*
  .pwd-container {
      position: relative;
      &:before {
          font-family: 'Material-Design-Iconic-Font';
          content: '\f15b';
          position: absolute;
          right: 0px;
          top: 0px;
          width: 20px;
          height: 20px;
          line-height: 20px;
          font-size: 20px;
          color: $color-grey-3;

      }
  }
  */
    /* checkbox aspect */
    /* Different color for quiz forms */
    /* remove IE clear button from input text */
}

.form .form-control {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #283273;
    min-height: 50px;
}

.form .form-group {
    margin-bottom: 30px;
}

.form .form-group label {
    color: #586178;
    font-size: 18px;
    font-weight: 400;
}

.form .form-group input, .form .form-group textarea, .form .form-group select {
    border: solid 1px #E0E3E8;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    resize: none;
}

.form .form-group textarea {
    min-height: 150px;
    resize: vertical;
}

.form .form-group .radio, .form .form-group .checkbox {
    min-height: 50px;
    padding: 13px;
    margin: 0px;
    border: solid 1px #E0E3E8;
    border-bottom-width: 0px;
}

.form .form-group .radio:last-child, .form .form-group .radio.last, .form .form-group .checkbox:last-child, .form .form-group .checkbox.last {
    border-bottom-width: 1px;
}

.form .form-group .radio .help-text, .form .form-group .checkbox .help-text {
    display: none;
}

.form .form-group .radio label, .form .form-group .checkbox label {
    font-size: 16px;
}

.form .form-group .checkbox .checkbox {
    min-height: auto;
    border: 0px;
    padding: 0px;
    padding-left: 30px;
    background: none !important;
}

.form .form-group .checkbox label.checkbox-container {
    margin-bottom: 0px;
}

.form .form-group .flag-container {
    border: 0px;
}

.form .form-group .flag-container label {
    color: #8591A3;
    font-weight: 100;
}

.form .form-group .flag-container.checkbox.checked {
    background: none;
}

.form .form-group .flag-container.checkbox.checked label {
    color: #8591A3;
    font-weight: 100;
}

.form .form-group .flag-container.checkbox.checked .checkbox-container:before {
    color: #5B6397;
}

.form input:focus {
    background: #D6D8E5;
    border-bottom-color: #283273;
}

.form input[type="checkbox"], .form input[type="radio"] {
    visibility: hidden;
}

.form .checkbox-container, .form .radio-container {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    width: 100%;
}

.form .checkbox-container:before, .form .radio-container:before {
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    border: 0px;
    line-height: 20px;
    font-size: 18px;
    text-align: -webkit-center;
    color: #C2C8D1;
}

.form .radio-container:before {
    content: '\f26c';
}

.form .checkbox-container:before {
    content: '\f279';
}

.form .checkbox {
    color: #586178;
}

.form .checkbox label {
    color: #586178;
}

.form .checkbox.checked {
    color: #586178;
}

.form .checkbox.checked label {
    color: #586178;
}

.form .checkbox.checked .checkbox-container:before {
    content: '\f26b';
}

.form .checkbox.checked a {
    color: #C2C8D1;
}

.form .form-group .checkbox.checked, .form .form-group .radio.checked {
    background: #283273;
    color: #FFF;
}

.form .form-group .checkbox.checked label, .form .form-group .radio.checked label {
    color: #FFF;
}

.form .form-group .checkbox.checked .checkbox-container:before, .form .form-group .radio.checked .checkbox-container:before {
    content: '\f26a';
    color: #FFF;
}

.form .form-group .checkbox.checked .radio-container:before, .form .form-group .radio.checked .radio-container:before {
    content: '\f26f';
    color: #FFF;
}

.form label {
    margin-bottom: 20px;
}

.form label small {
    display: block;
    color: #586178;
    font-size: 85%;
    font-weight: 100;
}

.form .radio label {
    margin-bottom: 0;
}

.form .quiz-step .form-group .checkbox.checked, .form .quiz-step .form-group .radio.checked {
    background: #46235A;
}

.form .no-system-goals {
    margin-top: -40px;
}

.form input::-ms-clear {
    display: none;
}

.form.border-separate .form-group {
    border-bottom: 1px solid #E0E3E8;
    padding-bottom: 15px;
}

.form.border-separate .form-group:last-child {
    border-bottom-width: 0px;
}

.form.border-free input, .form.border-free textarea {
    border-width: 0px;
}

.form textarea.border-free, .form input.border-free {
    border-width: 0px;
}

form.no-label label {
    display: none;
}

#main-search {
    margin-top: -2px;
}

.select-container {
    height: 50px;
    /*
  Not supported by Firefox
  &:active:after {
      content: '\f2fc';
  }
  */
}

.select-container select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.select-container select:active:focus:hover {
    border-color: #5B6397;
}

.select-container select::-ms-expand {
    display: none;
}

.select-container:after {
    content: '\f2f9';
    font-family: 'Material-Design-Iconic-Font';
    position: relative;
    pointer-events: none;
    display: block;
    font-size: 22px;
    margin-top: -36px;
    text-align: right;
    padding-right: 20px;
}

.select-style {
    border: solid 1px #E0E3E8;
    box-shadow: none;
    resize: none;
    border-radius: 0px;
    color: #283273;
    min-height: 50px;
    width: auto;
    padding-right: 40px;
}

.select-div {
    height: 50px;
    width: 100%;
    cursor: pointer;
}

.select-div .open {
    position: relative;
    border: solid 1px #E0E3E8;
    height: 100%;
    padding: 10px 0px;
    padding-right: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.select-div .open:after {
    content: '\f2f9';
    font-family: 'Material-Design-Iconic-Font';
    position: absolute;
    font-size: 22px;
    top: 12px;
    right: 15px;
}

.select-div ul {
    position: relative;
    display: none;
    list-style: none;
    padding: 0px;
    margin: 0px;
    max-height: 400px;
    overflow-y: auto;
}

.select-div ul li {
    -moz-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
    padding: 15px;
    background: #E0E3E8;
    border: 1px solid #C2C8D1;
    color: #5F6B82;
    border-top: 0px;
    position: relative;
}

.select-div ul li .active-icon {
    position: absolute;
    top: 15px;
    right: 0px;
}

.select-div ul li:hover {
    border-color: #E0E3E8;
    background: #C2C8D1;
}

.select-div.active .open:after {
    content: '\f2fc';
}

.select-div.active ul {
    display: block;
}

.select-div.empty .open:after {
    display: none;
}

.select-div.select-div-chats {
    background: #FFF;
    color: #283273;
}

.select-div.select-div-chats .text {
    line-height: 20px;
}

.select-div.select-div-chats .text small {
    color: #848AB1;
}

.select-div.select-div-chats .open {
    padding: 5px 12px;
}

.select-div.select-div-chats ul {
    max-height: 300px;
    overflow-y: auto;
}

.select-div.select-div-chats ul li {
    padding: 5px 12px;
    background: #FFF;
    color: #283273;
}

.select-div.select-div-chats ul li:hover {
    background: #E0E3E8;
}

.select-div.select-div-chats.active .open {
    border: solid 1px #283273;
}

.btn {
    color: #283273;
    border: solid 1px #C2C8D1;
    background: #FFF;
    height: 50px;
    line-height: 50px;
    min-width: 300px;
    font-size: 18px;
    font-family: "Baloo", cursive;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 0px 50px;
    outline: 0px !important;
}

.btn:hover, .btn:focus, .btn:active {
    color: #283273;
    background: #C2C8D1;
    border-color: #C2C8D1;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 480px) {
    .btn {
        min-width: 150px;
    }
}

.btn.btn-primary {
    color: #FFF;
    background: #1E2869;
    border: solid 1px #1E2869;
}

.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
    color: #FFF;
    background: #141E5F;
    border-color: #141E5F;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.btn-small {
    height: 35px;
    line-height: 35px;
    padding: 0px 30px;
    min-width: 0px;
}

@media (max-width: 480px) {
    .btn.btn-small {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.btn.btn-smile:before {
    border: 0px;
    height: 30px;
    width: 30px;
    background-image: url(/img/icons/smileyface.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: ' ';
    position: absolute;
    display: block;
    margin-left: -40px;
    margin-top: 9px;
}

.btn.btn-interactive {
    display: block;
    background: #283273;
    border: 0px;
    color: #FFF;
    margin: 0px;
    width: 100%;
}

.btn.btn-interactive.completed:before {
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size: 18px;
    line-height: 30px;
    color: #FFF;
    content: '\f26b';
    height: 30px;
    width: 30px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-image: none;
    background-color: #007800;
    position: absolute;
    display: block;
    margin-left: -40px;
    margin-top: 9px;
}

.btn.btn-interactive.btn-interactive-cancel {
    background: #DC0A55;
}

.btn.btn-interactive.btn-interactive-cancel:hover, .btn.btn-interactive.btn-interactive-cancel:focus, .btn.btn-interactive.btn-interactive-cancel:active {
    background: #C80041;
    border-color: #C80041;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.disabled {
    opacity: .30;
}

.btn.btn-percentage i {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 35px;
    color: #FFF;
    height: 35px;
    width: 35px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: #E6145F;
    position: absolute;
    display: block;
    margin-left: -43px;
    margin-top: 7px;
}

.btn.btn-percentage i:after {
    content: '%';
    font-family: "Roboto", sans-serif;
    color: #E6145F;
    position: absolute;
    left: 40px;
    font-size: 19px;
    font-weight: 800;
}

.btn b {
    font-weight: 100;
}

.btn-interactive-container {
    max-width: 400px;
    margin: 0px auto;
    text-align: center;
}

.btn-interactive-container span {
    padding: 5px;
    background: rgba(40, 50, 115, 0.3);
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    margin: 20px auto;
    display: inline-block;
    min-width: 100%;
}

.btn-interactive-container span:hover {
    background: rgba(40, 50, 115, 0.5);
}

.btn-interactive-container-pink span {
    background: #F9D2E2;
}

.btn-interactive-container-pink span:hover {
    background: #E6145F;
}

.btn-interactive-container-green span {
    background: #007800;
}

.btn-interactive-container-green span .btn-resume-quiz {
    background: #007800;
}

.btn-interactive-container-green span .question-button-icon {
    color: #007800;
}

.btn-interactive-container-green span img.completed-image {
    left: 15px;
    position: absolute;
    top: 4px;
    width: 40px;
}

.btn-interactive-container-green span:hover {
    background: #007800;
}

.btn-interactive-container a:hover {
    color: #FFF;
}

@media (min-width: 768px) {
    .btn {
        min-width: 350px;
    }

    .btn.btn-small {
        padding: 0px 50px;
    }

    .btn-interactive-container span {
        min-width: 50%;
    }
}

/* Different color for quiz forms */
.quiz-step .btn-interactive-container .btn.btn-interactive {
    background: #320A46;
}

.quiz-step .btn-interactive-container span {
    background: rgba(70, 35, 90, 0.3);
}

.quiz-step .btn-interactive-container span:hover {
    background: rgba(70, 35, 90, 0.5);
}

.sticky-buttons {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 2;
}

.sticky-buttons > div {
    text-align: center;
    margin-bottom: 15px;
}

.sticky-buttons .btn {
    min-width: 320px;
}

.sticky-buttons .btn-clear {
    cursor: pointer;
    color: #283273;
    font-size: 14px;
    margin-bottom: -5px;
    margin-top: 15px;
}

.sticky-margin {
    padding-bottom: 130px;
}

.main-header {
    background: #FFF;
    vertical-align: middle;
    font-size: 16px;
    margin-bottom: 24px;
    /* sub menu mobile */
    /* ACCOUNT LAYOUT HEADER */
}

.main-header.scrolled .submenu-nav-bar {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 300;
}

.main-header.scrolled#main-header {
    height: 104px;
}

.main-header .nav-bar-open-submenu, .main-header .btn-search {
    cursor: pointer;
}

.main-header .top-nav-bar {
    border-bottom: 0px;
    padding: 10px;
}

.main-header .top-nav-bar img {
    height: 35px;
}

.main-header .top-nav-bar i {
    line-height: 35px;
    font-size: 24px;
    color: #8591A3;
}

.main-header .top-nav-bar span {
    line-height: 35px;
    margin-left: 15px;
    height: 60px;
    padding: 12px 0px;
}

.main-header .top-nav-bar span.m-l-0 {
    margin-left: 0px;
}

.main-header .top-nav-bar .menu-burger i {
    margin-right: 15px;
}

.main-header .top-nav-bar .selected-main-menu {
    padding-left: 15px;
}

.main-header span {
    display: inline-block;
}

.main-header span.nav-bar-from-lg, .main-header span.nav-bar-from-md, .main-header span.nav-bar-from-sm,
.main-header .nav-bar-from-sm, .main-header .top-menu-button-show {
    display: none;
}

.main-header .menu-burger {
    font-size: 16px;
    line-height: 35px;
    color: #8591A3;
}

.main-header .menu-burger i {
    font-size: 16px;
}

.main-header .selected-main-menu {
    border-left: 1px solid #E0E3E8;
}

.main-header .options-label {
    color: #907B9C;
    line-height: 44px;
}

.main-header ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.main-header ul li {
    display: inline-block;
    margin-right: 15px;
}

.main-header ul li.active {
    font-weight: bold;
}

.main-header ul li a {
    cursor: pointer;
}

.main-header .menu-nav-bar {
    border-top: 1px solid #E0E3E8;
    padding: 10px 0px;
    margin-top: 15px;
}

.main-header .submenu-nav-bar {
    background: #46235A;
    color: #FFF;
    padding: 0px;
    font-size: 14px;
}

.main-header .submenu-nav-bar a {
    color: #FFF;
}

.main-header .submenu-nav-bar li {
    margin-top: 10px;
    padding-bottom: 10px;
    /*margin-right: 9px;*/
}

.main-header .nav-bar-from-lg, .main-header .nav-bar-from-md {
    display: none;
}

.main-header .nav-bar-to-lg {
    display: block;
}

.main-header .nav-bar-open-submenu i {
    margin-right: 15px;
}

.main-header .mobile-submenu {
    display: none;
    background: #46235A;
    color: #FFF;
    padding: 0px;
    font-size: 14px;
}

.main-header .mobile-submenu a {
    color: #FFF;
}

.main-header .mobile-submenu li {
    margin: 0px;
    padding: 10px 20px;
    display: block;
    border-top: 1px solid #6B4F7B;
}

.main-header .submenu-nav-bar-mobile.opened .mobile-submenu {
    display: block;
}

.main-header .submenu-nav-bar-mobile.opened .mobile-submenu-selected {
    display: none;
}

.main-header .mobile-submenu-openable-button > i {
    font-size: 20px;
}

.main-header .mobile-submenu-openable-button.opened > i:before {
    content: '\f2f8';
}

.main-header .top-menu-button-container {
    padding-right: 0px;
}

.main-header .top-menu-login-container {
    padding-left: 0px;
}

.main-header .opened.top-menu-button-container {
    background: #320A46;
    color: #FFF;
}

.main-header .opened.top-menu-button-container a, .main-header .opened.top-menu-button-container i {
    color: #FFF;
}

.main-header .opened.top-menu-button-container .top-menu-button-show {
    display: inline-block;
}

.main-header .opened.top-menu-button-container .top-menu-button-hide {
    display: none;
}

.main-header .submenu-nav-bar-mobile {
    background: #1E0032;
    color: #6B4F7B;
}

.main-header .submenu-nav-bar-mobile .mobile-submenu-footer {
    padding: 10px 20px;
}

.main-header .submenu-nav-bar-mobile .mobile-submenu {
    display: none;
    padding: 0px;
    background: #1E0032;
    color: #6B4F7B;
    font-size: 14px;
}

.main-header .submenu-nav-bar-mobile .mobile-submenu a {
    color: #FFF;
}

.main-header .submenu-nav-bar-mobile .mobile-submenu li {
    background: #46235A;
    color: #FFF;
    margin: 0px;
    padding: 10px 20px;
    display: block;
    border-top: 1px solid #6B4F7B;
}

.main-header .submenu-nav-bar-mobile .mobile-submenu li.divider {
    background: #1E0032;
    color: #6B4F7B;
}

.main-header .submenu-nav-bar-mobile .mobile-submenu .mobile-submenu-openable {
    display: none;
}

.main-header .submenu-nav-bar-mobile .mobile-submenu .mobile-submenu-openable ul {
    margin: -10px -20px;
}

.main-header .submenu-nav-bar-mobile .mobile-submenu .mobile-submenu-openable ul a {
    color: #FFF;
    border-top: 1px solid #46235A;
}

.main-header .submenu-nav-bar-mobile .mobile-submenu .mobile-submenu-openable ul a:first-child {
    border: 0px;
}

.main-header .submenu-nav-bar-mobile .mobile-submenu .mobile-submenu-openable ul a li {
    background: #320A46;
}

.main-header .submenu-nav-bar-mobile .mobile-submenu .opened.mobile-submenu-openable {
    display: block;
}

.main-header .submenu-nav-bar-mobile .mobile-submenu-selected {
    background: #46235A;
    color: #FFF;
}

.main-header .row-header-mobile {
    margin-left: 0px;
    margin-right: 0px;
}

.main-header .submenu-nav-bar-opened {
    background: #46235A;
}

.main-header .submenu-nav-bar-opened .container, .main-header .submenu-nav-bar-opened .form.border-separate .form-group, .form.border-separate .main-header .submenu-nav-bar-opened .form-group {
    padding: 0px;
}

.main-header .submenu-nav-bar-opened ul li {
    background: #46235A;
    color: #FFF;
    margin: 0px;
    padding: 5px 20px;
    display: block;
    border-top: 1px solid #6B4F7B;
    font-size: 14px;
}

.main-header .submenu-nav-bar-opened ul li.divider {
    background: #1E0032;
    color: #6B4F7B;
}

.main-header .seach-bar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: #FFF;
    padding: 10px 0px;
}

.main-header .seach-bar .main-content {
    position: relative;
}

.main-header .seach-bar .main-content .search-icon {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 3;
    color: #8591A3;
}

.main-header .seach-bar .main-content .search-icon i {
    font-size: 24px;
    line-height: 44px;
}

.main-header .seach-bar .main-content .search-form {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 2;
}

.main-header .seach-bar .main-content .search-form .form-group {
    width: 100%;
}

.main-header .seach-bar .main-content .search-form .form-group input {
    width: 100%;
    padding-left: 40px;
    background: white !important;
    border: 0px !important;
}

.main-header .seach-bar .main-content .close-icon {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 3;
    cursor: pointer;
    color: #8591A3;
}

.main-header .seach-bar .main-content .close-icon i {
    font-size: 24px;
    line-height: 44px;
}

.main-header .seach-bar .main-content .search-arrow {
    position: absolute;
    top: 10px;
    right: 30px;
    z-index: 3;
    cursor: pointer;
    color: #FFF;
    height: 25px;
    width: 25px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #6B4F7B;
    text-align: center;
}

.main-header .seach-bar .main-content .search-arrow i {
    font-size: 20px;
    line-height: 25px;
    margin-left: 2px;
}

.main-header .seach-bar .main-content .search-arrow.disabled {
    background: #907B9C;
    cursor: auto;
}

.main-header #notification-counter-container {
    position: relative;
}

.main-header #notification-counter-container #notification-counter {
    position: absolute;
    right: -15px;
    top: 8px;
    margin: 0px;
    padding: 0px;
    text-align: left;
    height: 16px;
    line-height: 16px;
    width: 24px;
}

.main-header #notification-counter-container #notification-counter #notification-counter-circle {
    font-size: 10px;
    margin: 0px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    background: #19b4d2;
    height: 16px;
    min-width: 16px;
    padding: 4px;
    line-height: 10px;
}

@media (min-width: 1440px) {
    .main-header span.nav-bar-from-lg {
        display: inline-block;
    }

    .main-header .nav-bar-from-lg {
        display: block;
    }

    .main-header .nav-bar-to-lg {
        display: none !important;
    }

    .main-header.scrolled#main-header {
        height: 164px;
    }
}

@media (min-width: 960px) {
    .main-header .seach-bar {
        padding: 15px 0px;
    }

    .main-header .row-header-mobile {
        margin-left: -12px;
        margin-right: -12px;
    }

    .main-header .opened.top-menu-button-container {
        background: #FFF;
        color: #8591A3;
    }

    .main-header span.nav-bar-from-md {
        display: inline-block;
    }

    .main-header .nav-bar-from-md {
        display: block;
    }

    .main-header .nav-bar-to-md {
        display: none !important;
    }

    .main-header .top-nav-bar {
        border-bottom: 2px solid #E0E3E8;
    }

    .main-header .top-nav-bar img {
        height: 44px;
    }

    .main-header .top-nav-bar i {
        font-size: 24px;
        line-height: 44px;
    }

    .main-header .top-nav-bar button {
        margin-top: 4px;
    }

    .main-header .submenu-nav-bar li {
        padding-bottom: 6px;
        border-bottom: 4px solid #46235A;
    }

    .main-header .submenu-nav-bar li.active {
        border-bottom-color: #140028;
    }

    .main-header.scrolled#main-header {
        height: 104px;
    }
}

@media (min-width: 768px) {
    .main-header #notification-counter-container #notification-counter {
        top: 14px;
    }

    .main-header span.nav-bar-from-sm {
        display: inline-block;
    }

    .main-header .nav-bar-from-sm {
        display: block;
    }

    .main-header .nav-bar-to-sm {
        display: none !important;
    }

    .main-header .top-nav-bar {
        border-bottom: 0px;
    }
}

.main-header.account-header .main-content {
    position: relative;
}

.main-header.account-header .menu-nav-bar {
    margin-top: 0px;
}

.main-header.account-header .menu-btn-back {
    position: absolute;
    left: 0px;
    top: -10px;
    padding: 3px;
    padding-left: 0px;
    padding-right: 20px;
}

.main-header.account-header .menu-btn-back i {
    font-size: 35px;
}

.main-header.account-header .menu-btn-back span {
    vertical-align: super;
    margin-left: 15px;
}

.main-header.account-header .submenu-nav-bar {
    background: #19B4D2;
}

.main-header.account-header .submenu-nav-bar li {
    padding-bottom: 2px;
    margin-right: 15px;
    border-bottom-color: #19B4D2;
}

.main-header.account-header .submenu-nav-bar li.active {
    border-bottom: solid 4px #05A0BE;
}

.main-header.account-header .top-nav-bar i.zmdi-account-circle {
    color: #19B4D2;
}

.main-header.account-header .hori-scrollable-row {
    position: relative;
    height: 40px;
    overflow: hidden;
}

.main-header.account-header .hori-scrollable-row .hori-scrollable-no-bar {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    height: 60px;
}

.main-header.account-header .hori-scrollable-row .hori-scrollable-no-bar .hori-scrollable {
    position: absolute;
    padding: 0px 15px;
    width: 405px;
    height: 100%;
}

.main-header.account-header .submenu-nav-bar-mobile .mobile-submenu-selected {
    background: #19B4D2;
}

.main-header.account-header .submenu-nav-bar-mobile .options-label {
    color: #E0E3E8;
}

.main-header.account-header .submenu-nav-bar-opened {
    background: #19B4D2;
}

.main-header.account-header .submenu-nav-bar-opened ul li {
    background: #19B4D2;
    color: #FFF;
    border-top-color: #47C3DB;
}

.main-header.account-header .submenu-nav-bar-opened ul li.divider {
    background: #47C3DB;
    color: #6B4F7B;
}

body.mobile-menu-opened .main-header {
    margin-bottom: 0px;
}

@media (max-width: 960px) {
    .main-content-container.opened {
        display: none;
    }
}

@media (max-width: 768px) {
    .main-header .top-nav-bar span {
        margin-left: 5px;
    }

    .main-header .top-nav-bar .btn-search {
        clear: both;
        height: auto;
        line-height: 20px;
    }

    .top-nav-bar .container, .top-nav-bar .form.border-separate .form-group, .form.border-separate .top-nav-bar .form-group {
        padding: 0px;
    }

    .seach-bar .container, .seach-bar .form.border-separate .form-group, .form.border-separate .seach-bar .form-group {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 960px) {
    .submenu-nav-bar-opened {
        display: none;
    }
}

.circle-icon, .goal-icon {
    height: 40px;
    width: 40px;
    text-align: center;
    font-family: "opo-icons";
    font-size: 30px;
    line-height: 40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #FFF;
    background: #1E2869;
}

.activity .circle-icon {
    background: #D24600;
}

.activity .circle-icon:before {
    content: "\e909";
}

.video .circle-icon {
    background: #1E2869;
    color: #FFF;
}

.video .circle-icon:before {
    content: "\e904";
}

.static .circle-icon, .article .circle-icon {
    background: #1E2869;
    color: #FFF;
}

.static .circle-icon:before, .article .circle-icon:before {
    content: "\e90a";
    font-size: 30px;
}

.measurement-tool .circle-icon {
    background: #1E2869;
    color: #FFF;
}

.measurement-tool .circle-icon:before {
    content: "\e905";
}

.quiz .circle-icon {
    background: #DC0A55;
}

.quiz .circle-icon:before {
    content: "\e905";
}

.user-post .circle-icon, .user .circle-icon, .user-article .circle-icon, .qa .circle-icon {
    background: #19B4D2;
}

.user-post .circle-icon:before, .user .circle-icon:before, .user-article .circle-icon:before, .qa .circle-icon:before {
    content: "\e90b";
    font-size: 29px;
    margin-left: 1px;
}

.goal-icon {
    display: inline-block;
    font-family: 'Material-Design-Iconic-Font';
    background: #F7C333;
    color: #FFF;
    font-size: 22px;
}

.goal-icon:before {
    content: "\f27d";
}

.goal-icon.icon-30 {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 15px;
}

.circle-arrow {
    height: 30px;
    width: 30px;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #FFF;
    background: #1E2869;
    display: inline-block;
    cursor: pointer;
    font-family: 'Material-Design-Iconic-Font';
}

.circle-arrow.prev:before {
    content: "\f2ea";
}

.circle-arrow.next:before {
    content: "\f2ee";
}

blockquote {
    margin: 30px -23px;
    background: #DAD3DE;
    color: #46235A;
    border: 0px;
    font-family: "Baloo", cursive;
    font-size: 20px;
    line-height: 25px;
    padding: 30px;
}

blockquote:before {
    font-family: "Baloo", cursive;
    content: "​‌“";
    font-size: 60px;
    position: absolute;
    margin-top: -25px;
}

blockquote p, blockquote span, blockquote div, blockquote ul, blockquote li {
    background: #DAD3DE;
}

blockquote p {
    margin: 0px !important;
}

blockquote.informal-blockquote {
    font-family: 'Indie Flower', 'Roboro', cursive;
}

blockquote.formal-blockquote {
    font-family: 'Kalam', 'Roboro', cursive;
}

@media (min-width: 768px) {
    blockquote {
        margin: 30px 0px;
        font-size: 25px;
        line-height: 30px;
    }

    blockquote:before {
        font-size: 80px;
        margin-top: -20px;
    }
}

#full-modal-container, .full-modal-container {
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    width: 100%;
    z-index: 999;
    /* colors */
}

#full-modal-container .bg-yellow, .full-modal-container .bg-yellow {
    background: #F5B400 !important;
}

#full-modal-container .bg-yellow .title, #full-modal-container .bg-yellow .text, .full-modal-container .bg-yellow .title, .full-modal-container .bg-yellow .text {
    color: #FFF;
}

#full-modal-container .full-modal-top-header, .full-modal-container .full-modal-top-header {
    z-index: 999;
    position: fixed;
    width: 100%;
    padding: 10px 0px;
    height: 45px;
}

#full-modal-container #full-modal-title, .full-modal-container #full-modal-title {
    z-index: 999;
    position: fixed;
    width: 100%;
}

#full-modal-container .title, .full-modal-container .title {
    margin-bottom: 10px;
}

#full-modal-container .modal-progress-bar, .full-modal-container .modal-progress-bar {
    height: 5px;
    margin-top: 10px;
}

#full-modal-container .bar, .full-modal-container .bar {
    background: #FFF;
    height: 100%;
    width: 0%;
    display: block;
}

#full-modal-container .madal-sticky-footer, .full-modal-container .madal-sticky-footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    padding: 20px;
}

#full-modal-container .madal-sticky-footer img, .full-modal-container .madal-sticky-footer img {
    width: 100%;
    max-width: 400px;
}

#full-modal-container #close-full-page-modal, #full-modal-container #close-full-page-modal-quiz, #full-modal-container .btn-book, .full-modal-container #close-full-page-modal, .full-modal-container #close-full-page-modal-quiz, .full-modal-container .btn-book {
    cursor: pointer;
    font-size: 25px;
    padding: 10px;
    margin: -10px;
}

#full-modal-container .btn, .full-modal-container .btn {
    display: block;
    margin: 0px auto;
}

#full-modal-container .percentage, .full-modal-container .percentage {
    font-size: 14px;
}

#full-modal-container .full-modal-form, .full-modal-container .full-modal-form {
    padding: 20px 0px;
}

#full-modal-container .loader, .full-modal-container .loader {
    display: block;
    margin: 100px auto;
}

#full-modal-container .full-modal-header, .full-modal-container .full-modal-header {
    padding: 20px 0px;
    margin-top: 45px;
}

#full-modal-container .full-modal-header .title, .full-modal-container .full-modal-header .title {
    text-align: center;
    margin-bottom: 24px;
}

#full-modal-container .full-modal-header .title small, .full-modal-container .full-modal-header .title small {
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 14px;
}

#full-modal-container .full-modal-header .main-content, .full-modal-container .full-modal-header .main-content {
    position: relative;
    padding-bottom: 40px;
}

#full-modal-container .full-modal-header-empty, .full-modal-container .full-modal-header-empty {
    margin-top: 45px;
}

#full-modal-container .full-modal-header-empty .main-content, .full-modal-container .full-modal-header-empty .main-content {
    position: relative;
}

#full-modal-container .question-title, #full-modal-container .question-help, .full-modal-container .question-title, .full-modal-container .question-help {
    text-align: center;
    color: #000;
}

#full-modal-container .question-title, .full-modal-container .question-title {
    margin: 25px 0px 0px 0px;
}

#full-modal-container .question-help, .full-modal-container .question-help {
    margin-bottom: 25px;
}

#full-modal-container .form-group > label, .full-modal-container .form-group > label {
    width: 100%;
}

#full-modal-container .step-number-container, .full-modal-container .step-number-container {
    position: absolute;
    bottom: -40px;
    width: 100%;
}

#full-modal-container .step-number-container .step-number, .full-modal-container .step-number-container .step-number {
    height: 40px;
    width: 40px;
    line-height: 30px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid #FFF;
    font-family: "Baloo", cursive;
    font-size: 20px;
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

#full-modal-container .full-modal-header-no-group, .full-modal-container .full-modal-header-no-group {
    margin-top: 45px;
    margin-bottom: -45px;
    padding: 20px 0px;
}

#full-modal-container .full-modal-header-no-group .main-content, .full-modal-container .full-modal-header-no-group .main-content {
    position: relative;
    padding-bottom: 40px;
}

#full-modal-container .full-modal-header-no-group .step-number-container, .full-modal-container .full-modal-header-no-group .step-number-container {
    bottom: 0px;
}

#full-modal-container .full-modal-final-header, .full-modal-container .full-modal-final-header {
    padding: 12px 0px;
}

#full-modal-container .full-modal-final-header img, .full-modal-container .full-modal-final-header img {
    height: 35px;
}

#full-modal-container .big-circle-percentage, .full-modal-container .big-circle-percentage {
    height: 150px;
    width: 150px;
    line-height: 150px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid #FFF;
    font-family: "Baloo", cursive;
    font-size: 50px;
    text-align: center;
    background: #E6145F;
    color: #FFF;
    margin: 25px auto;
}

#full-modal-container .big-circle-percentage .result-small-percentage, .full-modal-container .big-circle-percentage .result-small-percentage {
    font-size: 20px;
    display: inline-block;
    line-height: 50%;
    vertical-align: super;
    font-family: "Roboto", sans-serif;
}

#full-modal-container #full-modal-final-message .result-message, .full-modal-container #full-modal-final-message .result-message {
    margin-bottom: 25px;
}

#full-modal-container #full-modal-final-message .btn, .full-modal-container #full-modal-final-message .btn {
    margin-top: 20px;
}

#full-modal-container .main-content-modal, .full-modal-container .main-content-modal {
    max-width: 684px;
}

#full-modal-container .main-content-modal.modal-with-buttons, .full-modal-container .main-content-modal.modal-with-buttons {
    margin-bottom: 130px;
}

#full-modal-container .full-modal-confirm-message, .full-modal-container .full-modal-confirm-message {
    position: absolute;
    top: 100px;
    width: 100%;
}

#full-modal-container .full-modal-confirm-message .full-modal-confirm-message-content, .full-modal-container .full-modal-confirm-message .full-modal-confirm-message-content {
    width: 90%;
    max-width: 500px;
    background: #FFF;
    padding: 25px;
    margin: 0px auto;
    border: 1px solid #FBE199;
}

#full-modal-container .full-modal-confirm-message .full-modal-confirm-message-content .title, .full-modal-container .full-modal-confirm-message .full-modal-confirm-message-content .title {
    color: #F5B400;
}

#full-modal-container .full-modal-confirm-message .full-modal-confirm-message-content .text, .full-modal-container .full-modal-confirm-message .full-modal-confirm-message-content .text {
    color: #4E576E;
}

#full-modal-container .full-modal-confirm-message .full-modal-confirm-message-content .buttons-container, .full-modal-container .full-modal-confirm-message .full-modal-confirm-message-content .buttons-container {
    margin-top: 15px;
}

#full-modal-container .full-modal-confirm-message .full-modal-confirm-message-content .buttons-container .link, .full-modal-container .full-modal-confirm-message .full-modal-confirm-message-content .buttons-container .link {
    cursor: pointer;
    color: #4E576E;
    font-size: 90%;
}

#full-modal-container.profile-data-modal .full-modal-top-header, #full-modal-container.profile-data-modal .step-number-container .step-number, .full-modal-container.profile-data-modal .full-modal-top-header, .full-modal-container.profile-data-modal .step-number-container .step-number {
    background: #141E5F;
    color: #FFF;
}

#full-modal-container.profile-data-modal .full-modal-header, .full-modal-container.profile-data-modal .full-modal-header {
    background: #1E2869;
    color: #FFF;
}

#full-modal-container.profile-data-modal .percentage, #full-modal-container.profile-data-modal .modal-progress-bar, .full-modal-container.profile-data-modal .percentage, .full-modal-container.profile-data-modal .modal-progress-bar {
    display: none;
}

#full-modal-container.quiz-modal .full-modal-top-header, .full-modal-container.quiz-modal .full-modal-top-header {
    background: #DC0A55;
    color: #FFF;
}

#full-modal-container.quiz-modal .full-modal-header, .full-modal-container.quiz-modal .full-modal-header {
    background: #E6145F;
    color: #FFF;
}

#full-modal-container.quiz-modal .step-number-container .step-number, .full-modal-container.quiz-modal .step-number-container .step-number {
    background: #DC0A55;
    color: #FFF;
}

#full-modal-container.quiz-modal .modal-progress-bar, .full-modal-container.quiz-modal .modal-progress-bar {
    background: #C80041;
}

#full-modal-container.create-goal-modal .full-modal-top-header, .full-modal-container.create-goal-modal .full-modal-top-header {
    background: #007800;
    color: #FFF;
}

#full-modal-container.create-goal-modal .full-modal-top-header i.zmdi-bookmark, .full-modal-container.create-goal-modal .full-modal-top-header i.zmdi-bookmark {
    color: #F5B400;
}

#full-modal-container.create-goal-modal .sticky-margin, .full-modal-container.create-goal-modal .sticky-margin {
    background: #FFF;
}

#full-modal-container.goal-modal .full-modal-top-header, .full-modal-container.goal-modal .full-modal-top-header {
    background: #F5B400;
    color: #FFF;
    height: 50px;
}

#full-modal-container.goal-modal .full-modal-top-header .goal-icon, .full-modal-container.goal-modal .full-modal-top-header .goal-icon {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 20px;
    margin-right: 25px;
}

#full-modal-container.goal-modal #full-modal-title, .full-modal-container.goal-modal #full-modal-title {
    background: #FDF0CC;
    color: #000;
    margin-top: 50px;
    padding: 20px 0px;
}

#full-modal-container.goal-modal #full-modal-title .title, .full-modal-container.goal-modal #full-modal-title .title {
    margin: 0px;
}

#full-modal-container.goal-modal #full-modal-body, .full-modal-container.goal-modal #full-modal-body {
    margin-top: 0px;
}

#full-modal-container.goal-modal #full-modal-body.not-centered-body, .full-modal-container.goal-modal #full-modal-body.not-centered-body {
    margin-top: 150px;
}

#full-modal-container.goal-modal #full-modal-body.not-centered-body.big, .full-modal-container.goal-modal #full-modal-body.not-centered-body.big {
    margin-top: 190px;
}

#full-modal-container.goal-modal #full-modal-body #goal-rate-selected-description, .full-modal-container.goal-modal #full-modal-body #goal-rate-selected-description {
    text-align: center;
    color: #000;
}

#full-modal-container.goal-modal #full-modal-body #goal-rate-selected-description img, .full-modal-container.goal-modal #full-modal-body #goal-rate-selected-description img {
    height: 75px;
    margin-bottom: 15px;
}

#full-modal-container.goal-modal .form .form-group .radio.checked, .full-modal-container.goal-modal .form .form-group .radio.checked {
    background: #F5B400;
    color: #283273;
}

#full-modal-container.goal-modal .form .form-group .radio.checked label, .full-modal-container.goal-modal .form .form-group .radio.checked label {
    color: #283273;
}

#full-modal-container.goal-modal .sticky-margin, .full-modal-container.goal-modal .sticky-margin {
    background: #FFF;
}

#full-modal-container.booking-modal #full-modal-image, #full-modal-container.prechat-modal #full-modal-image, #full-modal-container.chat-modal #full-modal-image, .full-modal-container.booking-modal #full-modal-image, .full-modal-container.prechat-modal #full-modal-image, .full-modal-container.chat-modal #full-modal-image {
    color: #FFF;
    background: #F5B400;
}

#full-modal-container.create-discussion-modal, .full-modal-container.create-discussion-modal {
    background: #FFF;
}

#full-modal-container.create-discussion-modal .full-modal-top-header, .full-modal-container.create-discussion-modal .full-modal-top-header {
    height: 130px;
    background: #FFF;
}

#full-modal-container.create-discussion-modal #full-modal-body, .full-modal-container.create-discussion-modal #full-modal-body {
    background: #FFF;
    margin-top: 0px;
    margin-bottom: 150px;
}

#full-modal-container.create-discussion-modal #full-modal-body.not-centered-body, .full-modal-container.create-discussion-modal #full-modal-body.not-centered-body {
    margin-top: 160px;
}

#full-modal-container.create-discussion-modal .sticky-buttons, .full-modal-container.create-discussion-modal .sticky-buttons {
    background: #FFF;
}

#full-modal-container.create-discussion-modal .header-title, .full-modal-container.create-discussion-modal .header-title {
    margin: 15px auto;
    color: #4E576E;
    max-width: 684px;
}

#full-modal-container.create-discussion-modal .select-container, .full-modal-container.create-discussion-modal .select-container {
    display: inline-block;
}

#full-modal-container.create-discussion-modal label, .full-modal-container.create-discussion-modal label {
    font-weight: bold;
    margin-bottom: 10px;
    color: #4E576E;
}

#full-modal-container.create-discussion-modal .radio label, .full-modal-container.create-discussion-modal .radio label {
    font-weight: 100;
    color: #586178;
    margin: 0px;
}

#full-modal-container.create-discussion-modal .radio.checked label, .full-modal-container.create-discussion-modal .radio.checked label {
    color: #FFF;
}

#full-modal-container.create-discussion-modal textarea, .full-modal-container.create-discussion-modal textarea {
    height: 250px;
}

#full-modal-container.booking-modal .available-flag i, .full-modal-container.booking-modal .available-flag i {
    font-size: 20px;
}

#full-modal-container.booking-modal .full-modal-top-header, .full-modal-container.booking-modal .full-modal-top-header {
    height: 120px;
    background: #F5B400;
    color: #FFF;
}

#full-modal-container.booking-modal .full-modal-top-header a, .full-modal-container.booking-modal .full-modal-top-header a {
    color: #FFF;
}

#full-modal-container.booking-modal .full-modal-top-header #full-modal-title, .full-modal-container.booking-modal .full-modal-top-header #full-modal-title {
    position: relative;
}

#full-modal-container.booking-modal #full-modal-body, .full-modal-container.booking-modal #full-modal-body {
    margin-top: 120px;
    background: #FFF;
}

#full-modal-container.booking-modal #full-modal-body .chat-details-container, .full-modal-container.booking-modal #full-modal-body .chat-details-container {
    padding-top: 12px;
    padding-bottom: 12px;
    background: #FDF0CC;
}

#full-modal-container.booking-modal #full-modal-body .chat-details-container .main-content, .full-modal-container.booking-modal #full-modal-body .chat-details-container .main-content {
    position: relative;
}

#full-modal-container.booking-modal #full-modal-body .chat-details-container .main-content .available-flag, .full-modal-container.booking-modal #full-modal-body .chat-details-container .main-content .available-flag {
    color: #66758C;
    position: absolute;
    top: 0px;
    right: 0px;
}

#full-modal-container.booking-modal #full-modal-body .chat-details-container.booked-by-user, .full-modal-container.booking-modal #full-modal-body .chat-details-container.booked-by-user {
    background: #CCE4CC;
}

#full-modal-container.booking-modal #full-modal-body .chat-details-container.booked-by-user .main-content .available-flag, .full-modal-container.booking-modal #full-modal-body .chat-details-container.booked-by-user .main-content .available-flag {
    color: #339333;
}

#full-modal-container.profile-modal .full-modal-top-header, #full-modal-container.prechat-modal .full-modal-top-header, #full-modal-container.chat-modal .full-modal-top-header, #full-modal-container.share-modal .full-modal-top-header, .full-modal-container.profile-modal .full-modal-top-header, .full-modal-container.prechat-modal .full-modal-top-header, .full-modal-container.chat-modal .full-modal-top-header, .full-modal-container.share-modal .full-modal-top-header {
    height: 60px;
}

#full-modal-container.profile-modal #full-modal-body, #full-modal-container.prechat-modal #full-modal-body, #full-modal-container.chat-modal #full-modal-body, #full-modal-container.share-modal #full-modal-body, .full-modal-container.profile-modal #full-modal-body, .full-modal-container.prechat-modal #full-modal-body, .full-modal-container.chat-modal #full-modal-body, .full-modal-container.share-modal #full-modal-body {
    background: #FFF;
    margin-top: 0px;
}

#full-modal-container.profile-modal #full-modal-body.not-centered-body, #full-modal-container.prechat-modal #full-modal-body.not-centered-body, #full-modal-container.chat-modal #full-modal-body.not-centered-body, #full-modal-container.share-modal #full-modal-body.not-centered-body, .full-modal-container.profile-modal #full-modal-body.not-centered-body, .full-modal-container.prechat-modal #full-modal-body.not-centered-body, .full-modal-container.chat-modal #full-modal-body.not-centered-body, .full-modal-container.share-modal #full-modal-body.not-centered-body {
    margin-top: 100px;
}

#full-modal-container.share-modal #full-modal-body, .full-modal-container.share-modal #full-modal-body {
    text-align: center;
    margin-top: 150px;
}

#full-modal-container.prechat-modal, .full-modal-container.prechat-modal {
    background: #F5B400 !important;
}

#full-modal-container.prechat-modal #full-modal-body, .full-modal-container.prechat-modal #full-modal-body {
    margin-top: 60px;
}

#full-modal-container.chat-modal, .full-modal-container.chat-modal {
    background: #FDF0CC !important;
}

#full-modal-container.chat-modal #full-modal-body, .full-modal-container.chat-modal #full-modal-body {
    height: 100%;
    background: #FDF0CC;
    margin-top: 0px;
}

#full-modal-container.chat-modal .zmdi, .full-modal-container.chat-modal .zmdi {
    cursor: pointer;
    margin-right: 25px;
}

#full-modal-container.chat-modal #time-remaining, .full-modal-container.chat-modal #time-remaining {
    margin-right: 5px;
}

#full-modal-container.chat-modal #load-old-messages, .full-modal-container.chat-modal #load-old-messages {
    font-size: 25px;
    line-height: 25px;
}

#full-modal-container.chat-modal .full-modal-top-header, #full-modal-container.prechat-modal .full-modal-top-header, .full-modal-container.chat-modal .full-modal-top-header, .full-modal-container.prechat-modal .full-modal-top-header {
    background: #F5B400;
    color: #FFF;
}

#full-modal-container.chat-modal .full-modal-top-header a, #full-modal-container.prechat-modal .full-modal-top-header a, .full-modal-container.chat-modal .full-modal-top-header a, .full-modal-container.prechat-modal .full-modal-top-header a {
    color: #FFF;
}

#full-modal-container.chat-modal .full-modal-top-header #full-modal-title, #full-modal-container.prechat-modal .full-modal-top-header #full-modal-title, .full-modal-container.chat-modal .full-modal-top-header #full-modal-title, .full-modal-container.prechat-modal .full-modal-top-header #full-modal-title {
    position: relative;
}

#full-modal-container .double-check-container, .full-modal-container .double-check-container {
    max-width: 350px;
    min-height: auto;
    padding: 0px;
    margin: 0px auto;
}

#full-modal-container .double-check-container.checked #delete-goal, #full-modal-container .double-check-container.checked #delete-chat, .full-modal-container .double-check-container.checked #delete-goal, .full-modal-container .double-check-container.checked #delete-chat {
    color: #283273;
}

#full-modal-container.goal-modal #full-modal-body.not-centered-body.account-bookmarks, .full-modal-container.goal-modal #full-modal-body.not-centered-body.account-bookmarks {
    margin-top: 113px;
}

#full-modal-container .time-to-start, #full-modal-container .to-early, .full-modal-container .time-to-start, .full-modal-container .to-early {
    color: #000;
}

#full-modal-container.chat-modal #full-modal-body .main-text-container .main-content-modal, #full-modal-container.booking-modal #full-modal-body .main-text-container .main-content-modal, .full-modal-container.chat-modal #full-modal-body .main-text-container .main-content-modal, .full-modal-container.booking-modal #full-modal-body .main-text-container .main-content-modal {
    margin-bottom: 150px;
}

#full-modal-container.chat-modal .select-div-chats, #full-modal-container.booking-modal .select-div-chats, .full-modal-container.chat-modal .select-div-chats, .full-modal-container.booking-modal .select-div-chats {
    margin-top: 13px;
}

#full-modal-container.modal-with-animation #full-modal-body, .full-modal-container.modal-with-animation #full-modal-body {
    height: 100%;
}

#full-modal-container.modal-with-animation #full-modal-body .form, .full-modal-container.modal-with-animation #full-modal-body .form {
    height: 100%;
}

@media (max-width: 767px) {
    #full-modal-container .full-width-area .row, .full-modal-container .full-width-area .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    #full-modal-container .full-width-area .row .col-xs-12, .full-modal-container .full-width-area .row .col-xs-12 {
        padding: 0px;
    }

    #full-modal-container .full-width-area .container, #full-modal-container .full-width-area .form.border-separate .form-group, .form.border-separate #full-modal-container .full-width-area .form-group, .full-modal-container .full-width-area .container, .full-modal-container .full-width-area .form.border-separate .form-group, .form.border-separate .full-modal-container .full-width-area .form-group {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media (min-width: 960px) {
    #full-modal-final-message .result-message {
        text-align: center;
    }
}

@-webkit-keyframes moveToTop {
    to {
        -webkit-transform: translateY(-100%);
    }
}

@keyframes moveToTop {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-100%);
    }
}

@keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes moveToBottom {
    to {
        -webkit-transform: translateY(100%);
    }
}

@keyframes moveToBottom {
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
}

@keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.pt-perspective {
    position: relative;
    width: 100%;
    height: 100%;
    perspective: 1200px;
    transform-style: preserve-3d;
}

.pt-perspective.animating {
    overflow: hidden;
}

.pt-page {
    width: 100%;
    min-height: 100%;
    background: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
}

.pt-page-current {
    display: block;
}

.pt-page-moveToTop {
    -webkit-animation: moveToTop .6s ease both;
    animation: moveToTop .6s ease both;
}

.pt-page-moveFromTop {
    -webkit-animation: moveFromTop .6s ease both;
    animation: moveFromTop .6s ease both;
}

.pt-page-moveToBottom {
    -webkit-animation: moveToBottom .6s ease both;
    animation: moveToBottom .6s ease both;
}

.pt-page-moveFromBottom {
    -webkit-animation: moveFromBottom .6s ease both;
    animation: moveFromBottom .6s ease both;
}

.snackbar {
    width: 100%;
    top: 0px;
    padding: 0px;
    opacity: .97;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #FFF;
}

.snackbar.alert-success {
    background-color: #007800;
    border-color: #007800;
}

.snackbar.alert-success .alert-icon {
    background-color: #006E00;
}

.snackbar.alert-danger {
    background-color: #EB437F;
    border-color: #EB437F;
}

.snackbar.alert-danger .alert-icon {
    background-color: #E6145F;
}

.snackbar .alert-content {
    position: relative;
}

.snackbar .alert-content .alert-icon {
    position: absolute;
    padding: 10px;
    margin: 0px;
    height: 100%;
}

.snackbar .alert-content .alert-icon img {
    margin: 0px;
    height: 30px;
}

.snackbar .alert-content .alert-message-container {
    margin-left: 65px;
    margin-right: 65px;
    padding: 10px;
    min-height: 50px;
}

.snackbar .alert-content .alert-message-container span {
    vertical-align: sub;
}

.snackbar .alert-content .alert-close {
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 20px;
    cursor: pointer;
}

/** Animation */
.animated {
    -webkit-animation-duration: 0.6s;
    -moz-animation-duration: 0.6s;
    -o-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.fast {
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -ms-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    animation-duration: 0.4s;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(20px);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(20px);
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -o-transform: translateY(20px);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(20px);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
}

@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0px);
    }
    100% {
        opacity: 0;
        -o-transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }
    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes slideTopIn {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes slideTopIn {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideTopIn {
    -webkit-animation-name: slideTopIn;
    -moz-animation-name: slideTopIn;
    -o-animation-name: slideTopIn;
    animation-name: slideTopIn;
}

@-webkit-keyframes slideTopOut {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideTopOut {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideTopOut {
    -webkit-animation-name: slideTopOut;
    -moz-animation-name: slideTopOut;
    -o-animation-name: slideTopOut;
    animation-name: slideTopOut;
}

.banner {
    background: #FFF;
    margin-top: -24px;
    margin-bottom: 25px;
    padding: 30px 0px;
}

.banner .title-main {
    color: #46235A;
}

.banner img {
    max-height: 290px;
    width: 100%;
    height: 100%;
}

.banner .img-small {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.banner .text-description {
    margin: 20px 0px;
}

.banner .button-container {
    text-align: center;
}

.banner .hide-banner {
    color: #A3ACBA;
    font-size: 30px;
    line-height: 30px;
    margin-top: -15px;
    margin-right: 15px;
    cursor: pointer;
}

@media (min-width: 960px) {
    .banner .button-container {
        text-align: left;
    }
}

#sticky-footer-content {
    position: fixed;
    bottom: -45px;
    width: 100%;
    background: #EB7B33;
    padding: 10px 0px;
    border-top: solid 1px #E0E3E8;
    z-index: 998;
    -moz-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}

#sticky-footer-content .content-links {
    color: #FFFFFF;
    font-size: 14px;
}

#sticky-footer-content .content-links i {
    font-size: 18px;
    vertical-align: middle;
}

#sticky-footer-content .next-content-type {
    color: #FFFFFF;
    font-size: 14px;
}

#sticky-footer-content .next-content-type-divider {
    color: #FFFFFF;
}

#sticky-footer-content img.next-content-link-arrow {
    height: 18px;
    margin-top: -5px;
    margin-left: 10px;
}

#sticky-footer-content a {
    color: #FFFFFF;
}

#sticky-footer-content .next-content-link i {
    font-size: 22px;
    margin-left: 20px;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
}

#sticky-footer-content .comment-comment-counter {
    margin-right: 40px;
}

#sticky-footer-content.sticky-footer-visible {
    bottom: 0px;
}

#sticky-footer-content .card-bookmark {
    padding: 20px;
    margin: -20px;
    margin-left: -10px;
}

.content .fixed-button {
    -moz-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}

.content .fixed-button.sticky-footer-visible {
    bottom: 45px;
}

#goal-rate {
    position: relative;
    padding: 20px 0px;
    margin: 20px auto 20px auto;
    border-bottom: solid 1px #E0E3E8;
    width: 100%;
}

#goal-rate ul {
    list-style: none;
    width: 100%;
    padding: 0px;
    margin: 0px;
    display: block;
}

#goal-rate ul li {
    display: inline-block;
    width: 18%;
    text-align: center;
    font-size: 14px;
    position: relative;
}

#goal-rate ul li .rate-circle {
    line-height: 26px;
    position: relative;
    height: 16px;
    width: 16px;
    background: #E0E3E8;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0px auto;
    z-index: 3;
    cursor: pointer;
}

#goal-rate ul li .rate-bar {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 6px;
    height: 5px;
    width: 100%;
    background-color: #E0E3E8;
    z-index: 2;
}

#goal-rate ul li.pre-selected .rate-circle {
    background: #E1A000;
}

#goal-rate ul li.pre-selected .rate-circle:after {
    content: ' ';
    height: 10px;
    width: 10px;
    background: #FFF;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 3px;
    position: absolute;
}

#goal-rate ul li.pre-selected .rate-bar {
    background-color: #E1A000;
}

#goal-rate ul li.selected .rate-circle {
    background: #E1A000;
    height: 26px;
    width: 26px;
    color: #FFF;
    background: #F7C333;
}

#goal-rate ul li.selected .rate-circle:after {
    font-size: 20px;
    content: '\f27d';
    font-family: 'Material-Design-Iconic-Font';
}

#goal-rate ul li.selected .rate-bar {
    top: 10px;
}

#goal-rate ul li:last-child .rate-bar {
    display: none;
}

@media (min-width: 768px) {
    #goal-rate {
        margin: 0px auto 20px auto;
    }

    #goal-rate ul li {
        width: 19%;
    }
}

#goal-rate-selected-description .goal-description {
    display: none;
}

#goal-rate-selected-description .goal-description.active {
    display: block;
}

.pill {
    font-family: "Roboto", sans-serif;
    background: #323C7D;
    color: #FFF;
    height: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    font-size: 14px;
    line-height: 25px;
    padding: 0px;
    padding-left: 10px;
    padding-right: 25px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.pill:after {
    font-size: 18px;
    line-height: 25px;
    font-family: 'Material-Design-Iconic-Font';
    content: '\f2fb';
    text-align: center;
    position: absolute;
    right: 8px;
}

.pill.pill-default {
    background: #E0E3E8;
    color: #323C7D;
}

.pill.pill-grey {
    background: #8591A3;
}

.pill.pill-no-color {
    background: none;
    color: #5B6397;
}

.pill.pill-cancel {
    background: #DC0A55;
    color: #FFF;
}

.pill.pill-cancel:after {
    content: '\f135';
    right: 5px;
}

.pill.pill-cyan {
    background: #05A0BE;
}

.empty-result-message {
    background: #FFF;
    padding: 25px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.booking-calendar {
    margin-bottom: 30px;
}

.booking-calendar .booking-calendar-ym {
    background: #EBAA00;
    color: #FFF;
}

.booking-calendar .booking-calendar-ym.two-years {
    background: linear-gradient(to right, #ebaa00, #ebaa00 50%, #e1a000 50%, #e1a000 100%);
}

.booking-calendar .booking-calendar-ym .ym-container .y-container {
    padding-top: 4px;
    display: inline-block;
}

.booking-calendar .booking-calendar-ym .ym-container .y-container .y-text {
    font: "Baloo", cursive;
    font-weight: 900;
    color: #F7C333;
}

.booking-calendar .booking-calendar-ym .ym-container .y-container.first-y {
    background: #EBAA00;
}

.booking-calendar .booking-calendar-ym .ym-container .y-container.second-y {
    padding-left: 15px;
    background: #E1A000;
}

.booking-calendar .booking-calendar-ym .ym-container ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.booking-calendar .booking-calendar-ym .ym-container ul li {
    display: inline-block;
    margin-right: 15px;
    padding-bottom: 2px;
    border-bottom: solid 2px #EBAA00;
    cursor: pointer;
}

.booking-calendar .booking-calendar-ym .ym-container ul li.active {
    border-bottom-color: #CD8C00;
    font-weight: 900;
}

.booking-calendar .booking-calendar-w {
    background: #FDF0CC;
    padding-top: 10px;
    padding-bottom: 10px;
}

.booking-calendar .booking-calendar-w .circle-arrow {
    background: #F5B400;
}

.booking-calendar .booking-calendar-w .circle-arrow.disabled {
    background: #F9D266;
    cursor: not-allowed;
}

.booking-calendar .booking-calendar-w .text-description {
    line-height: 30px;
}

.booking-calendar .scrollable-container {
    height: 56px;
    overflow: hidden;
    position: relative;
}

.booking-calendar .scrollable-container .scrollable {
    height: 80px;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
}

.booking-calendar .scrollable-container .scrollable .scrollable-content {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

.booking-calendar .scrollable-container .scrollable .scrollable-content .main-content {
    width: 390px;
}

@media (min-width: 768px) {
    .booking-calendar .scrollable-container .scrollable .scrollable-content .main-content {
        width: 100%;
    }
}

.booking-table {
    min-height: 200px;
}

.booking-table .booking-list {
    line-height: 25px;
}

.booking-table .booking-list .main-row {
    cursor: pointer;
}

.booking-table .booking-list .main-row, .booking-table .booking-list .sub-row {
    padding: 12px 24px;
    border: solid 1px #C2C8D1;
    background: #FFF;
    position: relative;
}

.booking-table .booking-list .main-row .action-container, .booking-table .booking-list .sub-row .action-container {
    position: absolute;
    right: 12px;
    top: 12px;
}

.booking-table .booking-list .main-row .status-full, .booking-table .booking-list .sub-row .status-full {
    color: #EB437F;
}

.booking-table .booking-list .main-row .status-full, .booking-table .booking-list .main-row .status-available, .booking-table .booking-list .main-row .status-limited, .booking-table .booking-list .sub-row .status-full, .booking-table .booking-list .sub-row .status-available, .booking-table .booking-list .sub-row .status-limited {
    display: none;
}

.booking-table .booking-list .main-row.full .status-full, .booking-table .booking-list .sub-row.full .status-full {
    display: inline;
}

.booking-table .booking-list .main-row.available .status-available, .booking-table .booking-list .sub-row.available .status-available {
    display: inline;
}

.booking-table .booking-list .main-row.limited .status-limited, .booking-table .booking-list .sub-row.limited .status-limited {
    display: inline;
}

.booking-table .booking-list .sub-row {
    background: #E0E3E8;
    color: #5F6B82;
    border-right: solid 3px #F7C333;
}

.booking-table .booking-list .sub-row.booked {
    border-right-color: #8591A3;
    color: #8591A3;
}

.booking-table .booking-list .sub-row.booked .text {
    color: #8591A3;
}

.booking-table .booking-list .sub-row.booked-by-user {
    border-right: solid 1px #C2C8D1;
    background: #efefef;
    color: #339333;
    cursor: pointer;
}

.booking-table .booking-list .sub-row.booked-by-user .text {
    color: #339333;
}

.booking-table .booking-list .sub-row.booked-by-user.double-line {
    background: #FFF;
}

.booking-table .booking-list .sub-row.alert-row {
    border-right-color: #DC0A55;
    background: #FFF;
    color: #DC0A55;
}

.booking-table .booking-list .sub-row.alert-row .text, .booking-table .booking-list .sub-row.alert-row .day {
    color: #DC0A55;
}

.booking-table .booking-list .sub-row.alert-row i, .booking-table .booking-list .sub-row.alert-row .action-container {
    color: #5F6B82;
}

.booking-table .booking-list .sub-row.historic {
    border-right: solid 1px #C2C8D1;
    background: #FFF;
    color: #5F6B82;
    cursor: pointer;
}

.booking-table .booking-list .sub-row.historic .text, .booking-table .booking-list .sub-row.historic .day {
    color: #5F6B82;
}

.booking-table .booking-list .sub-row.historic .action-container {
    right: 14px;
}

.booking-table .booking-list .sub-row.historic i, .booking-table .booking-list .sub-row.historic .action-container {
    color: #5F6B82;
}

.booking-table .booking-list .sub-row.no-action {
    cursor: auto;
}

.booking-table .booking-list .sub-row .zmdi-chevron-right {
    color: #5F6B82;
}

.booking-table .booking-list .sub-row .day {
    color: #000;
}

.booking-table .booking-list .sub-row i, .booking-table .booking-list .sub-row .action-container {
    line-height: 25px;
}

.booking-table .booking-list .sub-row .double-line-row {
    line-height: 50px;
}

.booking-table .booking-list .sub-row.double-line i {
    line-height: 50px;
    margin-right: 10px;
}

.booking-table .booking-list .sub-row i.zmdi {
    font-size: 24px;
}

.booking-table .booking-list .expand {
    color: #66758C;
    font-size: 25px;
    cursor: pointer;
}

.booking-table .booking-list .expand.opened i:before {
    content: '\f272';
}

.booking-table .booking-list .table-title {
    background: #F5B400;
    color: #FFF;
    padding: 15px 20px;
}

.booking-table .booking-list .btn-cancel {
    color: #DC0A55;
    margin-right: 25px;
    cursor: pointer;
    padding-left: 25px;
}

@media (max-width: 767px) {
    .booking-table .booking-list .main-row, .booking-table .booking-list .sub-row {
        padding: 12px 0px;
    }
}

.loader {
    animation: rotateBalls 1s infinite;
    height: 50px;
    width: 50px;
    display: inline-block;
}

.loader:before,
.loader:after {
    border-radius: 50%;
    content: '';
    display: block;
    height: 20px;
    width: 20px;
}

.loader:before {
    animation: ball1 1s infinite;
    background-color: #46235A;
    box-shadow: 30px 0 0 #6B4F7B;
    margin-bottom: 10px;
}

.loader:after {
    animation: ball2 1s infinite;
    background-color: #DC0A55;
    box-shadow: 30px 0 0 #E6145F;
}

@keyframes rotateBalls {
    0% {
        -webkit-transform: rotate(0deg) scale(0.8);
        -moz-transform: rotate(0deg) scale(0.8);
    }
    50% {
        -webkit-transform: rotate(360deg) scale(1.2);
        -moz-transform: rotate(360deg) scale(1.2);
    }
    100% {
        -webkit-transform: rotate(720deg) scale(0.8);
        -moz-transform: rotate(720deg) scale(0.8);
    }
}

@keyframes ball1 {
    0% {
        box-shadow: 30px 0 0 #339333;
    }
    50% {
        box-shadow: 0 0 0 #339333;
        margin-bottom: 0;
        -webkit-transform: translate(15px, 15px);
        -moz-transform: translate(15px, 15px);
    }
    100% {
        box-shadow: 30px 0 0 #339333;
        margin-bottom: 10px;
    }
}

@keyframes ball2 {
    0% {
        box-shadow: 30px 0 0 #0FAAC8;
    }
    50% {
        box-shadow: 0 0 0 #0FAAC8;
        margin-top: -20px;
        -webkit-transform: translate(15px, 15px);
        -moz-transform: translate(15px, 15px);
    }
    100% {
        box-shadow: 30px 0 0 #0FAAC8;
        margin-top: 0;
    }
}

.comments-wrapper {
    padding: 20px 0;
}

.comments-wrapper .comment {
    padding-top: 10px;
    font-size: 14px;
    border-bottom: 1px solid #e6e9ec;
}

.comments-wrapper .comment .comment-meta {
    color: #76889d;
}

.comments-wrapper .comment .comment-meta .time-posted {
    color: #bbc3cc;
}

.comments-wrapper .comment .comment-meta .separator {
    margin: 0 4px;
}

.comments-wrapper .comment .comment-content {
    color: black;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e9ec;
    white-space: pre-line;
}

.comments-wrapper .comment .comment-reply {
    color: #141E5F;
    font-weight: 500;
    padding: 2.5px 0;
    cursor: pointer;
}

.comments-wrapper .comment-children {
    background-color: #f3f4f5;
}

.comments-wrapper .comment-children > * {
    padding-left: 15px;
    padding-right: 15px;
}

.comment-form-wrapper {
    padding: 15px 0;
    text-align: center;
}

.comment-form-wrapper .form .form-group {
    margin-bottom: 15px;
}

html.template-out, body.template-out {
    background: #FFF;
    height: 100%;
}

html.template-out body, body.template-out body {
    background: #FFF;
    height: 100%;
}

html.template-out body .wrapper, body.template-out body .wrapper {
    height: 100%;
    position: relative;
    overflow: hidden;
}

html.template-out #registerFrom img, body.template-out #registerFrom img {
    /*width: 100%;*/
}

html.template-out .main-content-out, body.template-out .main-content-out {
    max-width: 385px;
}

html.template-out .main-content-out .btn, body.template-out .main-content-out .btn {
    width: 100%;
}

html.template-out .header-out, body.template-out .header-out {
    padding-top: 12px;
    padding-bottom: 12px;
}

html.template-out .header-out .logo, body.template-out .header-out .logo {
    height: 44px;
}

html.template-out .header-out .logo-small, body.template-out .header-out .logo-small {
    height: 35px;
}

html.template-out .main-content-container-out, body.template-out .main-content-container-out {
    position: relative;
    z-index: 10;
}

html.template-out .back, body.template-out .back {
    font-size: 30px;
    line-height: 30px;
    color: #A3ACBA;
}

html.template-out .footer-out, body.template-out .footer-out {
    position: relative;
    height: 200px;
}

html.template-out .footer-out img, body.template-out .footer-out img {
    position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 0px;
}

html.template-out #out-message-container .alert-success, body.template-out #out-message-container .alert-success {
    background: none;
    border: 0px;
    text-align: left;
    padding: 0px;
    font-size: 90%;
    color: #000;
}

html.template-out #out-message-container .alert-success button, body.template-out #out-message-container .alert-success button {
    display: none;
}

html.template-out .link-below-form, body.template-out .link-below-form {
    margin-top: 50px;
    font-size: 90%;
}

.content {
    padding-bottom: 100px;
    /* CONTENT MAIN TEXT */
    /* COLLECTION'S DETAILS */
    /* quizzes */
}

.content.top-title {
    margin-top: -24px;
}

.content .content-header {
    margin: 30px 0px;
    position: relative;
}

.content .subject-tags {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 16px;
}

.content .subject-tags a:hover {
    color: #848AB1 !important;
}

.content table {
    width: 100%;
    margin: 20px 0px;
}

.content table .table-row-colored {
    background: #E0E3E8;
}

.content table td {
    padding: 5px 10px;
}

.content .content-icon {
    position: relative;
    margin-left: auto;
    margin-bottom: -50px;
    margin-top: 10px;
    z-index: 100;
}

.content .question-button-icon {
    position: absolute;
    margin: 0;
    left: 10px;
    top: 4px;
    color: #DC0A55;
    background: white;
}

.content .btn-resume-quiz {
    position: relative;
    background: #E6145F;
}

.content .content-media {
    margin: 20px 0px;
    width: 100%;
}

.content .content-info {
    padding-top: 10px;
    padding-bottom: 10px;
}

.content .content-tags {
    color: #A3ACBA;
}

.content .vertical-divider {
    color: #C2C8D1;
}

.content .goal-container {
    color: #8591A3;
    background: #FDF0CC;
}

.content .goal-container .content-goals {
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
}

.content .content-text, .content .content-tags, .content .content-comments, .content .content-comments-form,
.content .content-comments-title, .content .content-links {
    padding-top: 20px;
    padding-bottom: 20px;
}

.content .recommended-container .section-title {
    padding-top: 20px;
    padding-bottom: 10px;
}

.content .content-text {
    min-height: 200px;
    white-space: pre-line;
}

.content .content-text img {
    max-width: 100%;
    height: auto;
}

.content .content-text iframe {
    max-width: 100%;
}

.content .content-text p {
    margin: 0;
}

.content .content-text b, .content .content-text strong {
    font-weight: 900;
}

.content .content-links {
    color: #8591A3;
}

.content .comment-comment-counter {
    margin-right: 40px;
}

.content #sticky-share {
    display: none;
    margin-left: -8%;
    font-size: 22px;
}

.content .user_article_info_box {
    color: #4A4A4A;
    background-color: #F3F3F3;
    font-family: 'Roboto';
    font-weight: 200;
    padding: 20px 40px;
    font-size: 14px;
}

.content #sticky-share .card-bookmark {
    padding: 20px;
    margin: -20px;
}

.content .recommended-container {
    outline: 0px;
    margin: 0px;
    margin-bottom: 24px;
    overflow: hidden;
    background: #E0E3E8;
    /* sizing */
}

.content .recommended-container .slick-list {
    overflow: visible !important;
}

.content .recommended-container .gradient-right {
    right: 0px;
}

.content .recommended-container .gradient-right .gradient {
    background: #4E576E;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, rgba(224, 227, 232, 0.7), #E0E3E8);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(224, 227, 232, 0.7), #E0E3E8);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(224, 227, 232, 0.7), #E0E3E8);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(224, 227, 232, 0.7), #e0e3e8);
    /* Standard syntax */
}

.content .recommended-container .gradient-right .block {
    right: 0px;
}

.content .recommended-container .gradient-left {
    left: 0px;
}

.content .recommended-container .gradient-left .gradient {
    left: 70%;
    background: #4E576E;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #E0E3E8, rgba(224, 227, 232, 0.7));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #E0E3E8, rgba(224, 227, 232, 0.7));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #E0E3E8, rgba(224, 227, 232, 0.7));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #e0e3e8, rgba(224, 227, 232, 0.7));
    /* Standard syntax */
}

.content .recommended-container .gradient-left, .content .recommended-container .gradient-right {
    display: none;
    height: 105px;
    width: 50px;
    position: absolute;
    z-index: 199;
}

.content .recommended-container .gradient-left .gradient, .content .recommended-container .gradient-right .gradient {
    position: absolute;
    top: 0px;
    width: 30%;
    height: 100%;
}

.content .recommended-container .gradient-left .block, .content .recommended-container .gradient-right .block {
    position: absolute;
    width: 70%;
    height: 100%;
    background: #E0E3E8;
}

@media (min-width: 600px) {
    .content .recommended-container .gradient-left, .content .recommended-container .gradient-right {
        display: block;
    }
}

.content .bundle-elements-container {
    padding-top: 15px;
    background: #E0E3E8;
    position: relative;
    overflow: hidden;
    /* sizing */
}

.content .bundle-elements-container .card-time, .content .bundle-elements-container .card-contents-count {
    margin-right: 15px;
}

.content .bundle-elements-container .card-collection-content {
    background: #E0E3E8;
    border: 0px;
}

.content .bundle-elements-container .collection {
    margin-bottom: 0px;
}

.content .bundle-elements-container .collection .card-collection-body {
    padding: 0px;
}

.content .bundle-elements-container .card-carousel-scrollbar {
    height: 5px;
    background: #C2C8D1 !important;
    margin-bottom: 20px;
}

.content .bundle-elements-container .card-carousel-scrollbar .bar {
    height: 5px;
    background: #FFF;
    width: 20px;
    cursor: pointer;
    position: relative;
}

.content .bundle-elements-container .slick-list {
    overflow: visible !important;
}

.content .bundle-elements-container .gradient-right {
    right: 0px;
}

.content .bundle-elements-container .gradient-right .gradient {
    background: #4E576E;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, rgba(224, 227, 232, 0.7), #E0E3E8);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(224, 227, 232, 0.7), #E0E3E8);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(224, 227, 232, 0.7), #E0E3E8);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(224, 227, 232, 0.7), #e0e3e8);
    /* Standard syntax */
}

.content .bundle-elements-container .gradient-right .block {
    right: 0px;
}

.content .bundle-elements-container .gradient-left {
    left: 0px;
}

.content .bundle-elements-container .gradient-left .gradient {
    left: 70%;
    background: #4E576E;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #E0E3E8, rgba(224, 227, 232, 0.7));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #E0E3E8, rgba(224, 227, 232, 0.7));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #E0E3E8, rgba(224, 227, 232, 0.7));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #e0e3e8, rgba(224, 227, 232, 0.7));
    /* Standard syntax */
}

.content .bundle-elements-container .gradient-left, .content .bundle-elements-container .gradient-right {
    display: none;
    height: 435px;
    width: 50px;
    position: absolute;
    z-index: 199;
}

.content .bundle-elements-container .gradient-left .gradient, .content .bundle-elements-container .gradient-right .gradient {
    position: absolute;
    top: 0px;
    width: 30%;
    height: 100%;
}

.content .bundle-elements-container .gradient-left .block, .content .bundle-elements-container .gradient-right .block {
    position: absolute;
    width: 70%;
    height: 100%;
    background: #E0E3E8;
}

@media (min-width: 600px) {
    .content .bundle-elements-container .gradient-left, .content .bundle-elements-container .gradient-right {
        display: block;
    }
}

.content .bundle-elements-container .card-progress-row {
    margin-top: 4px;
}

.content .bundle-elements-container .progress-position {
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #FFF;
    background: #8591A3;
    margin: 12px 0px;
    display: inline-block;
    margin-left: 4px;
    z-index: 2;
    position: relative;
}

.content .bundle-elements-container .progress-line {
    width: 2px;
    height: 400px;
    position: absolute;
    left: 8px;
    margin-top: -13px;
    background-color: #8591A3;
    display: block;
    margin-left: 10px;
}

.content .bundle-elements-container .progress-status-2 .progress-position {
    background: #007800;
}

.content .bundle-elements-container .progress-status-2 .progress-line {
    background: #FFF;
}

.content .bundle-elements-container .progress-status-1 {
    margin-top: 0px;
}

.content .bundle-elements-container .progress-status-1 .progress-position {
    height: 38px;
    width: 38px;
    line-height: 38px;
    background: #E65A00;
}

.content .bundle-elements-container .progress-status-1 .progress-position {
    margin-left: 0px;
}

.content .bundle-elements-container .card-progress-item {
    position: relative;
    outline: 0px;
    margin-right: 0px;
}

.content .bundle-elements-container .card-progress-item .card {
    width: 100% !important;
    margin-bottom: 0px;
    position: relative;
    z-index: 3;
    /* collection into collection */
}

.content .bundle-elements-container .card-progress-item .card.collection .card-content, .content .bundle-elements-container .card-progress-item .card.collection .card-title, .content .bundle-elements-container .card-progress-item .card.collection .card-text {
    background: #66758C;
    color: #FFF;
    border-color: #66758C;
}

.content .bundle-elements-container .card-progress-item .card.collection .card-icon {
    display: none;
}

.content .bundle-elements-container .card-progress-item .card.collection .card-type, .content .bundle-elements-container .card-progress-item .card.collection .card-counters-line, .content .bundle-elements-container .card-progress-item .card.collection .card-content-type, .content .bundle-elements-container .card-progress-item .card.collection .card-content-type-divider {
    color: #C2C8D1;
}

.content .bundle-elements-container .card-progress-item .card.collection .card-media {
    border-color: #66758C;
}

.content .bundle-elements-container .card-progress-item .card.collection .card-text {
    height: 160px;
}

.content .bundle-elements-container .card-progress-item:last-child .progress-line {
    display: none;
}

.content .bundle-elements-container .card-progress-item:last-child .card {
    margin-bottom: 24px;
}

.content .fixed-button {
    position: fixed;
    bottom: 45px;
    z-index: 500;
    margin: 0px auto;
    width: 100%;
}

@media (max-width: 960px) {
    .content .card {
        padding: 0px;
    }
}

@media (min-width: 960px) {
    .content .bundle-elements-container .card-progress-item .card {
        margin-bottom: 24px;
    }

    .content .bundle-elements-container .progress-position {
        margin-left: 12px;
        z-index: 200;
    }

    .content .bundle-elements-container .progress-status-1 .progress-line {
        margin-top: -32px;
    }

    .content .bundle-elements-container .progress-status-1 .progress-position {
        margin-left: 12px;
    }

    .content .bundle-elements-container .progress-line {
        position: initial;
        left: auto;
        width: 100%;
        height: 2px;
        margin-top: -28px;
        margin-bottom: 28px;
        margin-left: 20px;
        z-index: 1;
    }

    .content .card-progress-item:first-child {
        margin-left: 8px;
    }

    .content .card-progress-item:last-child {
        margin-right: 8px;
    }

    .content .card-progress-item {
        width: 330px !important;
    }

    .content .content-icon {
        margin-right: 8.33333333%;
    }

    .content #sticky-share {
        display: block;
        color: #8591A3;
        position: absolute;
        margin-left: 5%;
        margin-top: 20px;
    }

    .content #sticky-share.sticky-share-scrolled {
        position: fixed;
        top: 65px;
    }
}

.content .content-links i {
    font-size: 22px;
}

.content.collection {
    background: #586178;
}

.content.collection .text, .content.collection .content-text, .content.collection a, .content.collection .text-accent-info, .content.collection .section-title,
.content.collection .text-description, .content.collection .content-links, .content.collection .title-main, .content.collection .content-header {
    color: #FFF;
}

.content.collection .text small, .content.collection .content-text small, .content.collection a small, .content.collection .text-accent-info small, .content.collection .section-title small,
.content.collection .text-description small, .content.collection .content-links small, .content.collection .title-main small, .content.collection .content-header small {
    color: #FFF;
}

.content.collection .text-accent {
    color: #E0E3E8;
}

.content.collection .goal-container {
    background: #66758C;
}

.content.collection .divider-top {
    border-top: solid 1px #5F6B82;
}

.content.collection .bundle-elements-container {
    background: #444D64;
}

.content.collection .bundle-elements-container .card-collection-content, .content.collection .bundle-elements-container .collection, .content.collection .bundle-elements-container .card-progress-item {
    background: #444D64;
}

.content.collection .bundle-elements-container .card-carousel-scrollbar {
    background: #66758C !important;
}

.content.collection .bundle-elements-container .gradient-right .gradient {
    background: #444D64;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, rgba(68, 77, 100, 0.7), #444D64);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(68, 77, 100, 0.7), #444D64);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(68, 77, 100, 0.7), #444D64);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(68, 77, 100, 0.7), #444d64);
    /* Standard syntax */
}

.content.collection .bundle-elements-container .gradient-left .gradient {
    left: 70%;
    background: #444D64;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #444D64, rgba(68, 77, 100, 0.7));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #444D64, rgba(68, 77, 100, 0.7));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #444D64, rgba(68, 77, 100, 0.7));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #444d64, rgba(68, 77, 100, 0.7));
    /* Standard syntax */
}

.content.collection .bundle-elements-container .block {
    background: #444D64;
}

.content.collection .recommended-container {
    background: #66758C;
}

.content.collection .recommended-container .card-collection-content, .content.collection .recommended-container .collection, .content.collection .recommended-container .card-progress-item,
.content.collection .recommended-container .card-carousel-scrollbar {
    background: #66758C;
}

.content.collection .recommended-container .gradient-right .gradient {
    background: #66758C;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, rgba(102, 117, 140, 0.7), #66758C);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(102, 117, 140, 0.7), #66758C);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(102, 117, 140, 0.7), #66758C);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(102, 117, 140, 0.7), #66758c);
    /* Standard syntax */
}

.content.collection .recommended-container .gradient-left .gradient {
    left: 70%;
    background: #66758C;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #66758C, rgba(102, 117, 140, 0.7));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #66758C, rgba(102, 117, 140, 0.7));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #66758C, rgba(102, 117, 140, 0.7));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #66758c, rgba(102, 117, 140, 0.7));
    /* Standard syntax */
}

.content.collection .recommended-container .block {
    background: #66758C;
}

.content.collection .card-progress-item .card {
    margin-bottom: 24px;
}

.content.collection .bundle-elements-container .card .card.collection .card-content, .content.collection .bundle-elements-container .card .card.collection .card-title, .content.collection .bundle-elements-container .card .card.collection .card-text {
    background: #5F6B82;
    color: #FFF;
    border-color: #5F6B82;
}

.content.collection .bundle-elements-container .card .card.collection .card-icon {
    display: none;
}

.content.collection .bundle-elements-container .card .card.collection .card-type, .content.collection .bundle-elements-container .card .card.collection .card-counters-line, .content.collection .bundle-elements-container .card .card.collection .card-content-type, .content.collection .bundle-elements-container .card .card.collection .card-content-type-divider {
    color: #C2C8D1;
}

.content.collection .bundle-elements-container .card .card.collection .card-media {
    border-color: #5F6B82;
}

.content.collection .bundle-elements-container .card .card.collection .card-text {
    height: 160px;
}

.content.collection .bundle-elements-container .card .card.collection .card-tags {
    color: #FFF;
}

.content.quiz .title-main.big {
    margin-right: 50px;
}

.content.quiz .content-icon {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.content .create-discussion {
    padding: 30px 0 40px;
}

.content .create-discussion div.title {
    font-size: 42px;
}

@media (max-width: 960px) {
    .content .create-discussion div.title {
        font-size: 25px;
    }
}

.content .create-discussion p {
    margin-top: 20px;
    color: black;
}

.content .create-discussion .discussion-bubble {
    height: 80px;
    display: block;
    margin: 40px auto;
}

.share-content {
    cursor: pointer;
}

.account-dashboard, .account-goal, .account-bookmarks, .account-profile, .account-notifications {
    margin-top: -24px;
}

.account-dashboard .page-title, .account-goal .page-title, .account-bookmarks .page-title, .account-profile .page-title, .account-notifications .page-title {
    padding: 15px 0px;
    color: #8591A3;
}

.account-dashboard .page-title .goal-icon, .account-goal .page-title .goal-icon, .account-bookmarks .page-title .goal-icon, .account-profile .page-title .goal-icon, .account-notifications .page-title .goal-icon {
    height: 20px;
    width: 20px;
    line-height: 20px;
    background: #E1A000;
    margin-left: 15px;
    font-size: 12px;
}

.account-dashboard .text-section-title, .account-goal .text-section-title, .account-bookmarks .text-section-title, .account-profile .text-section-title, .account-notifications .text-section-title {
    color: #66758C;
    margin-bottom: 10px;
    margin-top: -14px;
}

.account-dashboard .img-faces-container, .account-goal .img-faces-container, .account-bookmarks .img-faces-container, .account-profile .img-faces-container, .account-notifications .img-faces-container {
    width: 145px;
}

.account-dashboard .account-tail, .account-goal .account-tail, .account-bookmarks .account-tail, .account-profile .account-tail, .account-notifications .account-tail {
    margin-bottom: 24px;
}

.account-dashboard .account-tail .tail-body, .account-dashboard .account-tail .tail-header, .account-goal .account-tail .tail-body, .account-goal .account-tail .tail-header, .account-bookmarks .account-tail .tail-body, .account-bookmarks .account-tail .tail-header, .account-profile .account-tail .tail-body, .account-profile .account-tail .tail-header, .account-notifications .account-tail .tail-body, .account-notifications .account-tail .tail-header {
    padding: 15px 15px;
    position: relative;
}

.account-dashboard .account-tail .tail-sub-header, .account-goal .account-tail .tail-sub-header, .account-bookmarks .account-tail .tail-sub-header, .account-profile .account-tail .tail-sub-header, .account-notifications .account-tail .tail-sub-header {
    padding: 5px 15px;
}

.account-dashboard .account-tail .title-container, .account-goal .account-tail .title-container, .account-bookmarks .account-tail .title-container, .account-profile .account-tail .title-container, .account-notifications .account-tail .title-container {
    position: relative;
}

.account-dashboard .account-tail .title-container .img-container, .account-goal .account-tail .title-container .img-container, .account-bookmarks .account-tail .title-container .img-container, .account-profile .account-tail .title-container .img-container, .account-notifications .account-tail .title-container .img-container {
    position: relative;
    display: inline-block;
    margin-left: 20px;
}

.account-dashboard .account-tail .title-container .pill-container, .account-goal .account-tail .title-container .pill-container, .account-bookmarks .account-tail .title-container .pill-container, .account-profile .account-tail .title-container .pill-container, .account-notifications .account-tail .title-container .pill-container {
    position: absolute;
    right: 0px;
    top: 5px;
}

.account-dashboard .account-tail .tail-body, .account-dashboard .account-tail .tail-header, .account-goal .account-tail .tail-body, .account-goal .account-tail .tail-header, .account-bookmarks .account-tail .tail-body, .account-bookmarks .account-tail .tail-header, .account-profile .account-tail .tail-body, .account-profile .account-tail .tail-header, .account-notifications .account-tail .tail-body, .account-notifications .account-tail .tail-header {
    background: #FFF;
}

.account-dashboard .account-tail .tail-body .title.big, .account-dashboard .account-tail .tail-header .title.big, .account-goal .account-tail .tail-body .title.big, .account-goal .account-tail .tail-header .title.big, .account-bookmarks .account-tail .tail-body .title.big, .account-bookmarks .account-tail .tail-header .title.big, .account-profile .account-tail .tail-body .title.big, .account-profile .account-tail .tail-header .title.big, .account-notifications .account-tail .tail-body .title.big, .account-notifications .account-tail .tail-header .title.big {
    color: #F5B400;
}

.account-dashboard .account-tail .tail-body .title.account-form-title, .account-dashboard .account-tail .tail-header .title.account-form-title, .account-goal .account-tail .tail-body .title.account-form-title, .account-goal .account-tail .tail-header .title.account-form-title, .account-bookmarks .account-tail .tail-body .title.account-form-title, .account-bookmarks .account-tail .tail-header .title.account-form-title, .account-profile .account-tail .tail-body .title.account-form-title, .account-profile .account-tail .tail-header .title.account-form-title, .account-notifications .account-tail .tail-body .title.account-form-title, .account-notifications .account-tail .tail-header .title.account-form-title {
    color: #19B4D2;
}

.account-dashboard .account-tail .tail-body .title.account-form-title .text a, .account-dashboard .account-tail .tail-header .title.account-form-title .text a, .account-goal .account-tail .tail-body .title.account-form-title .text a, .account-goal .account-tail .tail-header .title.account-form-title .text a, .account-bookmarks .account-tail .tail-body .title.account-form-title .text a, .account-bookmarks .account-tail .tail-header .title.account-form-title .text a, .account-profile .account-tail .tail-body .title.account-form-title .text a, .account-profile .account-tail .tail-header .title.account-form-title .text a, .account-notifications .account-tail .tail-body .title.account-form-title .text a, .account-notifications .account-tail .tail-header .title.account-form-title .text a {
    color: #0FAAC8;
    font-weight: 800;
}

.account-dashboard .account-tail .tail-body .manage-container, .account-dashboard .account-tail .tail-header .manage-container, .account-goal .account-tail .tail-body .manage-container, .account-goal .account-tail .tail-header .manage-container, .account-bookmarks .account-tail .tail-body .manage-container, .account-bookmarks .account-tail .tail-header .manage-container, .account-profile .account-tail .tail-body .manage-container, .account-profile .account-tail .tail-header .manage-container, .account-notifications .account-tail .tail-body .manage-container, .account-notifications .account-tail .tail-header .manage-container {
    position: relative;
    height: 55px;
}

.account-dashboard .account-tail .tail-body .manage-container .pill-container, .account-dashboard .account-tail .tail-header .manage-container .pill-container, .account-goal .account-tail .tail-body .manage-container .pill-container, .account-goal .account-tail .tail-header .manage-container .pill-container, .account-bookmarks .account-tail .tail-body .manage-container .pill-container, .account-bookmarks .account-tail .tail-header .manage-container .pill-container, .account-profile .account-tail .tail-body .manage-container .pill-container, .account-profile .account-tail .tail-header .manage-container .pill-container, .account-notifications .account-tail .tail-body .manage-container .pill-container, .account-notifications .account-tail .tail-header .manage-container .pill-container {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.account-dashboard .account-tail .img-container, .account-goal .account-tail .img-container, .account-bookmarks .account-tail .img-container, .account-profile .account-tail .img-container, .account-notifications .account-tail .img-container {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.account-dashboard .account-tail .img-container img, .account-goal .account-tail .img-container img, .account-bookmarks .account-tail .img-container img, .account-profile .account-tail .img-container img, .account-notifications .account-tail .img-container img {
    height: 40px;
    margin-left: -10px;
}

.account-dashboard .account-tail .img-container img.bigger, .account-goal .account-tail .img-container img.bigger, .account-bookmarks .account-tail .img-container img.bigger, .account-profile .account-tail .img-container img.bigger, .account-notifications .account-tail .img-container img.bigger {
    height: 70px;
}

.account-dashboard .account-tail .img-container span, .account-goal .account-tail .img-container span, .account-bookmarks .account-tail .img-container span, .account-profile .account-tail .img-container span, .account-notifications .account-tail .img-container span {
    vertical-align: bottom;
}

.account-dashboard .account-tail .tail-header, .account-goal .account-tail .tail-header, .account-bookmarks .account-tail .tail-header, .account-profile .account-tail .tail-header, .account-notifications .account-tail .tail-header {
    background: #F5B400;
    color: #FFF;
}

.account-dashboard .account-tail .tail-header .title.big, .account-goal .account-tail .tail-header .title.big, .account-bookmarks .account-tail .tail-header .title.big, .account-profile .account-tail .tail-header .title.big, .account-notifications .account-tail .tail-header .title.big {
    color: #FFF;
}

.account-dashboard .account-tail .tail-sub-header, .account-goal .account-tail .tail-sub-header, .account-bookmarks .account-tail .tail-sub-header, .account-profile .account-tail .tail-sub-header, .account-notifications .account-tail .tail-sub-header {
    background: #E1A000;
    color: #FFF;
    font-size: 14px;
}

.account-dashboard .account-tail .left-icon, .account-goal .account-tail .left-icon, .account-bookmarks .account-tail .left-icon, .account-profile .account-tail .left-icon, .account-notifications .account-tail .left-icon {
    color: #A3ACBA;
    margin-right: 15px;
}

.account-dashboard .account-tail .bookmarked, .account-goal .account-tail .bookmarked, .account-bookmarks .account-tail .bookmarked, .account-profile .account-tail .bookmarked, .account-notifications .account-tail .bookmarked {
    color: #F5B400;
}

.account-dashboard .account-tail.bookmarks-tail .tail-body, .account-dashboard .account-tail.bookmarks-tail .tail-header, .account-goal .account-tail.bookmarks-tail .tail-body, .account-goal .account-tail.bookmarks-tail .tail-header, .account-bookmarks .account-tail.bookmarks-tail .tail-body, .account-bookmarks .account-tail.bookmarks-tail .tail-header, .account-profile .account-tail.bookmarks-tail .tail-body, .account-profile .account-tail.bookmarks-tail .tail-header, .account-notifications .account-tail.bookmarks-tail .tail-body, .account-notifications .account-tail.bookmarks-tail .tail-header {
    background: #D6D8E5;
    color: #8591A3;
}

.account-dashboard .account-tail.bookmarks-tail .title.big, .account-goal .account-tail.bookmarks-tail .title.big, .account-bookmarks .account-tail.bookmarks-tail .title.big, .account-profile .account-tail.bookmarks-tail .title.big, .account-notifications .account-tail.bookmarks-tail .title.big {
    color: #323C7D;
}

.account-dashboard .account-tail.bookmarks-tail .pill, .account-goal .account-tail.bookmarks-tail .pill, .account-bookmarks .account-tail.bookmarks-tail .pill, .account-profile .account-tail.bookmarks-tail .pill, .account-notifications .account-tail.bookmarks-tail .pill {
    color: #FFF;
    background: #C2C8D1;
}

.account-dashboard .account-tail.bookmarks-tail .text, .account-goal .account-tail.bookmarks-tail .text, .account-bookmarks .account-tail.bookmarks-tail .text, .account-profile .account-tail.bookmarks-tail .text, .account-notifications .account-tail.bookmarks-tail .text {
    color: #8591A3;
}

.account-dashboard .account-tail.bookmarks-tail .ceate-new-goal, .account-goal .account-tail.bookmarks-tail .ceate-new-goal, .account-bookmarks .account-tail.bookmarks-tail .ceate-new-goal, .account-profile .account-tail.bookmarks-tail .ceate-new-goal, .account-notifications .account-tail.bookmarks-tail .ceate-new-goal {
    font-size: 85%;
    color: #8591A3;
}

.account-dashboard .account-tail.bookmarks-tail .goal-icon, .account-goal .account-tail.bookmarks-tail .goal-icon, .account-bookmarks .account-tail.bookmarks-tail .goal-icon, .account-profile .account-tail.bookmarks-tail .goal-icon, .account-notifications .account-tail.bookmarks-tail .goal-icon {
    height: 20px;
    width: 20px;
    line-height: 20px;
    background: #E1A000;
    margin-left: 15px;
    font-size: 12px;
}

.account-dashboard .account-tail.bookmarks-tail .card .card-content .card-title, .account-goal .account-tail.bookmarks-tail .card .card-content .card-title, .account-bookmarks .account-tail.bookmarks-tail .card .card-content .card-title, .account-profile .account-tail.bookmarks-tail .card .card-content .card-title, .account-notifications .account-tail.bookmarks-tail .card .card-content .card-title {
    margin-bottom: 0px;
}

.account-dashboard .card-bookmark-item, .account-goal .card-bookmark-item, .account-bookmarks .card-bookmark-item, .account-profile .card-bookmark-item, .account-notifications .card-bookmark-item {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 24px;
    position: relative;
}

.account-dashboard .card-bookmark-item:last-child, .account-goal .card-bookmark-item:last-child, .account-bookmarks .card-bookmark-item:last-child, .account-profile .card-bookmark-item:last-child, .account-notifications .card-bookmark-item:last-child {
    margin-bottom: 0px;
}

.account-dashboard .card-bookmark-item .card-top-row, .account-goal .card-bookmark-item .card-top-row, .account-bookmarks .card-bookmark-item .card-top-row, .account-profile .card-bookmark-item .card-top-row, .account-notifications .card-bookmark-item .card-top-row {
    height: auto;
}

.account-dashboard .card-bookmark-item.activity .card-content .card-body, .account-goal .card-bookmark-item.activity .card-content .card-body, .account-bookmarks .card-bookmark-item.activity .card-content .card-body, .account-profile .card-bookmark-item.activity .card-content .card-body, .account-notifications .card-bookmark-item.activity .card-content .card-body {
    margin-bottom: 24px;
}

.account-dashboard .card-bookmark-item.activity .card-content .card-body .ceate-new-goal, .account-goal .card-bookmark-item.activity .card-content .card-body .ceate-new-goal, .account-bookmarks .card-bookmark-item.activity .card-content .card-body .ceate-new-goal, .account-profile .card-bookmark-item.activity .card-content .card-body .ceate-new-goal, .account-notifications .card-bookmark-item.activity .card-content .card-body .ceate-new-goal {
    color: #FFF;
}

.account-dashboard .card-bookmark-item.collection .card-content, .account-goal .card-bookmark-item.collection .card-content, .account-bookmarks .card-bookmark-item.collection .card-content, .account-profile .card-bookmark-item.collection .card-content, .account-notifications .card-bookmark-item.collection .card-content {
    border-color: #586178;
}

.account-dashboard .card-bookmark-item.collection .card-content .card-body, .account-goal .card-bookmark-item.collection .card-content .card-body, .account-bookmarks .card-bookmark-item.collection .card-content .card-body, .account-profile .card-bookmark-item.collection .card-content .card-body, .account-notifications .card-bookmark-item.collection .card-content .card-body {
    background: #66758C;
}

.account-dashboard .card-bookmark-item.collection .card-content .card-body .card-title, .account-goal .card-bookmark-item.collection .card-content .card-body .card-title, .account-bookmarks .card-bookmark-item.collection .card-content .card-body .card-title, .account-profile .card-bookmark-item.collection .card-content .card-body .card-title, .account-notifications .card-bookmark-item.collection .card-content .card-body .card-title {
    color: #FFF;
}

.account-dashboard .card-bookmark-item.collection .card-content .ceate-new-goal, .account-goal .card-bookmark-item.collection .card-content .ceate-new-goal, .account-bookmarks .card-bookmark-item.collection .card-content .ceate-new-goal, .account-profile .card-bookmark-item.collection .card-content .ceate-new-goal, .account-notifications .card-bookmark-item.collection .card-content .ceate-new-goal {
    color: #C2C8D1;
}

.account-dashboard .card-bookmark-item .card-content, .account-goal .card-bookmark-item .card-content, .account-bookmarks .card-bookmark-item .card-content, .account-profile .card-bookmark-item .card-content, .account-notifications .card-bookmark-item .card-content {
    border-bottom: 0px;
    border-right-width: 3px;
    border-right-style: solid;
}

.account-dashboard .goal-preview-list, .account-goal .goal-preview-list, .account-bookmarks .goal-preview-list, .account-profile .goal-preview-list, .account-notifications .goal-preview-list {
    min-height: 90px;
}

.account-dashboard .goal-preview-list .goal-tail-container, .account-goal .goal-preview-list .goal-tail-container, .account-bookmarks .goal-preview-list .goal-tail-container, .account-profile .goal-preview-list .goal-tail-container, .account-notifications .goal-preview-list .goal-tail-container {
    min-height: 90px;
}

.account-dashboard a:last-child .goal-tail-container, .account-goal a:last-child .goal-tail-container, .account-bookmarks a:last-child .goal-tail-container, .account-profile a:last-child .goal-tail-container, .account-notifications a:last-child .goal-tail-container {
    border-right: 0px;
}

.account-dashboard .goal-tail-container, .account-goal .goal-tail-container, .account-bookmarks .goal-tail-container, .account-profile .goal-tail-container, .account-notifications .goal-tail-container {
    width: 33.33333333%;
    border-right: 1px solid #E0E3E8;
    padding: 15px;
    margin: 0px;
    display: block;
    padding: 15px;
    float: left;
}

.account-dashboard .goal-tail-container .goal-tail, .account-goal .goal-tail-container .goal-tail, .account-bookmarks .goal-tail-container .goal-tail, .account-profile .goal-tail-container .goal-tail, .account-notifications .goal-tail-container .goal-tail {
    position: relative;
}

.account-dashboard .goal-tail-container .goal-tail .goal-rate-img, .account-goal .goal-tail-container .goal-tail .goal-rate-img, .account-bookmarks .goal-tail-container .goal-tail .goal-rate-img, .account-profile .goal-tail-container .goal-tail .goal-rate-img, .account-notifications .goal-tail-container .goal-tail .goal-rate-img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 40px;
}

.account-dashboard .goal-tail-container .goal-tail .goal-text-container, .account-goal .goal-tail-container .goal-tail .goal-text-container, .account-bookmarks .goal-tail-container .goal-tail .goal-text-container, .account-profile .goal-tail-container .goal-tail .goal-text-container, .account-notifications .goal-tail-container .goal-tail .goal-text-container {
    margin-left: 60px;
}

.account-dashboard .goal-tail-container .goal-tail .goal-text-container small, .account-goal .goal-tail-container .goal-tail .goal-text-container small, .account-bookmarks .goal-tail-container .goal-tail .goal-text-container small, .account-profile .goal-tail-container .goal-tail .goal-text-container small, .account-notifications .goal-tail-container .goal-tail .goal-text-container small {
    display: block;
    color: #66758C;
    margin-top: -5px;
}

.account-dashboard .goal-tail-container .goal-tail .goal-arrow, .account-goal .goal-tail-container .goal-tail .goal-arrow, .account-bookmarks .goal-tail-container .goal-tail .goal-arrow, .account-profile .goal-tail-container .goal-tail .goal-arrow, .account-notifications .goal-tail-container .goal-tail .goal-arrow {
    position: absolute;
    right: -5px;
    top: 13px;
}

.account-dashboard .goal-tail-container.empty-goal-tail, .account-goal .goal-tail-container.empty-goal-tail, .account-bookmarks .goal-tail-container.empty-goal-tail, .account-profile .goal-tail-container.empty-goal-tail, .account-notifications .goal-tail-container.empty-goal-tail {
    background: #FFF;
}

.account-dashboard .goal-tail-container.empty-goal-tail .goal-tail span.goal-rate-img, .account-goal .goal-tail-container.empty-goal-tail .goal-tail span.goal-rate-img, .account-bookmarks .goal-tail-container.empty-goal-tail .goal-tail span.goal-rate-img, .account-profile .goal-tail-container.empty-goal-tail .goal-tail span.goal-rate-img, .account-notifications .goal-tail-container.empty-goal-tail .goal-tail span.goal-rate-img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 40px;
    background: #C2C8D1;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
}

.account-dashboard .goal-tail-container.empty-goal-tail .goal-tail .goal-text-container, .account-goal .goal-tail-container.empty-goal-tail .goal-tail .goal-text-container, .account-bookmarks .goal-tail-container.empty-goal-tail .goal-tail .goal-text-container, .account-profile .goal-tail-container.empty-goal-tail .goal-tail .goal-text-container, .account-notifications .goal-tail-container.empty-goal-tail .goal-tail .goal-text-container {
    color: #C2C8D1;
}

.account-dashboard .goal-tail-container.empty-goal-tail .goal-tail .goal-text-container small, .account-goal .goal-tail-container.empty-goal-tail .goal-tail .goal-text-container small, .account-bookmarks .goal-tail-container.empty-goal-tail .goal-tail .goal-text-container small, .account-profile .goal-tail-container.empty-goal-tail .goal-tail .goal-text-container small, .account-notifications .goal-tail-container.empty-goal-tail .goal-tail .goal-text-container small {
    color: #C2C8D1;
}

.account-dashboard .goal-tail-container.empty-goal-tail .goal-tail .goal-arrow, .account-goal .goal-tail-container.empty-goal-tail .goal-tail .goal-arrow, .account-bookmarks .goal-tail-container.empty-goal-tail .goal-tail .goal-arrow, .account-profile .goal-tail-container.empty-goal-tail .goal-tail .goal-arrow, .account-notifications .goal-tail-container.empty-goal-tail .goal-tail .goal-arrow {
    color: #C2C8D1;
}

.account-dashboard .form-no-mp .form .form-group, .account-goal .form-no-mp .form .form-group, .account-bookmarks .form-no-mp .form .form-group, .account-profile .form-no-mp .form .form-group, .account-notifications .form-no-mp .form .form-group {
    margin: 0px;
}

.account-dashboard .form-no-mp .form .form-group .checkbox, .account-goal .form-no-mp .form .form-group .checkbox, .account-bookmarks .form-no-mp .form .form-group .checkbox, .account-profile .form-no-mp .form .form-group .checkbox, .account-notifications .form-no-mp .form .form-group .checkbox {
    min-height: auto;
    padding: 0px;
}

.account-dashboard .pill-change-container, .account-goal .pill-change-container, .account-bookmarks .pill-change-container, .account-profile .pill-change-container, .account-notifications .pill-change-container {
    position: absolute;
    top: 15px;
    right: 15px;
}

.account-dashboard .btn-change-main-profile, .account-goal .btn-change-main-profile, .account-bookmarks .btn-change-main-profile, .account-profile .btn-change-main-profile, .account-notifications .btn-change-main-profile {
    top: 75px;
}

.account-dashboard .notifications-icon, .account-goal .notifications-icon, .account-bookmarks .notifications-icon, .account-profile .notifications-icon, .account-notifications .notifications-icon {
    margin-left: 50px;
    color: #F7C333;
    font-size: 25px;
    display: inline-block;
    position: absolute;
}

.account-dashboard .card-notification-item, .account-goal .card-notification-item, .account-bookmarks .card-notification-item, .account-profile .card-notification-item, .account-notifications .card-notification-item {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 24px;
    margin-bottom: 12px;
    position: relative;
}

.account-dashboard .card-notification-item:last-child, .account-goal .card-notification-item:last-child, .account-bookmarks .card-notification-item:last-child, .account-profile .card-notification-item:last-child, .account-notifications .card-notification-item:last-child {
    margin-bottom: 0px;
}

.account-dashboard .card-notification-item .card-content, .account-goal .card-notification-item .card-content, .account-bookmarks .card-notification-item .card-content, .account-profile .card-notification-item .card-content, .account-notifications .card-notification-item .card-content {
    border: 0px;
}

.account-dashboard .card-notification-item .card-content .card-title, .account-goal .card-notification-item .card-content .card-title, .account-bookmarks .card-notification-item .card-content .card-title, .account-profile .card-notification-item .card-content .card-title, .account-notifications .card-notification-item .card-content .card-title {
    margin-bottom: 0px;
    height: 25px;
}

.account-dashboard .card-notification-item .notifications-icon, .account-goal .card-notification-item .notifications-icon, .account-bookmarks .card-notification-item .notifications-icon, .account-profile .card-notification-item .notifications-icon, .account-notifications .card-notification-item .notifications-icon {
    right: 15px;
    bottom: 10px;
    margin: 0px;
}

.account-dashboard .card-notification-item .hide-notification, .account-goal .card-notification-item .hide-notification, .account-bookmarks .card-notification-item .hide-notification, .account-profile .card-notification-item .hide-notification, .account-notifications .card-notification-item .hide-notification {
    position: absolute;
    right: 9px;
    top: 5px;
    font-size: 17px;
    color: #A3ACBA;
}

.account-dashboard .card-notification-item .text, .account-goal .card-notification-item .text, .account-bookmarks .card-notification-item .text, .account-profile .card-notification-item .text, .account-notifications .card-notification-item .text {
    color: #848AB1;
}

.account-dashboard .card-notification-item .card-body, .account-goal .card-notification-item .card-body, .account-bookmarks .card-notification-item .card-body, .account-profile .card-notification-item .card-body, .account-notifications .card-notification-item .card-body {
    padding: 10px 15px;
}

.account-dashboard .bookmark-list-container .tail-body, .account-goal .bookmark-list-container .tail-body, .account-bookmarks .bookmark-list-container .tail-body, .account-profile .bookmark-list-container .tail-body, .account-notifications .bookmark-list-container .tail-body {
    min-height: 200px;
}

.account-notifications, .account-dashboard {
    margin-top: 0px;
}

@media (max-width: 767px) {
    .account-dashboard .row, .account-goal .row, .account-profile:not(.account-notifications) .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .account-dashboard .row .col-xs-12, .account-goal .row .col-xs-12, .account-profile:not(.account-notifications) .row .col-xs-12 {
        padding: 0px;
    }

    .account-dashboard .container, .account-dashboard .form.border-separate .form-group, .form.border-separate .account-dashboard .form-group, .account-goal .container, .account-goal .form.border-separate .form-group, .form.border-separate .account-goal .form-group, .account-profile:not(.account-notifications) .container, .account-profile:not(.account-notifications) .form.border-separate .form-group, .form.border-separate .account-profile:not(.account-notifications) .form-group {
        padding-right: 0px;
        padding-left: 0px;
    }

    .account-dashboard .page-title, .account-goal .page-title, .account-profile:not(.account-notifications) .page-title {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.account-goal {
    background: #FFF;
    margin-bottom: 150px;
}

.account-goal .page-title {
    background: #F5B400;
    color: #FFF;
}

.account-goal .goal-tail-container {
    width: 100%;
    border-right: 0px;
}

.account-goal .no-results {
    background: #E0E3E8;
}

.goal-related-contents-row {
    margin-top: -24px;
    margin-bottom: 25px;
    padding: 30px 0px;
    background: #C2C8D1;
}

.goal-related-contents-row .goal-related-header {
    position: relative;
    color: #5F6B82;
}

.goal-related-contents-row .goal-related-header .goal-icon {
    margin-left: 15px;
}

.goal-related-contents-row .goal-related-header .title span {
    vertical-align: bottom;
}

.goal-related-contents-row .goal-related-header .type {
    color: #66758C;
}

.goal-related-contents-row .pill-container {
    position: absolute;
    right: 0px;
    top: 0px;
}

.goal-related-contents-row .select-div {
    position: relative;
    z-index: 5;
}

.goal-related .goal-related-contents-row {
    padding-bottom: 0px;
}

.goal-related-contents-container {
    background: #C2C8D1;
}

.booking-page .booking-top-header {
    margin-top: -24px;
    padding-top: 24px;
    padding-bottom: 24px;
    background: #F5B400;
    color: #FFF;
}

.booking-page .booking-top-header a {
    color: #FFF;
}

@media (max-width: 767px) {
    .booking-table .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .booking-table .row .col-xs-12 {
        padding: 0px;
    }

    .booking-table .container, .booking-table .form.border-separate .form-group, .form.border-separate .booking-table .form-group {
        padding-right: 0px;
        padding-left: 0px;
    }
}

#notifications-container {
    background-color: #75D2E4;
    margin-top: -24px;
}

#notifications-container .main-content {
    overflow: hidden;
    height: 140px;
    margin-top: 25px;
    margin-bottom: 25px;
    position: relative;
}

#notifications-container .main-content .view-all {
    position: absolute;
    top: 0px;
    right: 0px;
}

#notifications-container .main-content .account-notifications {
    background: none;
}

#notifications-container .main-content .hide-notification {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 22px;
    color: #A3ACBA;
    cursor: pointer;
    padding: 24px;
}

#notifications-container .main-content .hide-notification:hover {
    color: #5F6B82;
}

#notifications-container .main-content .card-title span.one-line {
    width: 100%;
    display: block;
    padding-right: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pagenotfound-wrapper {
    padding: 50px 0;
}

.pagenotfound-wrapper h1 {
    color: #66758b;
}

.pagenotfound-wrapper figure {
    margin: 40px 0;
}

.pagenotfound-wrapper p, .pagenotfound-wrapper a {
    color: #262625;
}

.pagenotfound-wrapper a, .pagenotfound-wrapper a:visited, .pagenotfound-wrapper a:focus {
    text-decoration: underline;
}

#user-chat {
    height: 100%;
}

#user-chat #chat-window {
    height: 100%;
}

#user-chat #chat-window .loader {
    margin-top: 100px;
}

#user-chat #chat-window .Twilio-Channel {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: block;
}

#user-chat #chat-window .Twilio-Channel .Twilio-Channel-Main {
    height: 100%;
    display: block;
    background: #FDF0CC;
}

#user-chat #chat-window .Twilio-Channel .Twilio-Channel-Main .Twilio-Channel-MessageList {
    height: 100%;
    margin-top: -56px;
    padding-top: 56px;
    display: block;
}

#user-chat #chat-window .Twilio-Channel .Twilio-Channel-Main .Twilio-Channel-MessageList .Twilio-MessageList {
    padding-top: 60px;
    margin: 0px auto;
    width: 100%;
    display: block;
    overflow-y: auto;
    height: 100%;
}

#user-chat #chat-window .Twilio-Channel .Twilio-Channel-Main .Twilio-Channel-MessageList .Twilio-MessageList .Twilio-ChatItem {
    max-width: 684px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: right;
}

#user-chat #chat-window .Twilio-Channel .Twilio-Channel-Main .Twilio-Channel-MessageList .Twilio-MessageList .Twilio-ChatItem .Twilio-ChatItem-AvatarContainer {
    display: none;
}

#user-chat #chat-window .Twilio-Channel .Twilio-Channel-Main .Twilio-Channel-MessageList .Twilio-MessageList .Twilio-ChatItem .Twilio-ChatItem-BubbleContainer {
    display: inline-block;
    margin-right: 15px;
    margin-left: 15px;
}

#user-chat #chat-window .Twilio-Channel .Twilio-Channel-Main .Twilio-Channel-MessageList .Twilio-MessageList .Twilio-ChatItem.Twilio-ChatItem-fromOthers {
    text-align: left;
}

#user-chat #chat-window .Twilio-Channel .Twilio-Channel-Main .Twilio-Channel-MessageList .Twilio-MessageList .Twilio-ChatItem.Twilio-ChatItem-fromMe .Twilio-ChatItem-Header p {
    color: #0FAAC8;
}

#user-chat #chat-window .Twilio-Channel .Twilio-ChannelInput-LowerArea {
    display: block;
    position: relative;
    width: 100%;
    max-width: 684px;
    margin: 0px auto;
}

#user-chat #chat-window .Twilio-Channel .Twilio-ChannelInput-LowerArea .Twilio-ChannelInput-TextAreaContainer {
    display: block;
    flex: none;
    padding-left: 40px;
    padding-right: 40px;
}

#user-chat #chat-window .Twilio-Channel .Twilio-ChannelInput-LowerArea .Twilio-ChannelInput-TextAreaContainer .Twilio-ChannelInput-TextArea {
    font-family: 'Roboto';
}

#user-chat #chat-window .Twilio-Channel .Twilio-ChannelInput-LowerArea .Twilio-ChannelInput-SendButtonContainer {
    position: absolute;
    right: 15px;
    top: 10px;
}

#user-chat #chat-window .Twilio-Channel .Twilio-ChannelInput-LowerArea .Twilio-ChannelInput-SendButtonContainer .Twilio-ChannelInput-SendButton {
    padding: 0px;
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 36px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #C2C8D1;
    color: #FFF;
    font-family: 'Material-Design-Iconic-Font';
}

#user-chat #chat-window .Twilio-Channel .Twilio-ChannelInput-LowerArea .Twilio-ChannelInput-SendButtonContainer .Twilio-ChannelInput-SendButton svg {
    display: none;
}

#user-chat #chat-window .Twilio-Channel .Twilio-ChannelInput-LowerArea .Twilio-ChannelInput-SendButtonContainer .Twilio-ChannelInput-SendButton:after {
    content: '\f194';
    font-size: 22px;
    width: 100%;
    display: inline-block;
    margin-left: 2px;
}

#user-chat #chat-window .Twilio-Channel .Twilio-ChannelInput-LowerArea .Twilio-ChannelInput-SendButtonContainer .Twilio-ChannelInput-SendButton.active {
    background: #323C7D;
}

#user-chat #chat-window .Twilio-Channel .Twilio-ChannelInput-LowerArea .btn-invite-user {
    position: absolute;
    left: 10px;
    top: 10px;
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 36px;
    color: #5F6B82;
    font-size: 24px;
    cursor: pointer;
}

#user-chat #chat-window .Twilio-MessageList-TypingIndicator {
    max-width: 684px;
    margin: 20px auto;
}

#user-chat #chat-window .Twilio-MessageList-TypingIndicator span {
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    color: #5F6B82;
}

#user-chat #chat-window .Twilio-ChatItem-Bubble {
    -moz-border-radius: 20px 0px 20px 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px 0px 20px 20px;
    background: #FFF;
    padding: 10px 20px;
}

#user-chat #chat-window .Twilio-ChatItem-Bubble .Twilio-ChatItem-Body {
    margin-top: 0px;
}

#user-chat #chat-window .Twilio-ChatItem-fromOthers .Twilio-ChatItem-Bubble {
    -moz-border-radius: 0px 20px 20px 20px;
    -webkit-border-radius: 0px;
    border-radius: 0px 20px 20px 20px;
}

#user-chat #chat-window .Twilio-ChatItem-fromMe .Twilio-ChatItem-Bubble {
    -moz-border-radius: 20px 0px 20px 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px 0px 20px 20px;
}

#user-chat #chat-window .Twilio-ChatItem-Spike {
    display: none;
}

#user-chat #chat-window .Twilio-ChatItem-AvatarContainer svg {
    display: none;
}

#user-chat #chat-window .Twilio-ChatItem-Avatar {
    visibility: hidden;
}

#user-chat #chat-window .conversation-start {
    color: #A3ACBA;
    margin: 15px;
    font-size: 90%;
    text-align: center;
}

#user-chat #chat-window .conversation-end {
    border-bottom: 1px solid #A3ACBA;
    margin: 15px 0px;
}

#user-chat #chat-window #initial-message {
    margin: 20px auto;
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #A3ACBA;
}

#user-chat #chat-window #initial-message .img-container {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #F9D266;
}

#user-chat #chat-window #initial-message .img-container img {
    width: 40px;
}

#user-chat.chat-history #chat-window .Twilio-Channel .Twilio-Channel-Main .Twilio-Channel-MessageList {
    margin-top: -40px;
    padding-top: 40px;
}

#user-chat.chat-history #chat-window .Twilio-Channel .Twilio-Channel-Main .Twilio-Channel-MessageList .Twilio-MessageList {
    padding-top: 100px;
}

#user-chat .chat-history-footer {
    background: #FFF;
    border-top: 1px solid #C2C8D1;
    height: 40px;
    line-height: 40px;
}

#user-chat .chat-history-footer .checkbox-container:before {
    top: 10px;
}

.text-in-line {
    overflow: hidden;
    text-align: center;
    color: #283273;
    font-family: "Roboto", sans-serif;
    margin-bottom: 1em;
    margin-top: 1em;
}

.text-in-line:before,
.text-in-line:after {
    background-color: #000;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.text-in-line:before {
    right: 0.5em;
    margin-left: -50%;
}

.text-in-line:after {
    left: 0.5em;
    margin-right: -50%;
}

.full-height-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.community-column #no-results {
    background: none;
    width: 100%;
    text-align: center;
}

.experts-column #no-results {
    background: none;
    width: 100%;
    text-align: center;
}

#content-selector {
    margin: .5em auto;
}

.container-selector {
    margin-top: -23px;
}

.logo-box {
    background-color: #F2F3F6;
    border: 1px solid #DBDEE4;
    color: #66758C;
    padding: 5px;
    font-size: 14px;
    text-align: center;
}

.menu-link {
    color: #66758C;
    top: 4px;
    position: relative;
    text-decoration: underline;
}

.menu-link:hover, .menu-link:focus, .menu-link:visited {
    color: #66758C;
    text-decoration: underline;
}

.button-comment-post {
    background-color: #D5D7E2;
    border: 1px solid #1E2869;
    color: #1E2869;
}

.button-comment-post:hover {
    border: 1px solid #1E2869;
    color: #1E2869;
}

.article_question .questions-actions {
    background-color: #E6145F;
    color: #fff;
}

.article_question .questions-actions a, .article_question .questions-actions .text-accent {
    color: #fff;
}

input.slider-answer[type=range] {
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
    border: 0;
}
input.slider-answer[type=range]:focus {
    outline: none;
}
input.slider-answer[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 20px;
    cursor: pointer;
    box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    background: #DC0A55;
    border: 0px solid #000101;
}
input.slider-answer[type=range]::-webkit-slider-thumb {
    box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    border: 0px solid #000000;
    height: 20px;
    width: 39px;
    background: #65001c;
    cursor: pointer;
    -webkit-appearance: none;
}
input.slider-answer[type=range]:focus::-webkit-slider-runnable-track {
    background: #DC0A55;
}
input.slider-answer[type=range]::-moz-range-track {
    width: 100%;
    height: 20px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    background: #DC0A55;
    border: 0px solid #000101;
}
input.slider-answer[type=range]::-moz-range-thumb {
    box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    border: 0px solid #000000;
    height: 20px;
    width: 39px;
    background: #65001c;
    cursor: pointer;
}
input.slider-answer[type=range]::-ms-track {
    width: 100%;
    height: 20px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    border-width: 39px 0;
    color: transparent;
}
input.slider-answer[type=range]::-ms-fill-lower {
    background: #DC0A55;
    border: 0px solid #000101;
    box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input.slider-answer[type=range]::-ms-fill-upper {
    background: #DC0A55;
    border: 0px solid #000101;
    box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input.slider-answer[type=range]::-ms-thumb {
    box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    border: 0px solid #000000;
    height: 20px;
    width: 39px;
    background: #65001c;
    cursor: pointer;
}
input.slider-answer[type=range]:focus::-ms-fill-lower {
    background: #DC0A55;
}
input.slider-answer[type=range]:focus::-ms-fill-upper {
    background: #DC0A55;
}

.slider-container{
    width: 100%;
}

.slider-answer-legend{
    display: flex;
    justify-content: space-between;
}