@import url('https://clearstream-static.s3.eu-west-1.amazonaws.com/qc/assets/styles.css');

html {
    font-family: Arial, Helvetica, sans-serif;
}

@font-face {
    font-family: 'MorrisonsAgenda-Medium';
    src: url('https://clearstream-static.s3.eu-west-1.amazonaws.com/morrisons/rebranding/lp/newfonts/_morrisonsagenda-light_webtt-webfont.woff') format('woff'),
        url('https://clearstream-static.s3.eu-west-1.amazonaws.com/morrisons/rebranding/lp/newfonts/_morrisonsagenda-light_webtt-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MorrisonsAgenda-Bold';
    src: url('https://clearstream-static.s3.eu-west-1.amazonaws.com/morrisons/rebranding/lp/newfonts/_morrisonsagenda-semi_bold_webtt-webfont.woff') format('woff'),
        url('https://clearstream-static.s3.eu-west-1.amazonaws.com/morrisons/rebranding/lp/newfonts/_morrisonsagenda-semi_bold_webtt-webfont.ttf') format('truetype');
    font-weight: 700;
}

body,
h4,
p {
    font-family: 'MorrisonsAgenda-Medium';
    font-size: 16px;
}

body,
html {
    background-color: #ffffff;
}

@media only screen and (min-width: 993px) {
    nav.navbar.navbar-default.navbar-static-top {
        background: linear-gradient(180deg, #ffffff, #ffffff 98px, #ffce00 0, #ffce00);
    }
}

@media only screen and (max-width: 992px) {
    .navbar.navbar-default.navbar-static-top {
        background-color: #ffce00;
    }

    .navbar-static-top #navbar .row:nth-child(2) .nav {
        background-color: #ffce00;
    }

    .navbar-mobilebody {
        min-height: 50px;
        background-color: #ffffff;
    }

    .navbar-nav .open .dropdown-menu {
        background-color: #f7f7f7 !important;
    }

    li#mobile-dropdown-navigation.open,
    .navbar-mobilebody .navbar-nav>.open>a.collapsed-navigation,
    .navbar-mobilebody .navbar-nav>.open>a.collapsed-navigation:focus,
    .navbar-mobilebody .navbar-nav>.open>a.collapsed-navigation:hover,
    .navbar-mobilebody .collapsed-nav {
        background-color: #f7f7f7 !important;
    }
}

.btn-primary {
    background-color: #ffce00 !important;
}

.btn-primary:hover {
    background-color: #ffce00 !important;
    opacity: 0.9;
}

.poll-tile .button.btn.btn-primary {
    background-color: #ffce00 !important;
    border: 1px solid #ffce00 !important;
}

.poll-tile .button.btn.btn-primary:hover {
    background-color: #ffce00 !important;
    border: 1px solid #ffce00 !important;
    opacity: 0.9;
}

.room-sidebar-tile .sidebar-item.active {
    background: #ffce00;
}

.diary-tile .entry-active .calendar_entry {
    background-color: #ffce00 !important;
}

.btn-primary.view-profile,
a.btn-primary.btn-profile,
#profile .uploadifive-button {
    background-color: #ffce00 !important;
}

.btn-primary.view-profile:hover,
a.btn-primary.btn-profile:hover,
#profile .uploadifive-button:hover,
a.btn.btn-primary.btn-profile.active {
    background-color: #ffce00 !important;
    opacity: 0.9;
}

.btn-primary.active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:active,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
.btn-tertiary.active,
.btn-tertiary:active,
.btn-tertiary:focus,
.btn-tertiary:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #ffce00 !important;
    opacity: 0.6;
}

.btn-secondary {
    background-color: #f7f7f7 !important;
}

.btn-secondary.active,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary.selected {
    background-color: #f7f7f7 !important;
    opacity: 0.9;
}

.tile.full-tile.profile-tile.widget {
    background-color: #f7f7f7 !important;
}

#dropdown-navigation.open .dropdown-toggle.collapsed-navigation {
    background-color: #f7f7f7;
}

.navbar-right .collapsed-nav {
    background-color: #f7f7f7 !important;
}

.navbar .dropdown-menu {
    background-color: #f7f7f7;
}

