/* Shared by the attendee layout and standalone account pages.
   Keep coloured badges, buttons and dark navigation on their theme colours. */
html,
body {
    font-weight: 400;
}

body {
    color: #292c36;
}

body .m-widget1 .m-widget1__item .m-widget1__desc {
    font-weight: 400;
}

body .m-portlet .m-portlet__body,
body .m-section .m-section__content,
body .m-widget1__item .m-widget1__desc,
body .m-widget4__item .m-widget4__title,
body .m-widget4__item .m-widget4__sub,
body .m-widget4__item .m-widget4__text,
body .m-widget5 .m-widget5__item .m-widget5__desc,
body .m-widget17 .m-widget17__stats .m-widget17__items .m-widget17__item .m-widget17__subtitle,
body .m-widget17 .m-widget17__stats .m-widget17__items .m-widget17__item .m-widget17__desc,
body .m-widget19 .m-widget19__content .m-widget19__body,
body .m-widget19 .m-widget19__content .m-widget19__username,
body .m-form .m-form__section,
body .form-control,
body .form-control:focus,
body .m-checkbox,
body .m-radio {
    color: #292c36;
}

body .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span,
body .m-messenger.m-messenger--skin-light .m-messenger__form .m-messenger__form-input,
body .m-messenger.m-messenger--skin-light .m-messenger__messages .m-messenger__message--in .m-messenger__message-content .m-messenger__message-text {
    color: #292c36;
}

body .m-messenger.m-messenger--skin-light .m-messenger__messages .m-messenger__datetime,
body .m-messenger.m-messenger--skin-light .m-messenger__messages .m-messenger__message--in .m-messenger__message-content .m-messenger__message-username {
    color: #505563;
}

body .m-portlet:not(.m-portlet--head-solid-bg) .m-portlet__head .m-portlet__head-text,
body .m-subheader .m-subheader__title,
body .m-widget1__item .m-widget1__title,
body .m-widget5 .m-widget5__item .m-widget5__title,
body .m-widget19 .m-widget19__content .m-widget19__title {
    color: #222530;
}

body .m-form .m-form__help,
body .m-widget19 .m-widget19__content .m-widget19__time,
body .m-widget19 .m-widget19__content .m-widget19__comment,
body .m-footer .m-footer__copyright,
body .home-screen-guide .home-screen-guide__browser,
body .home-screen-guide .home-screen-guide__note,
body .exhibitors-directory .sponsors-heading p,
body .exhibitors-directory .sponsor-booth,
body .exhibitors-directory .exhibitor-booth {
    color: #505563;
}

body .color-gray,
body .text-muted {
    color: #505563 !important;
}

/* The theme's placeholder rules are more specific than .form-control. */
body .form-control::placeholder,
body .m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__form .form-control::placeholder,
body .m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__form .form-control:focus::placeholder {
    color: #606574;
    opacity: 1;
}

body .m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__head .m-login__title {
    color: #222530;
}

body .m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__head .m-login__desc,
body .m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__form,
body .m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__form .form-control,
body .m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__form .form-control:focus,
body .m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__form .m-login__form-sub .m-checkbox,
body .m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__account .m-login__account-msg {
    color: #292c36;
}

body .m-login .m-link,
body .m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__form .m-login__form-sub .m-link,
body .m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__account .m-login__account-link {
    color: #5146a5;
}

body .m-login .m-link:hover,
body .m-login .m-link:focus {
    text-decoration: underline;
}

.guest-access-notice {
    color: #91452e;
}

/* Bright navigation controls on the mobile dark menu. */
@media (max-width: 992px) {
    body .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text,
    body .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon,
    body .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__ver-arrow {
        color: #fff !important;
    }

    body .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
        font-weight: 500;
    }

    #m_aside_left_offcanvas_toggle span,
    #m_aside_left_offcanvas_toggle span::before,
    #m_aside_left_offcanvas_toggle span::after {
        background: #fff !important;
    }

    #m_aside_header_topbar_mobile_toggle i,
    #m_aside_left_close_btn i,
    #m_aside_header_menu_mobile_close_btn i {
        color: #fff !important;
    }
}

/* Make programme days easy to identify and tap on phones and tablets. */
@media (max-width: 992px) {
    body .session-ratings--padding.m-portlet__head {
        height: auto;
        min-height: 80px;
        padding: 12px 0;
    }
    body .session-ratings--padding .m-portlet__head-tools {
        width: 100%;
    }
    body .session-ratings--padding .nav-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        width: 100%;
        margin: 0;
        border: 0;
    }
    body .session-ratings--padding .nav-tabs .nav-item {
        flex: 1 1 80px;
        margin: 0;
    }
    body .session-ratings--padding .nav-tabs .nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 52px;
        padding: 12px 8px;
        border: 1px solid #c7cad7;
        border-radius: 6px;
        background: #f3f4f8;
        color: #343747 !important;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.25;
        white-space: nowrap;
    }
    body .session-ratings--padding .nav-tabs .nav-link.active {
        background: #5146a5;
        border-color: #5146a5;
        color: #fff !important;
    }
    body .session-ratings--padding .nav-tabs .nav-link:focus-visible {
        outline: 3px solid #292c36;
        outline-offset: 2px;
    }
}