@media (max-width: 480px) {
    .page.ssqbp-component-speechbox #ssqbp_member {
        .ssqbp_myprofile .profile_grid {
            .edit_content_wrap {
                .speechbox_wrapper {
                    .edit_square_inner.practiceset {
                        .edit_square_main {
                            .int_wrap {
                                min-width: 100%;
                                .int_deets_wrap {
                                    justify-content: space-between;
                                    div.intlang {
                                        span.lvldiv {
                                            font-size: 10px !important;
                                        }
                                    }
                                    div.intlang, span {
                                        margin: 0;
                                        justify-content: center;
                                        flex-direction: column;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    
    ::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    }
    
    .row {
        margin-right: 0;
        margin-left: 0;
    }
    .bp-user.course #buddypress .item-list.grid li, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .directory #buddypress .item-list.grid li {
        padding-right: 0;
        padding-left: 0;
    }
    .ssq_pop_wrapper {
        padding: 24px;
        .ssq_pop_wrapper_inner {
            max-height: unset;
	        max-width: unset;
            .ssq_pop_content_wrap {
                width: calc(100vw - 48px);
                .user_card_wrap {
                    min-width: unset;
                }
            }
        }
    }
    .page.ssqbp-component-dashboard {
        .dashboard-wrapper {
            display: flex;
            flex-direction: column;
            .ssqdashboard {
                display: flex;
                flex-direction: column;
                flex: 1;
                .ssqdash_main {
                    display: flex;
                    flex-direction: column;
                    flex: 1;
                    .ssq_group_lrg {
                        display: flex;
                        flex-direction: column;
                        flex: 1;
                    }
                    .dashwelcome {
                        padding-bottom: 0 !important;
                    }
                    .dashform {
                        padding-bottom: 1.5rem;
                        flex: 1;
                        span.last.submission {
                            gap: 8px;
                            padding: 8px;
                        }
                        .content_actions {
                            margin-top: auto;
                            display: flex;
                            flex-direction: column;
                            gap: 12px;
                            text-align: center;
                            font-size: 14px;
                            a.button.is_primary {
                                height: 42px;
                            }
                        }
                        .dashform_input {
                            input {
                                font-size: 24px;
	                            text-align: center;
                            }
                            p {
                                margin-bottom: 24px;
                                text-align: center;
                            }
                            .emojilist {
                                justify-content: center;
                                flex-wrap: wrap;
                                >span {
                                    width: calc(20% - 12px);
                                    padding: 6px;
                                    gap: 0;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .page .ssqbp_myprofile.slick {
        
        justify-content: flex-end;
    }
    .ssq_btm_love {
        display: none;
    }
    .ssqbp_myprofile .profile_menu .menu_items > div > span {
        flex: 1;
    }
    .page .ssqbp_myprofile.slick .profile_menu>.menu_items>div>span>span>span+span, .page .ssqbp_myprofile.slick .profile_menu>.menu_items>div:hover>span>span>span+span {
		display: flex !important;
        margin: 0;
        color: var(--text);
        font-size: 10px;
        position: unset;
        margin: 0;
        background: unset;
        box-shadow: unset;
        left: unset;
        text-wrap-mode: unset;
        padding: unset;
	}
    .ssqbp_myprofile .profile_menu .menu_items>div>span>span {
        padding: 0;
        flex-direction: column;
        font-size: 10px;
        text-align: center;
        align-items: center;
        flex: 1;
    }
    .page .ssqbp_myprofile.slick .profile_menu .menu_bottom .ssqbp_current_user .ssqbp_member img {
        margin: -4px 0 2px;
        max-width: 28px;
        width: 24px;
        height: 24px;
    }
    .page .ssqbp_myprofile.slick .profile_menu {
        border-radius: 0;
        box-shadow: 0 -5px 12px var(--shadow), 0 0 transparent, 0 0 transparent;
        height: 76px;
        >.menu_items {
            flex-direction: row;
            padding: 0;
            gap: 0;
            flex: 1;
            #content {
                display: none !important;
            }
            >div.is_active {
                border-radius: 0;
                background: none !important;
                opacity: 1;
                width: 16.6666666667%;
                .icon {
                    color: var(--highlight);
                    background: var(--primary);
                    border-radius: 25px;
                    height: 24px;
                    width: 46px;
                    font-weight: 800;
                    border: 2px solid var(--primary);
                    transform: scale(1);
                    svg {
                        transform: scale(40%);
                    }
                }

            }
            
        }
        .menu_bottom {
            width: 33.33%;
            justify-content: center;
            margin: 0;
            .menu_item:last-child {
                padding: 0;
                min-width: 60px;
                flex-direction: column;
                height: 100%;
                flex: 1;
                >span:last-child {
                    display: flex;
                    margin-left: 0px;
                    color: var(--text);
                    font-size: 10px;
                    align-items: center;
                    justify-content: center;
                    line-height: 1.5;
                }
                .ssqbp_current_user:after {
                    display: none;
                }
            }
        }
       >.site_logo {
           display: none;
            
        }
        >.site_logo:before {
            content: "\e69b";
			font-family: 'vicon';
			font-size: 16px;
			color: var(--text);
			height: 24px;
			width: 24px;
			display: flex;
			justify-content: center;
        }
        .site_logo.active:before {
            color: var(--highlight);
			background: var(--primary);
			font-size: 14px;
			padding: 2px 24px;
			border-radius: 25px;
        }
        .site_logo.active {
            opacity: 1;

        }
        .site_logo:hover{
            span {
                margin: 0;
                background: unset;
                box-shadow: unset;
                left: unset;
                position: unset;
                z-index: unset;
                padding: unset;
                border-radius: unset;
            }
        }
    }
    .ssqbp_myprofile.slick .profile_menu .menu_bottom .menu_item .ssqbp_member_menu {
        position: fixed;
        top: calc(-100vh + 76px);
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        padding: 24px;
        display: flex;
	    flex-direction: column;
        gap: 24px;
        .ssqbp_member_card_wrapper {
            padding: 24px;
	        margin: -24px -24px 0;
            a {
                color: var(--text);
                padding: 24px;
	            margin: -24px -24px -24px auto;
            }
        }
        button.logoutbutton {
            max-width: 100%;
	        margin: 0;
            font-size: 14px;
        }
        .ssq_btm_love {
            display: flex;
            padding: 0;
        }
        .ssqbp_loggedin_menu_wrapper {
            flex: 1;
            .ssqbp_loggedin_usermenu_content {
                padding: 0;
	            gap: 24px;
                >span.bp-menu {
                    margin: 0;
                    font-size: 14px;
                    padding: 12px 24px;
                    border: 1px solid var(--primary);
	                border-radius: 25px;
                }
            }
        }
        .darklightmode {
            display: flex;
            align-items: center;
            margin: 0;
            font-size: 14px;
            padding: 12px 24px;
            border-radius: 5px;
            gap: .5rem;
            background: var(--secondary);
            color: var(--ssqwhite);
            justify-content: center;

            span svg {
                width: 18px;
                height: 18px;
                fill: var(--ssqwhite);
            }
        }
    }
    .page.ssqbp-component-dashboard {
        .dashboard-wrapper {
            .ssqdashboard {
                padding-top: 0 !important;
				padding-bottom: 0 !important;

                .ssqdash_main {
                    .dashwelcome {
                        .greeting_wrap {
                            .greeting {
                                display: flex;
	                            flex-direction: column;
                            }
                            .dash_actions {
                                display: none;
                            }
                        }
                    }

                    .ssq_group_lrg {
                        
                        margin-bottom: 0 !important;
                        .dashwelcome {
                            .greeting_wrap {
                                .greeting {
                                    display: flex;
                                    flex-direction: column;
                                }
                            }
                        }
                        
                    }
                    .ssq_dash_smll {
                        padding: 0;
                        gap: 0;
                        .sqcardd {
                            padding: 24px 0 12px;
                            .user_friendss_header {
                                padding: 0 12px;
                            }
                            ul.user_friendss_list {
                                >li {
                                    border-radius: 0;
                                }
                            }
                            .user_friendss_header a, .user_grps_header a {
                                display: none;
                            }
                        }
                        .sqcardd.bshad:nth-of-type(1) {
                            display: none;
                        }
                    }
                }
            }
        }
    }
    .page.ssqbp-component-squares {
        .profile_grid {
            padding: 0;
            #squares_component {
                padding-block: 0;
                padding-inline: 0;
                padding-top: 0;
                margin: 0;
                margin-left: 0;
                margin-right: 0;
                width: 100%;

                .ssqbp_sidebars {
                    .ssqbp_main {
                        .mycourses {
                            .course_above, .ssq_btm_love {
                                display: none;
                            }
                            .mycourselist {
                                border-radius: 0;
                                box-shadow: none;
                                padding: 0;
                                background: none;
                                .sq_mycourses_header {
                                    .sq_searchbox {
                                        display: none;
                                    }
                                }
                                .course_blocks {
                                    margin: 0;
                                    gap: 24px;
                                    .course_block_wrap {
                                        padding: 0;
                                        box-shadow: 0 3px 12px var(--shadow), 0 0 transparent, 0 0 transparent;
			                            border-radius: 5px;
                                    }
                                }
                            }
                             
                        }
                    }
                }
            }
        }
        
    }
    .page.ssqbp-component-speechbox #ssqbp_member {
        .ssqbp_myprofile.slick {
            display: flex;
            justify-content: flex-end;
        }
        .ssqbp_myprofile .profile_grid {
           
            .ssqbp_sidebars {
                flex: 1;
                height: 100%;
                max-height: calc(100vh - 76px);
                .ssqbp_main {
                    display: flex;
                    height: 100%;
                    flex: 1;
                    min-height: 100%;
                    flex-direction: column;
                    max-height: calc(100vh - 76px);
                    .edit_content_wrap {
                        flex: 1;
                    }
                }
            }
            .edit_content_wrap {
                .speechbox_wrapper {
                    max-width: 100vw;
                    margin: -12px;
                    .edit_square_inner {
                        .speechbox_header {
                            padding: 1.5rem 1.5rem 0;
                            .header_left {
                                h2 {
                                    font-size: 18px;
                                }
                                p {
                                    font-size: 12px;
                                }
                            }
                            .header_right {
                                display: none;
                            }
                        }
                        .edit_square_main {
                            .square_content {
                                .content_wrap {
                                    .sq_sections {
                                        min-height: calc(100vh - 142px);
                                        max-width: unset;
                                        .section {
                                            max-width: calc(100vw - 36px);
                                            min-width: 100%;
                                            .section_inner {
                                                min-width: unset;
                                                flex: 1;
                                                width: 100%;
                                                >ul {
                                                    >li {
                                                        min-width: unset;
                                                        max-width: unset;
                                                    }
                                                }
                                                .section_head {
                                                    .vicon-trash {
                                                        display: flex;
                                                        opacity: .9;
                                                        background: none;
                                                    }
                                                }
                                            }
                                        }
                                        #section_add {
                                            position: fixed;
                                            bottom: 76px;
                                            right: 0;
                                            margin: 24px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .page.ssqbp-component-community {
        .ssqbp_sidebars {
            .ssqbp_main {
                padding-top: 0 !important;
                .course_above.row {
                    .mycontent {
                        padding: 0;
                        padding-right: 0 !important;
                        .sqcardd.bshad {
                            padding: 0;
                            border-radius: 0;
                            box-shadow: none;
                            background-image: none;
                            .mycontent-header {
                                .button.is_primary {
                                    display: none;
                                }
                                .mycontent-wap .mycontent-title-wrap {
                                    display: flex;
                                    flex-direction: column;
                                    h3 {
                                        font-size: 18px;
                                    }
                                    p {
                                        display: none;
                                    }
                                }
                            }
                        }
                    }
                    .content_stats {
                        display: none;
                    }
                }
                .sq_groupusers_wrap {
                    margin-top: 18px;
                    display: flex;
                    flex-direction: column;
                    gap: 24px;
                    background: none;
                    border-radius: 0;
                    box-shadow: none;
                    .sq_group_head {
                        padding: 0px;
                        border-bottom: none;
                        .sq_searchbox {
                            background-color: var(--highlight);
                        }
                        .mycourses_access_tabs, .group.opts {
                            display: none;
                        }
                    }
                    .grouplist {
                        padding: 0;
                    }

                }
                .ssqbp_full_group {
                    
                    .group_head {
                        min-height: 148px;
                        box-shadow: none;
                        margin: -12px;
                        gap: 0;
                        
                        background-position: center !important;
                        background-attachment: unset !important;
                        background-size: cover !important;
                        border-radius: 0;
                    
                        .group_head_top {
                            display: none;
                        }
                        .ssqbp_full_group_info {
                            padding: 12px;
                            background: linear-gradient(0deg, #00000048, #00000048, #00000048, transparent);
                            .group_info_left {
                                .group_left_top {
                                    gap: 12px;
                                    .group_left_deetswrap {
                                        flex: 1;
                                        height: 100%;
                                        justify-content: center;
                                        h1 {
                                            font-size: 24px;
                                        }
                                        .langlevelwrap {
                                            span.langdiv:before {
                                                height: 36px;
                                                width: 36px;
                                                box-shadow: none;
                                            }
                                            .lvldiv {
                                                font-size: 12px;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .group_content.home {
                        padding: 24px 0 0;
                        .ssq_group_wrap {
                            .ssq_group_lrg {
                                padding: 0;
                                .ssqbp_sidebars .ssqbp_main {
                                    gap: 12px;
                                    .portal.group_posts {
                                        gap: 12px;
                                        .portal_header .header_links .searchbox.active {
                                            margin-bottom: 0;
                                        }
                                        .portal_body >.activity_list {
                                            gap: 12px;
                                        }
					
                                    }
							    }
                            }
                        }
                    }
                }
                .grouplist > .ssqbp_groups {
                    gap: 24px;
                    margin: 0;
                    .ssqbp_group {
                        padding: 0;
                        box-shadow: 0 3px 12px var(--shadow), 0 0 transparent, 0 0 transparent;
						border-radius: 5px;
                        background: var(--highlight);
                        .group_wrap {
                            .group_avatar {
                                padding: 0;
                            }
                        }
                    }
                }
            }
        }
    }
    .page.ssqbp-component-analytics, .page.ssqbp-component-results {
        .ssqbp_main {
            padding-top: 0 !important;
            .analytics_wrap {
               
                .analytics_head {
                    .analytics_actions {
                        padding: 0;
                        >.sqcardd {
                            padding: 0;
                            background: none;
                            box-shadow: none;
                            .analytics_qatitle {
                                flex-direction: column;
                                .qatitle {
                                    display: flex;
                                    align-items: center;
                                    justify-content: space-between;
                                    h3 {
                                        font-size: 18px;
                                    }
                                    p {
                                        margin-top: 0;
                                        font-size: 12px;
                                    }   
                                }
                            }
                            .analytics_qafilters {
                                flex-wrap: nowrap;
                                flex-direction: column;
                                gap: 12px;
                                >div {
                                    padding-left: 0;
                                    padding-right: 0;
                                    .lang-select {
                                        background-color: var(--highlight);
                                    }
                                    .sq_searchbox {
                                        background-color: var(--highlight);
                                    }
                                }

                            }
                        }
                    }
                }
                .analytics_main {
                    gap: 24px;
                    padding-bottom: 24px;
                    .analytics_section {
                        display: flex;
                        flex-direction: column;
                        span.section_subtitle {
                            margin-bottom: 12px;
                        }
                    }
                    .analyticsinner {
                        .breadnav {
                            display: none;
                        }
                        .groups_analysis_wrap, .square_analysis_wrap {
                            gap: 0px !important;
							padding: 24px 0;
                            .group_main, .square_main {
                                gap: 24px;
                                .sqcardd.bshad {

                                    .group_quickstats {
                                        gap: 8px;
                                        .grp_quickstat {
                                            gap: 8px;
                                            .icon {
                                                font-size: 18px;
                                                height: 38px;
												width: 38px;
                                                min-width: 38px;
                                            }
                                            .statinfo span {
                                                font-size: 10px;
                                            }
                                        }
                                    }
                                    .square_submissions_wrap {
                                        table {
                                            thead>tr>th:nth-of-type(4), tbody>tr>td:nth-of-type(4), thead>tr>th:nth-of-type(5), tbody>tr>td:nth-of-type(5) {
                                                display: none;
                                            }
                                            tbody tr {
                                                td {
                                                    span {
                                                    img {
                                                        display: none;
                                                    }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                                .group_topstats {
                                    order: 1;
                                }
                                .group_words {
                                    height: 0px;
                                    opacity: 0;
                                    order: 3;
                                    padding: 0;
                                }
                                .group_leaderboard {
                                    order: 2;
                                    table {
                                        thead>tr>th:nth-of-type(2), tbody>tr>td:nth-of-type(2), thead>tr>th:nth-of-type(5), tbody>tr>td:nth-of-type(5) {
                                            display: none;
                                        }
                                        tbody tr {
                                            td {
                                                span {
                                                   img {
                                                    display: none;
                                                   }
                                                }
                                            }
                                        }
                                    }
                                }
                                .noanalysis.analyticsinner {
                                    margin-top: 24px;
                                }
                            }
                            .square_main.assess, .user_submission_wrap {
                                margin: -450px -12px 0;
                                background: var(--body);
                                gap: 12px;
                                min-height: 500px;
                                z-index: 2;
                                padding: 12px;
                                .submission_data {
                                    .overall_analytics .results_side {
                                        align-items: start;
                                        padding: 0;
                                        flex-direction: column;
                                        .submissionsdeets {
                                            justify-content: start;
                                            #asstime {
                                                text-align: left;
                                            }
                                        }
                                    }
                                    .interactions_list .square_submissions_title {
                                        flex-direction: column;
                                        align-items: start;
                                        
                                    }
                                    
                                }
                                
                                
                               
                                .info_deetswrap {
                                    gap: 0;
                                    .submission-pastten_wrap {
                                        height: 0;
                                        opacity: 0;
                                    }
                                    .info_deets {
                                        gap: 8px;
                                        .sq_quiztop_stat {
                                            gap: 8px;
                                            width: unset;
                                            .insight-icon {
                                                font-size: 18px;
                                                height: 38px;
                                                width: 38px;
                                                min-width: 38px;
                                            }
                                            .insight-info {
                                                display: flex;
                                                flex-direction: column-reverse;
                                                span {
                                                    font-size: 10px;
                                                }
                                                h2 {
                                                    color: var(--text) !important;
                                                }
                                            }
                                            
                                        }
                                    }
                                }
                                .actass_table_wrap.usersubs {
                                    
                                    .manage_table_inner {
                                        table#submissions_table {
                                            thead>tr>th:nth-of-type(2), tbody>tr>td:nth-of-type(2) {
                                                display: none;
                                            }
                                            thead>tr>th:nth-of-type(3), tbody>tr>td:nth-of-type(3) {
                                                padding-left: 24px;
                                            }
                                            tbody tr {
                                                td {
                                                    .userwrapp {
                                                        img {
                                                            display: none;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }

                                }
                                
                            }
                            .group_side, .square_side {
                                
                                .group_phones h5 {
                                    padding-bottom: 12px;
                                }
                                .sqinfo {
                                    order: 1;
                                }
                                .sqassessments {
                                    order: 2;
                                }
                                .sqvariety {
                                    order: 3;
                                    height: 0;
                                    opacity: 0;
                                    padding: 0;
                                }
                            }
                        }
                        .user_analysis_wrap {
                            gap: 0px !important;
                            padding: 24px 0;
                            .sqcardd.bshad {
                        
                                .square_submissions_title {
                                    flex-direction: column;
	                                align-items: start;
                                }
                                .notablesubs {
                                    table {
                                        thead>tr>th:nth-of-type(1), tbody>tr>td:nth-of-type(1), thead>tr>th:nth-of-type(7), tbody>tr>td:nth-of-type(7) {
                                            display: none;
                                        }
                                        thead>tr>th:nth-of-type(2), tbody>tr>td:nth-of-type(2) {
                                            padding-left: 24px;
                                        }
                                    }
                                }
                            }
                            .user_side {
                                padding-bottom: 24px;
                                gap: 0;
                                .profilecard {
                                    flex-direction: row;
                                    .cardside {
                                        text-align: left;
                                    }
                                }
                                .aboutprofilecard {
                                    margin: 24px 0 0;
                                    h5 {
                                        display: none;
                                    }
                                }
                                .user_grps {
                                    display: none;
                                }
                            }
                            .user_main {
                                .user_maintop {
                                    flex-direction: column;
                                    >div.cloudd {
                                        width: 100%;
                                        height: 0px;
                                        opacity: 0;
                                    }
                                    .tablee {
                                        width: 100%;
                                    }
                                }
                            }
                        }
                    }
                    .noanalysis.analyticsinner {
                        margin-top: 24px;
                    }
                }
            }
        }
    }
    .page .ssqbp_myprofile .profile_grid {
	    max-height: calc(100vh - 76px);
        min-height: calc(100vh - 76px);
        margin-bottom: 0;
        padding: 12px !important;
    }
    .page .ssqbp_myprofile.slick .profile_menu>.menu_items>div:hover {
        background: none;
        opacity: 1;
    }
    .page.ssqbp-component-settings .ssqbp_myprofile .profile_settings {
        
        padding-top: 0 !important;
        .sq_profile_user_card.editing {
            margin: 0px;
			box-shadow: none;
			padding: 0;
			background-color: var(--body);
            input, select, textarea {
                background-color: var(--highlight) !important;
            }
            .sq_user_card_top {
                .sq_edit_userwrap {
                    display: flex;
				    flex-direction: column;
                }
                span.sq_langs_wrap {
                    .sq_languages_wrap {
                        flex-wrap: nowrap;
	                    flex-direction: column;
                    }
                }
                a.button.is_primary.saveuserdeets {
                    margin-left: auto;
                }
            }
        }
        .profile_settings_btm {
            flex-direction: column-reverse;
            gap: 0;
            display: flex;
            position: relative;
            margin: 0 0 24px;
            width: 100%;
            .portal.password, .portal.emailsettings {
                margin: 0px;
                box-shadow: none;
                padding-bottom: 0;
                padding-left: 0;
                padding-right: 0;
                background: var(--body);
                input, select, textarea {
                    background-color: var(--highlight) !important;
                }
            }
            .portal.password .ssqbp_form.tab_content {
                a.button.is-primary {
                    margin-left: auto;
                }
            }
        }
    }
    .page.ssqbp-component-messages {
		.profile_grid {
			.ssqbp_sidebars {
				.ssqbp_left_sidebar_wrapper {
                    padding: 12px !important;
                    margin-bottom: 0 !important;
                    background: var(--highlight);
                    position: fixed;
                    left: 0;
                    right: 0;
                    height: 105px;
                    .ssqbp_left_sidebar {
                        position: unset;
                        padding: 0;
                        margin: 0;
                        flex-direction: unset;
                        flex-wrap: wrap;
                        overflow: hidden;
                        overflow-x: hidden;
                        gap: 12px;
                        h3 {
                            transform: none;
                            font-size: 18px;
                            margin: 0;
                            position: relative;
                            display: block;
                            flex: unset;
                            margin-left: 0 !important;
                            height: unset;
                            width: calc(50% - 6px);
                        }
                        >a {
                            width: fit-content;
                        }
                        a.inbox, a.sent, a.sentbox {
                            padding: 6px 12px;
                            margin-bottom: 0;
                        }
                        a.menu-child.current-menu-item {
                            padding: 6px 12px;
                        }
                        a.button.is-primary.new_mail {
                            width: calc(50% - 6px);
                        }
                        a.button.is-danger.new_mail {
                            display: none;
                        }
                    }
				}
                .ssqbp_main {
                    padding-top: 93px;
					.message_left_right {
						>.message_list_left {
							background: none;
                            .message_list_head {
                                padding: 12px 0;
                            }
                            .messages {
                                .msginnerone {
                                    .message_block {
                                        padding: 12px 0;
                                    }
                                }
                            }
						}
                        .message_main {
                            background: none;
                        }
                        .message_main .fullmessage {
                            padding: 94px 0 12px;
                            max-height: calc(100vh - 76px);
                            left: 0;
                            .portal {
                                .portal_header {
                                    padding: 12px;
                                }
                                .portal_body {
                                    padding: 0;
                                    gap: 0;
                                    >div {
                                        padding: 12px;
                                        border-top: 0;
                                    }
                                }
                            }
                            
                            
                        }
                        .newmessage_form {
                            margin: 0;
                            padding-left: 12px;
                            padding-right: 12px;
                        }
					}
				}
			}
		}
	}
    .page.ssqbp-component-squares {
		.course_status {
            overflow: hidden;
            .course_content_header {
                padding: 12px 12px 0 !important;
                span.toggle_timeline_wrapper {
                    background: var(--primary);
	                padding: .5rem;
                    border-radius: 5px;
					box-shadow: 0 2px 6px var(--shadow), 0 0 transparent, 0 0 transparent;
                    .vicon+span {
                        font-size: 12px;
                    }
                }
                a.vicon.vicon-arrow-left {
                    padding: 12px !important;
					margin: -12px -12px 0 !important;
                }
            }
			.course_content {
				padding: 12px !important;
	            background: var(--highlight);
                overflow-y: auto;
                overflow-x: hidden;
	            max-height: 100vh;
                .course_content_content_wrapper {
                    margin-bottom: 0;
                    .course_content_content {
                        >h2 {
                            font-size: 28px;
                        }
                        .incourse {
                            .quiz_details_actasswrap {
                                display: contents;
                                .incourse_quiz_button {
                                    display: contents;
                                    a.submit_quiz.button.is-primary {
                                        position: fixed;
                                        bottom: 24px;
                                        right: 24px;
                                        height: 38px;
                                        width: 25%;
                                        z-index: 999;
                                    }
                                }
                            }
                            .incoursequiz_details, .incoursequiz_details.show_controls {
                                margin: 1rem 0 0;
                                z-index: 1;
                                pointer-events: none;
                                .quiz_timeline {
                                    border-radius: 0;
									margin: 0 -12px;
									width: calc(100% + 24px);
                                    >div {
                                        .timeline_wrapper.question_numbers, .timeline_wrapper {
                                            >ul {
                                                border-radius: 0;
                                            }
                                        }
                                    }
                                }
                                
                            }
                            .quiz_questions_content {
                                padding: 0;
		                        padding-bottom: 0;
                                position: relative;
                                z-index: 2 !important;
                                .quiz_questions_content_inner {
                                    height: 100%;
                                    display: flex;
                                    flex-direction: column-reverse;
                                    justify-content: flex-end;
                                    .quiz_stats_chart {
                                        border-radius: 0;
                                        box-shadow: none;
                                        flex: 1;
                                        padding: 24px 0 0;
                                        gap: 0;
                                        .retakeprevnextt {
                                            text-align: center;
                                        }
                                        .quiz_results {
                                            .quiz_results_topwrap {
                                                gap: 12px;
                                                .results_overview {
                                                    flex-direction: column;
                                                }
                                                .quiz_results_right, .quiz_results_right.wpie {
                                                    border: none;
													gap: 0;
													padding: 0;
													width: 100%;
                                                    gap: 12px;
                                                    canvas {
                                                        max-height: 320px;
                                                        max-width: 100%;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                    .quiz_content {
                                        height: 100%;
                                        display: flex;
                                        flex-direction: column;
                                    }
                                    >.quiz_pagination_wrapper {
                                        top: 12px !important;
                                    }
                                    >.question {
                                        flex: 1;
	                                    padding: 24px 12px 86px;
                                        gap: 0;
                                        margin: 0 -12px -12px;
                                        #speechdiffoutput {
                                            .wr, .ph {
                                                >div:not(.corr) {
                                                    border-color: var(--primary);
                                                    border-radius: 5px;
                                                    margin: 0 5px 8px;
                                                }
                                                .feedbackmenu {
                                                    left: 24px;
                                                    right: 24px;
                                                    z-index: 999;
                                                    position: fixed;
                                                    top: 96px;
                                                    bottom: unset;
                                                    background: var(--highlight);
                                                    .feedbackmenu_btm {
                                                        .ipa_full {
                                                            font-size: 28px;
                                                            div {
                                                                gap: 8px;
                                                                span {
                                                                    min-width: 28px;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        .question_actions {
                                            margin: -24px -24px 0 -24px;
                                            span.question_info {
                                                gap: 0;
                                                justify-content: space-between;
                                                .antsinmypants {
                                                    margin-left: 0;
                                                }
                                                .antsinmypants span, span.addtosb {
                                                    padding: 24px;
                                                }
                                            }
                                            
                                        }
                                        .question_inner_wrap {
                                            gap: 24px;
                                            flex: 1;
                                            .question_content {
                                                border-radius: 0 !important;
                                                padding: 0 !important;
                                                box-shadow: none !important;
                                            }
                                            span.ssq_quesbuttons_wrapwrap {
                                                flex: 1;
                                                span.ssq_quesbuttons_wrap {
                                                    flex: 1;
                                                    gap: 24px;
                                                    max-height: 84px;
                                                    margin-top: auto;
                                                    margin-bottom: 24px;
                                                    a.ssq_quesprevnext {
                                                        padding: 12px;
                                                    }
                                                }
                                            }
                                        }
                                        
                                    }
                                }
                            }
                            .start_message_wrap {
                                padding: 24px;
                                padding-left: 24px;
                                gap: 24px;
                                border-radius: 0;
                                box-shadow: none;
                                flex: 1;
                                background-size: auto 380px;
                                padding-bottom: 380px;
                                .start_steps {
                                    margin: 0;
                                    >span {
                                        padding: 0;
                                        h2 { 
                                            font-size: 16px;
                                        }
                                    }
                                    
                                }
                            }
                        }
                    }
                }
			}
            .course_timeline {
                overflow: auto;
	            overflow-x: hidden;
				.course_top {
					.course_action_points {
                        padding-top: 12px 0;
					}
				}
			}
		}
	}
}