.room-sidebar-tile {
    background-color: #f7f7f7;
}

.diary-tile .diary-date .btn {
    background-color: #f7f7f7 !important;
}

.diary-tile .diary-date .btn:active,
.diary-tile .diary-date .btn:focus,
.diary-tile .diary-date .btn:hover {
    background-color: #f7f7f7 !important;
    opacity: 0.9;
}

.navbar-nav .open .dropdown-menu.msg_list {
    background-color: #f7f7f7 !important;
}

.profile-sidebar-tile,
.profile-tile {
    background-color: #f7f7f7 !important;
}

.btn-tertiary {
    background-color: #00442a !important;
}

.btn-tertiary:hover,
.btn-tertiary.selected {
    background-color: #00442a !important;
    opacity: 0.9;
}

.tile.full-tile.widget-right.poll-tile.widget {
    background-color: #00442a !important;
}

.col-md-12.tile.page-content-tile.forum-table,
.diary-tile .diary-date .calendar_entry {
    border: 5px solid #fff !important;
}

.profile-sidebar-tile .btn.btn-primary.btn-profile.active,
.profile-sidebar-tile .btn.btn-primary.btn-profile:hover {
    background-color: #00442a !important;
}

.btn-pink {
    background: #00442a;
}

input:checked+.slider,
.diary-entry .control:hover input:not([disabled]):checked~.control__indicator,
.diary-entry .control:hover input~.control__indicator,
.diary-entry .control input:checked:focus~.control__indicator,
.diary-entry .control input:checked~.control__indicator,
.diary-entry .control input:focus~.control__indicator,
.poll .control:hover input:not([disabled]):checked~.control__indicator,
.poll .control:hover input~.control__indicator,
.poll .control input:checked:focus~.control__indicator,
.poll .control input:checked~.control__indicator,
.poll .control input:focus~.control__indicator,
.btn.btn-pink.btn-wide.get,
.btn-tertiary,
.poll .control__indicator {
    background-color: #00442a !important;
}

#messages .panel-group,
#room .panel-group,
#maps .panel-group,
#profile .panel-group,
#social-stream .panel-group,
.tile,
.bx-wrapper {
    border: 5px solid #ffffff !important;
}

.navbar-brand>img {
    height: 65px;
    width: px;
    margin-top: -12.5px;
}

.navigation-icon.svg {
    fill: #ffffff;
}

.notification_count {
    background: #ffffff
}

.dropdown-navigation .dropdown-navigation-icon {
    fill: #ffffff;
}

.navigation-icon.navigation-menu {
    fill: #ffffff !important;
}

.open .navigation-icon.navigation-menu {
    fill: #4776ae !important;
}

@media only screen and (min-width: 992px) {
    nav.navbar.navbar-default.navbar-static-top {
        background: linear-gradient(180deg, #14412c, #14412c 98px, #008031 0, #008031);
    }
}

@media only screen and (max-width: 991px) {
    .navbar-static-top #navbar .row:nth-child(2) .nav {
        background-color: #008031
    }

    li#mobile-dropdown-navigation.open,
    .navbar-mobilebody .navbar-nav>.open>a.collapsed-navigation,
    .navbar-mobilebody .navbar-nav>.open>a.collapsed-navigation:focus,
    .navbar-mobilebody .navbar-nav>.open>a.collapsed-navigation:hover,
    .navbar-mobilebody .collapsed-nav {
        background-color: #ffffff !important;
    }
}

.faqs-container .panel-body,
.faqs-container .panel-heading {
    background-color: #008031 !important;
}

.navbar .dropdown-menu {
    background-color: #ffffff;
}

.navbar-right .collapsed-nav {
    background-color: #ffffff !important;
}

#dropdown-navigation.open .dropdown-toggle.collapsed-navigation {
    background-color: #ffffff;
}

.navbar-nav .open .dropdown-menu.msg_list {
    min-width: 350px;
    padding: 15px;
    background-color: #ffffff !important;
}

.tooltip-inner,
.notification_count {
    background-color: #ffce00;
    color: #14412c;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #ffce00;
}

input:checked+.slider,
.diary-entry .control:hover input:not([disabled]):checked~.control__indicator,
.diary-entry .control:hover input~.control__indicator,
.diary-entry .control input:checked:focus~.control__indicator,
.diary-entry .control input:checked~.control__indicator,
.diary-entry .control input:focus~.control__indicator,
.poll .control:hover input:not([disabled]):checked~.control__indicator,
.poll .control:hover input~.control__indicator,
.poll .control input:checked:focus~.control__indicator,
.poll .control input:checked~.control__indicator,
.poll .control input:focus~.control__indicator,
.btn.btn-pink.btn-wide.get,
.btn-primary,
.btn-secondary,
.btn-tertiary,
.poll .control__indicator {
    background-color: #ffce00 !important;
}

.diary-tile .diary-date .btn {
    background-color: #ffce00 !important;
}

.pagination a,
.pagination span,
.pagination em {
    border: 1px solid #ffce00;
    color: #14412c
}

.pagination a,
.pagination span {
    background-color: #fcae21 !important;
    color: #14412c !important;
    border: 1px solid #fcae21 !important;
}

.diary-tile .entry-active .calendar_entry {
    background-color: #008031 !important
}

.btn.btn-pink.btn-wide.get:hover,
.diary-tile .diary-date .btn:active,
.diary-tile .diary-date .btn:focus,
.diary-tile .diary-date .btn:hover,
.btn-secondary.selected {
    background-color: #fcae21 !important;
}

.btn-secondary.selected {
    background-color: #fcae21 !important;
}

.btn-primary.active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:active,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
.btn-tertiary.active,
.btn-tertiary:active,
.btn-tertiary:focus,
.btn-tertiary:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #fcae21 !important;
    opacity: 1;
}

.btn-secondary.active,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
    background-color: #fcae21 !important;
    opacity: 1;
}

.tile.full-tile.profile-tile.widget,
.profile-sidebar-tile,
.profile-tile {
    background-color: #14412c !important;
}

.profile-sidebar-tile .progress,
.profile-tile .progress,
.poll-tile .results,
.diary-entry .results,
.poll .results {
    background-color: #ffffff;
}

.progress-bar-warning,
.poll-tile .progress-bar-results,
.diary-entry .progress-bar-results,
.poll .progress-bar-results {
    background-color: #e0e2e2;
}

.btn-primary.view-profile,
a.btn-primary.btn-profile,
#profile .uploadifive-button {
    background-color: #ffce00 !important;
    color: #14412c !important;
}

.profile-sidebar-tile .btn.btn-primary.btn-profile.active,
.profile-sidebar-tile .btn.btn-primary.btn-profile:hover,
.btn-primary.view-profile:hover,
a.btn-primary.btn-profile:hover,
#profile .uploadifive-button:hover,
a.btn.btn-primary.btn-profile.active {
    background-color: #fcae21 !important;
    color: #14412c !important;
}

.carousel-indicators li.active {
    background-color: #ffce00;
}

.carousel-indicators li {
    border: 1px solid #ffce00;
}

.tile.full-tile.widget-right.poll-tile.widget,
.poll-tile.widget {
    background-color: #14412c !important;
}

.poll-questions .btn-primary {
    background-color: #ffce00
}

.poll-questions .btn-primary:hover {
    opacity: 0.9
}

.poll-tile .btn,
.btn-poll,
.diary-entry .control__indicator,
.poll .control__indicator {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #383a39 !important
}

.btn-poll:focus,
.btn-poll:hover,
input[type='checkbox']:checked+label.btn-poll,
input[type='radio']:checked+label.btn-poll {
    background-color: #ffce00;
    border: 1px solid #ffce00;
    color: #383a39 !important;
}

.badge-replies,
.likes_counter .badge {
    background: #008131;
    color: #ffffff;
}

footer {
    background-color: #47494b !important;
}

footer p,
footer .information a {
    color: #ffffff;
}

.timeline:before {
    background-color: #ffce00
}

.timeline>li>.timeline-badge {
    background-color: #ffce00
}

.timeline>li>.timeline-panel:before {
    border-top: 2px dotted #ffce00;
}

.followingIcon,
svg.notificationsCaretIcon {
    fill: #ffffff
}

.watchListArrowIcon {
    fill: #14412c
}

.calendar i.fa.fa-caret-left,
.calendar i.fa.fa-caret-right {
    color: #008031
}

.room-sidebar-tile {
    background-color: #008131;
}

.room-sidebar-tile .sidebar-item.active {
    background: #ffce00;
}

.room-sidebar-tile h3,
.room-sidebar-tile p,
.room-sidebar-tile a {
    color: #ffffff;
}

.room-sidebar-tile a .roomCaretIcon {
    fill: #ffffff;
}

.room-sidebar-tile .sidebar-item.active a {
    color: #14412c;
}

.room-sidebar-tile .sidebar-item.active a .roomCaretIcon {
    fill: #14412c;
}

.square-tile svg,
.half-tile svg {
    fill: #ffffff;
}

.square-tile svg {
    fill: #ffffff;
}

.half-tile svg {
    fill: #ffffff;
}

.profile-sidebar-tile hr,
.profile-tile hr {
    border-top: 1px solid #ffce00;
}

.top-posts-content hr,
.secondary-footer .watch-list-item hr,
.secondary-footer hr {
    border-top: 1px solid #727272;
}

.navbar-default .navbar-nav>li>a {
    color: #ffffff;
}

.navbar-mobilebody.text-center.hidden-md.hidden-lg .dropdown-menu.collapsed-nav a {
    color: #4776ae !important;
}

#mobile-dropdown-navigation.open #mobile-dropdown-navigation-icon {
    fill: #4776ae !important;
}

@media only screen and (max-width: 992px) {
    .navbar.navbar-default.navbar-static-top {
        background-color: #008031;
    }

    #mobile-collapse span,
    .navbar.navbar-default.navbar-static-top a {
        color: #ffffff;
    }

    .navbar-nav .open .dropdown-menu {
        background-color: #ffffff !important;
    }

    .navbar-nav .open .dropdown-menu a {
        color: #333333 !important;
    }
}

.faqs-container .panel-body,
.faqs-container .panel-heading,
.faqs-container .accordion-text {
    color: #ffffff !important;
}

.navbar .dropdown-menu>li>a {
    color: #333333;
}

.dropdown-menu>li>hr {
    border-top: 1px solid #333333;
}

ul#profile-friends-menu p,
.navbar-nav>li>.dropdown-menu p {
    color: #333333 !important
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a.collapsed-navigation,
.navbar-default .navbar-nav>.open>a.collapsed-navigation:focus,
.navbar-default .navbar-nav>.open>a.collapsed-navigation:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #ffffff;
}

#navbar .row:nth-child(2) li a:after {
    color: #ffffff;
}

.secondary-footer-widget,
.secondary-footer-widget a,
.secondary-footer-widget div,
.secondary-footer-widget h1,
.secondary-footer-widget h3,
.secondary-footer-widget h4,
.secondary-footer-widget h22,
.secondary-footer-widget p,
.secondary-footer h3,
.secondary-footer h4 {
    color: #14412c;
}

.top-posts-content hr,
.secondary-footer .watch-list-item hr,
.secondary-footer hr {
    border-top: 1px solid #14412c;
}

.homes span.timeago.date {
    color: #14412c !important;
}

.members-top5-content ul li,
.secondary-footer h5 {
    color: #14412c
}

.following-tile .pagination>a,
.following-tile .pagination>span,
.btn-primary,
.btn-secondary,
.btn-tertiary {
    color: #14412c !important;
}

.following-tile .pagination>a:hover,
.following-tile .pagination>span:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-tertiary:hover {
    color: #14412c !important;
}

body.users .profile-sidebar-tile h1,
body.users .profile-sidebar-tile h4,
.tile.widget.profile-tile h1,
.tile.widget.profile-tile h4,
.profile_widget_stats h4,
.profile_widget_stats h5,
#profile-widget-carousel p,
.profile-sidebar-tile h1,
.profile-sidebar-tile h4 {
    color: #ffffff;
}

.profile-tile .progress-bar,
.diary-entry .progress-bar-results,
.poll .progress-bar-results,
.progress-bar-warning,
.poll-tile .progress-bar-results,
.diary-entry .progress-bar-results,
.poll .progress-bar-results {
    color: #383b3a !important;
}

.tile.widget.poll-tile h3,
.tile.widget.poll-tile p,
.poll-tile .poll-answers h6 {
    color: #ffffff
}

.poll-tile .btn-primary {
    color: #14412c;
}

.homes .half-tile a,
.homes .half-tile h1,
.homes .half-tile h2,
.homes .half-tile h3,
.homes .half-tile h4,
.homes .half-tile p {
    color: #ffffff !important;
}

.homes .tile h3,
.homes .tile p {
    color: #ffffff;
}

a.blue,
a.blue:focus,
a.blue:hover,
.profile-complete,
.room-comments-tile .comments-action-icons a,
.cookie-form table th,
.page-content-tile p,
.notifications-tile h4,
.points-tile h4,
.notifications-tile td,
.page-content-tile td,
.points-tile td,
.badges-tile h4,
.form-control,
#profile h3,
.page-content-tile.tile p,
#social-stream .inline-comment textarea,
.messages-content-tile .messages-reply .form-control,
.modal textarea.form-control,
.room-comments-tile textarea.form-control,
textarea,
textarea#topic_answer_body,
#room .panel-body p,
body,
.page-content-tile h3,
#room .panel-title,
form label,
.map-entry-tile h3,
#maps .panel-body p,
.panel-group,
#maps .panel-title,
#profile .panel-body p,
#social-stream .panel-body p,
#profile .panel-title,
#social-stream .panel-title,
h5.timeline-title,
.timeline a.profile-tip,
h3.activity-title-heading a,
.oembedable p,
.oembedable,
.comments-action-icons a,
h5.timeline-title a,
.reply.mR10.count_comments {
    color: #333333 !important;
}

span.timeago.date,
.other-poll a,
.other-poll a:focus,
.other-poll a:hover {
    color: #383b3a !important;
}

.breadcrumbs li::after {
    border-left: 1px solid #383b3a;
}

.breadcrumbs li:last-child a {
    text-decoration: underline;
}

footer p,
footer .information a {
    color: #ffffff
}

.page-content-tile hr {
    border-top: 1px solid #383b3a;
}

.maps-filters-tile,
.news-item-tile,
.messages-content-tile,
.room-comments-tile,
.map-entry-tile,
.social-stream-tile .social-stream-item,
.panel-heading,
.page-well-tile,
.panel-body,
.page-content-tile,
.timeline .year,
.timeline>li>.timeline-panel {
    background-color: #f3f3f3 !important;
}

.col-md-12.tile.page-content-tile.forum-table,
.diary-tile .diary-date .calendar_entry {
    border: 5px solid #f3f3f3 !important;
}

.room-comments-tile .comment p {
    background-color: #f3f3f3 !important;
}

.b-user.comment,
.b-user.comment p,
.ui-autocomplete-input,
.diary-entry select.hour-select,
.diary-entry select.min-select,
#social-stream .inline-comment textarea,
.messages-content-tile .messages-reply .form-control,
.modal textarea.form-control,
.room-comments-tile textarea.form-control,
textarea,
textarea#topic_answer_body {
    background-color: #ffffff !important;
    color: #383b3a;
}

::placeholder {
    color: #383b3a !important;
}

:-ms-input-placeholder {
    color: #383b3a !important;
}

::-ms-input-placeholder {
    color: #383b3a !important;
}

.other-poll .pull-right,
.infinite_scroll_container p {
    color: #383b3a;
}

.homes .half-tile .btn-primary {
    background-color: #ffce00 !important;
    color: #14412c !important;
}

.homes .half-tile .btn-primary:hover {
    background-color: #fcae21 !important;
    color: #14412c !important;
}

.homes .square-tile .btn-primary,
a.btn.btn-primary {
    background-color: #ffce00 !important;
    color: #14412c !important;
}

a.btn.btn-primary:hover,
.homes .square-tile .btn-primary:hover {
    background-color: #fcae21 !important;
    color: #14412c !important;
}

.poll-tile .button.btn.btn-primary {
    background-color: #ffce00 !important;
    border: 1px solid #fcae21 !important;
    color: #14412c !important
}

.poll-tile .button.btn.btn-primary:hover {
    background-color: #fcae21 !important;
    border: 1px solid #fcae21 !important;
    color: #14412c !important;
}

footer img {
    height: 60px;
    width: px;
}

.followIcon,
.accordionDownIcon,
.accordionUpIcon,
.crosshairIcon,
.deleteIcon,
.searchIcon {
    fill: #ffffff;
}

#main-list>li>div.col-md-6>div>div.col-md-12.half-tile.tile.welcome-widget.widget>div {
    background-color: #008031;
    background-image: url(https://clearstream-static.s3.eu-west-1.amazonaws.com/morrisons/rebranding/assets/images/woman.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.friendship_container.topic_answers_friendship {
    left: 40px;
    top: -6px;
}

.followingIcon,
svg.notificationsCaretIcon,
.followIcon,
.accordionDownIcon,
.accordionUpIcon,
.crosshairIcon,
.deleteIcon,
.searchIcon,
.point-table-icon .accordionDownIcon,
.point-table-icon .accordionUpIcon {
    fill: #008131;
}

.homes .btn-primary {
    padding: 6px 33px;
}

.btn .btn-primary {
    color: #14412c !important
}

footer,
footer ul li a,
#footer p {
    color: #ffffff !important;
}

footer ul li a {
    color: #ffce00 !important;
}

.dropdown.open .navigation-icon.svg,
.dropdown.open svg#dropdown-messages-icon,
.dropdown.open svg#dropdown-notifications-icon,
.dropdown.open svg#dropdown-profile-icon {
    fill: #ffce00;
}

.dropdown-menu a {
    color: #333333 !important;
}

.white-text,
.white-text:hover {
    color: #333333 !important;
}

.tile {
    border-radius: initial !important;
}

.diary-tile .entry-active .calendar_entry {
    border-radius: 0 !important;
}

.col-md-12.comment-body>div,
.col-md-12.comment-body>div>div>p {
    background-color: #ffffff !important;
}

.ui-context-menu .ui-menu-gateway svg>path {
    color: #aaa7a7;
}

#page-wrapper>section>div>nav {
    background-color: #14412c !important;
}

#page-wrapper>section>div>nav>ol>li>a {
    color: #fffefe !important;
}

a.blue,
a.blue:focus,
a.blue:hover,
.profile-complete,
.room-comments-tile .comments-action-icons a,
.cookie-form table th,
.notifications-tile h4,
.points-tile h4,
.notifications-tile td,
.page-content-tile td,
.points-tile td,
.badges-tile h4,
.form-control,
#profile h3,
#social-stream .inline-comment textarea,
.messages-content-tile .messages-reply .form-control,
.modal textarea.form-control,
.room-comments-tile textarea.form-control,
textarea,
textarea#topic_answer_body,
body,
.page-content-tile h3,
#room .panel-title,
.map-entry-tile h3,
.panel-group,
#maps .panel-title,
#profile .panel-title,
#social-stream .panel-title,
h5.timeline-title,
.timeline a.profile-tip,
h3.activity-title-heading a,
.oembedable,
.comments-action-icons a,
h5.timeline-title a,
.reply.mR10.count_comments,
#room>div.panel-group>div>div.panel-heading>p,
#messages>div.panel-group>div>div.panel-heading>p,
#messages>div.col-md-8.col-xs-12.tile.messages-content-tile>div>div.messagesPageHeader>h3,
#page-wrapper>section>div>div.col-md-12.tile.news-item-tile>div>div>h3,
p.panel-title,
h2 {
    color: #14412c !important;
}

.navbar-default .navbar-nav>li>a,
h3,
h1,
.secondary-footer-widget,
.secondary-footer-widget div,
.secondary-footer-widget h1,
.secondary-footer-widget h3,
.secondary-footer-widget h4,
.secondary-footer-widget h2,
.secondary-footer h3,
.secondary-footer h4,
.btn-primary,
.page-content-tile h3,
.btn-primary,
.btn-secondary,
.btn-tertiary,
.btn-primary,
.btn-secondary,
.btn-tertiary,
#profile .uploadifive-button,
#room>div.panel-group>div>div.panel-heading>p,
#sidebar>div.sidebar-title>h3,
#room>div.panel-group>div>div.panel-heading>p,
#messages>div.panel-group>div>div.panel-heading>p,
#messages>div.col-md-8.col-xs-12.tile.messages-content-tile>div>div.messagesPageHeader>h3,
#page-wrapper>section>div>div.col-md-12.tile.news-item-tile>div>div>h3,
p.panel-title,
.panel-title,
h2 {
    font-family: 'MorrisonsAgenda-Bold' !important;
}

.homes .tile h3,
.homes .tile {
    font-size: 22px;
}

.avatar.profile-header.row .mT10 #uploadifive-user_asset {
    line-height: 24px !important;
}

.navbar span.caret {
    display: inline-block;
}

.caret {
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
    border: 0;
    background-image: url(https://clearstream-static.s3.eu-west-1.amazonaws.com/morrisons/rebranding/assets/images/dashboard_slider.png);
    height: 6px;
    width: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#navbar .row li a:after {
    display: none;
}

ul.nav.navbar-nav.mobile-nav {
    border: 0;
}

.table-hover>tbody>tr:hover,
.table-hover>tbody>tr {
    background-color: #bebebe;
}

.avatar-img img {
    height: 120px !important;
    max-height: 120px !important;
    object-fit: cover;
}

.navbar .dropdown-menu>li>a:focus,
.navbar .dropdown-menu>li>a:hover {
    background-color: transparent;
    text-decoration: none !important;
    background-color: #d3ecfc;
}

#navbar>div>ul>li.dropdown.dropdown-menu-link.rooms-dropdown.dropdown-hover.open>ul>li>a:hover {
    text-decoration: none;
    background-color: #d3ecfc;
}

.dropdown-menu>li>a {
    margin-left: 5px;
    margin-right: 5px;
}

.ui-context-menu .ui-items .ui-item.ui-selected>a {
    background-color: #008131;
    color: #ffffff !important;
}

.ui-item:hover,
.ui-item:hover a,
.ui-item:hover svg,
.ui-item:hover span {
    background-color: #008131;
    color: #ffffff !important;
}

.ui-context-menu.ui-selected .ui-menu-gateway {
    color: #008131 !important;
}

.ui-context-menu .ui-menu-gateway svg {
    color: #acaaab;
}

.ui-context-menu .counter .badge {
    background-color: #008131;
}

.navbar-default .navbar-nav>li>a {
    font-size: 18px;
}

h1,
.poll-tile.widget.poll-tile h3 {
    font-size: 22px;
}

#profile-widget-carousel>div>div.item.active>h4 {
    font-family: 'MorrisonsAgenda-Bold';
    font-size: 20px;
}

#profile-widget-carousel>div>div.item.active>p>strong {
    font-size: 18px;
    font-weight: normal;
}

.homes .tile p {
    font-size: 16px;
}

#profile-widget-carousel>div>div.item.active>p {
    font-size: 14px;
}

.welcome-widget .text-content {
    max-width: 280px;
}

.homes .btn-primary,
.btn-primary,
.btn-secondary,
.btn-tertiary,
#uploadifive-user_asset>input[type=file]:nth-child(2),
.navbar .dropdown-menu>li>a,
footer p,
footer .information p:first-of-type,
footer .information p:first-of-type,
footer .copyright,
footer .information a {
    font-size: 16px;
}

.secondary-footer h3,
.secondary-footer h4 {
    font-size: 22px;
}

.notifications-tile h4,
.points-tile h4 {
    font-family: 'MorrisonsAgenda-Medium';
}

input.btn.btn-tertiary.submit {
    font-family: 'MorrisonsAgenda-Bold';
}

h3,
h4,
.news-item-tile h3 a,
.news-item-tile h3 {
    color: #14412c;
}

#accordion>div>div.panel-heading>p {
    color: #14412c !important;
    font-size: 22px;
}

.friendship_container {
    position: absolute !important;
    top: 6px !important;
    left: 59px !important;
    right: 60px;
}

.profile-tile .progress-bar,
.poll-tile .results-bar {
    padding-left: 0px !important;
    text-indent: 10px !important;
}

.diary-entry .results-bar,
.poll .results-bar {

    padding: 6px 0px;
    text-indent: 10px !important;
}

.poll-results .results,
.poll-answers .results {
    overflow: hidden;
}

.progress-bar.progress-bar-warning {
    padding-left: 0px !important;
    text-indent: 10px ! important;
}

.profile-sidebar-tile .tooltip {
    top: 220px !important;
}

.tile-content .tooltip {
    top: 10px !important;
}

@media (min-width: 993px) {
    #page-wrapper {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    #scrollOnPage {
        display: none;
        position: fixed;
        bottom: 7px;
        right: 0px;
        width: 70px;
        z-index: 99999;
        cursor: pointer;

    }


    img#scrollTopimg {
        width: 60px;
    }
}

@media (max-width: 768px) {
    #scrollOnPage {
        display: none;
        position: fixed;
        bottom: -7px;
        right: -35px;
        width: 70px;
        z-index: 99999;
        cursor: pointer;
    }

    img#scrollTopimg {
        width: 35px;
        padding: 5px;
    }
}

@media only screen and (max-width: 992px) {

    nav.navbar.navbar-default.navbar-static-top,
    #main_navigation>div.navbar-mobilebody.text-center.hidden-md.hidden-lg>div,
    #main_navigation>div.navbar-mobilebody.text-center.hidden-md.hidden-lg>div>ul,
    .navbar-mobilebody {
        background: #008031;
    }

    .navbar-static-top #navbar .row:nth-child(2) .nav {
        background-color: #008031;
    }

    .navbar-mobilehead {
        padding: 20px;
        background-color: #14412c;
    }
}

@media only screen and (max-width: 1199px) {
    #main-list>li>div.col-md-6>div>div.col-md-12.half-tile.tile.welcome-widget.widget>div {
        background-size: 210px 190px;
    }
}

@media only screen and (width: 992px) {
    .hidden-md {
        display: block !important;
    }

    #main_navigation>nav>div>div.navbar-header>a {
        display: none;
    }

    #mobile-collapse>span {
        display: none;
    }

    .profile-tile {
        min-height: 600px !important;
    }
}

@media only screen and (max-width: 768px) {
    .page-content-tile .btn-primary {
        max-width: 200px;
        margin-top: 8px;
    }
}

@media only screen and (min-width: 768px) {
    #room.forums .comments-action-icons {
        margin-right: 0px !important;
    }
}

@media only screen and (max-width: 767px) {
    .avatar-img img {
        max-height: 70px !important;
        height: 70px !important;
        object-fit: cover;
    }
}

@media only screen and (max-width: 600px) {
    #page-wrapper>footer {
        padding: 50px 10px !important;
    }

    footer .container {
        padding-right: 5px;
        padding-left: 5px;
    }
}

@media (max-width: 767px) {
    .forum-table th.align-center.text-center.hidden-xs {
        display: table-cell !important;
    }

    .forum-table th.align-center.hidden-xs {
        display: table-cell !important;
    }

    .forum-table td.align-center.text-center.hidden-xs {
        display: table-cell !important;
    }

    #edit_cookies .page-content-tile,
    div#functional_cookies {
        overflow-y: auto;
    }

}

@media (max-width: 992px) {
    .navbar-mobilehead img {
        max-width: 35%;
    }
}

@media (max-width: 767px) {
    .tableMobileFix {
        overflow-y: auto;
    }

}

#profile>div.col-md-4.col-xs-12.tile.profile-sidebar-tile>div.side_nav>a:nth-child(11) {
    display: none;
}

.friendship_container.mapper_posts_friendship {
    top: 6px !important;
}

.widget-inside-overflow,.secondary-footer .news-list,.members-motm-content {
    max-height: 300px !important;
  }
  
  .members-motm-content > img {
    max-height: 160px;
    width: auto !important;
    margin: auto;
  }

  .friendship_container.social_comments_friendship {
    position: absolute;
    left: 40px !important;
    max-width: 25px;
    top: 10px !important;
}
  