.pagelayout-student_layout {
    font-family: 'Montserrat', sans-serif;
}

.hide {
    display: none !important;
}

.box-container {
    background: #F2F4F7;
}

.box-container #main-content {
    padding-bottom: 0px;
}

.box-content #region-main {
    border-radius: 16px;
}

.box-content .template-mod-quiz-breadcrumb {
    background: none !important;
    font-size: 20px;
    font-weight: 700;
}

.vertical-menu {
    height: 1080px;
    width: 100%;
    left: 0px;
    top: 0px;
    background-color: #00387C;
    border-radius: 0px 16px 16px 0px;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
}
.box-menu .nav-item a {
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: none !important;
}
.box-logo {
    margin-top: 20px;
}
.box-menu {
    margin-top: 40px;
}

.box-menu .flex-column {
    -webkit-margin-start: 0 !important;
}

.vertical-menu .toggle-menu-icon {
    position: absolute;
    top: 32px;
    right: -15px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 1000;
}

.vertical-menu .nav-item {
    position: relative;
    width: 100%;
    padding: 3px 0px 0px 0px;
    background: #00458A;
    border-radius: 16px;
    margin-top: 12px;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 16px;
}

.vertical-menu .nav-item-sub {
    font-size: 14px;
}
.vertical-menu .collapse .nav-item-sub:last-child,
.vertical-menu-mobile .collapse .nav-item-sub:last-child {
    border-radius: 16px !important;
}

.box-header.sticky {
    width: 100%;
    top: 0;
    left: 0;
    position: sticky;
    transition: all 1s;
    z-index: 999;
}

.vertical-menu .vertical-icon, .vertical-menu-mobile .vertical-icon {
    font-size: 20px;
}


.vertical-menu .fa.fa-calendar:hover {
    color: #1A9DFF;
}

.vertical-menu:not(.menu-collapsed) .vertical-icon {
    width: 24px;
}

.vertical-menu-mobile:not(.menu-collapsed) .vertical-icon {
    width: 40px;
}

.vertical-menu .vertical-icon, .vertical-menu-mobile .vertical-icon {
    color: #1A9DFF;
}

.box-menu .nav-item.active,
.vertical-menu .box-menu .nav-item.active .nav-item-sub,
.box-sub-menu .nav-item.active,
.vertical-menu-mobile .box-sub-menu .nav-item.active .nav-item-sub {
    background: #FFFFFF;
    color: #DB2590 !important;
}

.box-menu .nav-item.active a, .vertical-menu .nav-item.active .vertical-icon,
.box-sub-menu .nav-item.active a, .vertical-menu-mobile .nav-item.active .vertical-icon
{
    color: #DB2590;
}

.box-menu .nav-item-sub:hover a , .box-sub-menu .nav-item-sub:hover a {
    background: #DB2590;
    color: #FFFFFF;
}

.box-menu .nav-item-sub {
    border-radius: 0 !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 10px !important;
    font-weight: 400 !important;
}

.box-menu .nav-link-sub {
    padding-left: 26px;
}

.box-sub-menu .nav-item-sub .nav-link.nav-link-sub {
    padding-left: 36px;
}

.nav-link-sub p {
    border-left: 2px solid #D0D5DD;
    padding-left: 8px;
    margin-bottom: 0px !important;
}
.vertical-menu .nav-link[data-toggle].collapsed:after {
    content: url(../../pix/vectormid.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    right: 10px;
    top: 12px;
}
.vertical-menu .nav-link[data-toggle]:not(.collapsed):after {
    content: url(../../pix/vectorup.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    right: 10px;
    top: 12px;
}
.vertical-menu.menu-collapsed .nav-link[data-toggle]:not(.collapsed):after,
.vertical-menu.menu-collapsed .nav-link[data-toggle].collapsed:after,
.vertical-menu-mobile.menu-collapsed .nav-link[data-toggle]:not(.collapsed):after,
.vertical-menu-mobile.menu-collapsed .nav-link[data-toggle].collapsed:after
{
    display: none;
}
.vertical-menu .nav-item:not(.active) .collapsed:after, .vertical-menu-mobile .nav-item:not(.active) .collapsed:after{
    display: none;
}
.vertical-menu.menu-collapsed .nav-item.nav-parent {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.box-menu .nav {
    width: 100%;
}

.vertical-menu .img-menu {
    z-index: -1;
    position: absolute;
    bottom: 0px;
}

.img-menu img {
    width: 100%;
}

.col-sm-3.vertical-menu.menu-collapsed {
    flex: 0 0 5% !important;
    max-width: 5% !important;
}

.col-sm-9.box-content.content-collapsed {
    flex: 0 0 95% !important;
    max-width: 95% !important;
}

.menu-collapsed .vertical-icon {
    font-size: 30px;
}

.menu-collapsed .text-truncate {
    text-overflow: initial !important;
}

.menu-collapsed .nav-item {
    text-align: center !important;
}

.menu-collapsed .nav-item .nav-link {
   padding: 0;
}

.menu-collapsed .box-logo {
    height: 85px;
}

.menu-collapsed .vertical-logo {
    display: none;
}
.vertical-logo img {
    max-width: 250px;
}


.menu-collapsed .toggle-menu-icon {
    transform: rotate(180deg);
}

.menu-collapsed .nav-item .vertical-label {
    display: none !important;
}

.menu-collapsed .girl-icon {
    display: none;
}

.tooltip-menu .tooltip-inner {
    background: #FFFFFF;
    border-radius: 16px;
    max-width: 100% !important;
    text-align: left !important;
    box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.2);
}

.tooltip.show {
    opacity: 1 ;
}

.tooltip-menu .arrow::before {
    border-right-color: #FFFFFF !important;
}

.tooltip-menu .nav-item-sub {
    background: #FFFFFF;
    color: #DB2590 !important;
}

.tooltip-menu .nav-item-sub:hover a {
    background: #DB2590;
    color: #FFFFFF;
}

.fa-note::before {
    content: url(../../pix/vectornote.svg);
}

.tooltip-menu .nav-item-sub {
    border-radius: 0 !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 5px !important;
    font-weight: 400 !important;
}

.header-box {
    background: #FFFFFF;
    border-radius: 16px;
    margin-top: 16px;
    padding: 8px 24px;
    height: 64px;
    display: flex;
    flex: 1;
    justify-content: flex-start;
    color: #1a9dff;;
}

.box-breadcrumb {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.box-breadcrumb .breadcrumb-parent {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 1px;
    font-size: 14px;
}

.box-breadcrumb .breadcrumb-parent .breadcrumb-item a {
    color: #1a9dff;

}

.box-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0.5rem !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: url(../../pix/vector.svg) !important;
}

.box-tools{
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
    gap: 24px;
}

.box-tools .btn-lang-group .btn-lang {
    background: #F2F4F7;
    border-radius: 16px !important;
    border-color: #F2F4F7;
    padding: 0px;
    width: 48px;
    height: 48px;
    color: #D0D5DD;
    box-shadow: none;
}

.box-tools .btn-lang-group .btn-lang a, .box-tools .btn-lang-group .btn-lang b {
    text-transform: uppercase;
    color: #D0D5DD;
    font-weight: 700;
    font-size: 16px;
}

.box-tools .btn-lang-group .btn-lang.active-btn {
    background: #1A9DFF;
    border-color: #1A9DFF;
    box-shadow: none;
    color: #FFFFFF;
}

.box-tools .btn-lang-group .btn-lang.active-btn b{
    text-underline-position: under;
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 4px;
    color: #FFFFFF;
}

.popover-custom-notifications {
    z-index: 10;
}

.popover-custom-notifications .popover-region-container{
    background: #FFFFFF;
    border-radius: 16px;
    filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.25));
}

.popover-custom-notifications .popover-region-header-container {
    height: 78px;
}

.popover-custom-notifications .popover-region-header-actions{
    float: left !important;
    line-height: 78px;
}

.popover-custom-notifications .popover-region-header-text{
    font-weight: 700;
    font-size: 18px;
    line-height: 78px;
    float: right !important;
    margin-right: 15px;
}

.popover-custom-notifications:not(.m-popover-custom-notifications) .notification-message {
    font-size: 16px !important;
}

.popover-custom-notifications .view-more {
    font-size: 14px !important;
    margin-right: 15px;
}

.m-popover-custom-notifications .popover-region-header-text{
    font-weight: 700;
    font-size: 16px;
    line-height: 36px;
    left: 20px !important;
}

.popover-custom-notifications .popover-region-content-container {
    height: calc(100% - 146px);
}

.m-popover-custom-notifications .popover-region-content-container {
    height: calc(100% - 104px);
}

.popover-custom-notifications .mark-all-read-button {
    box-shadow: none;
}

.popover-custom-notifications .popover-region-header-actions {
    margin-top: 16px;
}

.popover-custom-notifications .popover-region-header-actions .normal-icon{
    width: auto;
    height: 48px;
}

.popover-custom-notifications .popover-region-header-actions .fa-cog {
    content: url(../../pix/settting.svg);
    height: 48px;
    width: 48px;
}
.popover-custom-notifications .popover-region-header-actions .fa-check {
    content: url(../../pix/check.svg);
    height: 48px;
    width: 48px;
}

.m-popover-custom-notifications .popover-region-header-actions .fa-cog {
    content: url(../../pix/m_setting.svg);
    height: 24px;
    width: 24px;
}
.m-popover-custom-notifications .popover-region-header-actions .fa-check {
    content: url(../../pix/m_check.svg);
    height: 24px;
    width: 24px;
}

.m-popover-custom-notifications .popover-region-header-actions {
    margin-top: 2px;
    line-height: 50px;
}

.popover-custom-notifications .icon-no-margin{
    margin-top: 10px;
}

.m-popover-custom-notifications .icon-no-margin{
    margin-top: 4px;
}

.popover-custom-notifications .popover-region-container{
    top: 40px;
}


.popover-custom-notifications .fa-bell::before {
    background: #FFFFFF;
    content: url(../../pix/bell.svg);
}

.box-login-form {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
}
.box-login-form .userpicture{
    position: relative;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    object-fit: cover;
    margin-left: 10px;
    border-radius: 50%;
}

.box-login-form .student-name{
    color: #344054;
    font-weight: 700;
    font-size: 16px;
}

.box-login-form .down-parent {
    display: flex;
    flex-direction: row;
    padding: 0 0 0 32px;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}

.tooltip-login .tooltip-inner {
    background: #FFFFFF;
    border-radius: 16px;
    max-width: 100% !important;
    text-align: left !important;
    box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.2);
}

.tooltip-login .arrow::before {
    border-bottom-color: #FFFFFF !important;
}

.tooltip-login .profile-box {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    width: 254px;
    color: #344054;
}

.tooltip-login {
    filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.25));
}

.tooltip-login .profile-box .profile-child {
    align-self: stretch;
    flex-direction: row;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    gap: 16px;
}

.profile-child a {
    color: #344054;
}

.box-content .box-btn-cencel .btn-back-hvp {
    border: 1px solid #DB2590 !important;
    border-radius: 16px !important;
    padding: 10px 40px;
}

#quiz-timer-wrapper #quiz-timer.timeleft0 {
    background-color: #ca3120;
    color: #fff;
    padding: 5px;
    border-radius: 8px;
}
  
#quiz-timer-wrapper #quiz-timer.timeleft1 {
    background-color: #d73422;
    color: #fff;
    padding: 5px;
    border-radius: 8px;
}
  
#quiz-timer-wrapper #quiz-timer.timeleft2 {
    background-color: #dd3d2b;
    color: #fff;
    padding: 5px;
    border-radius: 8px;
}
  
#quiz-timer-wrapper #quiz-timer.timeleft3 {
    background-color: #e04938;
    color: #fff;
    padding: 5px;
    border-radius: 8px;
}
  
#quiz-timer-wrapper #quiz-timer.timeleft4 {
    background-color: #e25546;
    color: #fff;
    padding: 5px;
    border-radius: 8px;
}
  
#quiz-timer-wrapper #quiz-timer.timeleft5 {
    background-color: #e46153;
    color: #fff;
    padding: 5px;
    border-radius: 8px;
}
  
#quiz-timer-wrapper #quiz-timer.timeleft6 {
    background-color: #e66d60;
    color: #fff;
    padding: 5px;
    border-radius: 8px;
}
  
#quiz-timer-wrapper #quiz-timer.timeleft7 {
    background-color: #e8796d;
    color: #212529;
    padding: 5px;
    border-radius: 10px;
}
  
#quiz-timer-wrapper #quiz-timer.timeleft8 {
    background-color: #ea867a;
    color: #212529;
    padding: 5px;
    border-radius: 10px;
}
  
#quiz-timer-wrapper #quiz-timer.timeleft9 {
    background-color: #ec9288;
    color: #212529;
    padding: 5px;
    border-radius: 10px;
}
  
#quiz-timer-wrapper #quiz-timer.timeleft10 {
    background-color: #ee9e95;
    color: #212529;
    padding: 5px;
    border-radius: 10px;
}
  
#quiz-timer-wrapper #quiz-timer.timeleft11 {
    background-color: #f0aaa2;
    color: #212529;
    padding: 5px;
    border-radius: 10px;
}
  
#quiz-timer-wrapper #quiz-timer.timeleft12 {
    background-color: #f2b6af;
    color: #212529;
    padding: 5px;
    border-radius: 10px;
}
  
#quiz-timer-wrapper #quiz-timer.timeleft13 {
    background-color: #f4c2bc;
    color: #212529;
    padding: 5px;
    border-radius: 10px;
}
  
#quiz-timer-wrapper #quiz-timer.timeleft14 {
    background-color: #f7ceca;
    color: #212529;
    padding: 5px;
    border-radius: 10px;
}
  
#quiz-timer-wrapper #quiz-timer.timeleft15 {
    background-color: #f9dad7;
    color: #212529;
    padding: 5px;
    border-radius: 10px;
}
  
#quiz-timer-wrapper #quiz-timer.timeleft16 {
    background-color: #fbe6e4;
    color: #212529;
    padding: 5px;
    border-radius: 10px;
}


/*mobile*/

.vertical-menu-mobile .nav-item {
    position: relative;
    width: 100%;
    padding: 3px 0px 0px 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 16px;
}

.vertical-menu-mobile .nav-item.active {
    border-radius: 8px
}

.box-sub-menu .nav-parent .nav-link {
    padding-left: 8px;
}


.box-menu-m {
    height: 48px;
    line-height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 8px;
    gap: 8px;
    background: #00387C;
    justify-content: space-between;
}

.box-menu-m .icon-bars {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 15px;
}

.m-dashboard .container ,.vertical-menu-mobile .container {
    padding-right: 15px;
    padding-left: 15px;
}

.m-dashboard #region-main {
    padding-right: 0px;
    padding-left: 0px;
}

.box-menu-m .icon-bars .fa-bars, .box-menu-m .icon-bars .fa-times {
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
}

.box-sub-menu .nav {
    width: 100%;
}

.box-sub-menu .nav-item a {
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: none !important;
}

.box-sub-menu .flex-column {
    -webkit-margin-start: 0 !important;
}

.box-sub-menu .nav-item.active, .vertical-menu .box-sub-menu .nav-item.active .nav-item-sub {
    background: #FFFFFF;
    color: #DB2590 !important;
}

.box-sub-menu .nav-item.active a, .vertical-menu .nav-item.active .vertical-icon {
    color: #DB2590;
}

.box-sub-menu .nav-item-sub:hover a {
    background: #DB2590;
    color: #FFFFFF;
}

.box-sub-menu .nav-item-sub {
    border-radius: 0 !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-weight: 400 !important;
}

.box-sub-menu .nav-link-sub {
    padding-left: 26px;
}

.box-sub-menu {
    background: #00387C;
    padding-left: 15px;
    padding-right: 30px;
    padding-bottom: 20px;
}

.m-bars-logo {
    display: flex;
    gap: 18px;
}

.m-vertical-logo img {
    padding-bottom: 10px;
}

.vertical-menu-mobile .nav-link[data-toggle].collapsed:after {
    content: url(../../pix/vectormid.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    right: 10px;
    top: 10px;
}
.vertical-menu-mobile .nav-link[data-toggle]:not(.collapsed):after {
    content: url(../../pix/vectorup.svg);
    position: absolute;
    width: 24px;
    height: 24px;
    right: 10px;
    top: 10px;
}

.m-box-tools {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.lang-mobile b {
    text-transform: uppercase;
    color: #1A9DFF;
    font-size: 18px;
}

.lang-mobile a {
    margin-left: 10px;
}

.m-box-tools .lang-mobile a.active-btn b{
    text-underline-position: under;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
    color: #FFFFFF;
}

.vertical-menu-mobile .popover-custom-notifications .fa-bell::before {
    background: none !important;
}

.vertical-menu-mobile .popover-custom-notifications .icon-no-margin {
    padding-top: 10px;
    position: relative;
}

.vertical-menu-mobile .lang-mobile {
    padding-top: 6px;
}

.vertical-menu-mobile .box-login-form .down-parent{
    padding-left: 0px;
    gap: 2px;
}
.vertical-menu-mobile .box-login-form .userpicture {
    margin-left: 0px;
    width: 36px;
    height: 36px;
}

.vertical-menu-mobile .box-login-form .fa-caret-down, .vertical-menu-mobile .box-login-form .fa-caret-up {
    color: #FFFFFF;
}

.box-sub-profile {
    padding: 0px 30px;
    background: #FFFFFF;
}

.box-sub-profile .profile-box {
    padding-top: 28px;
    padding-bottom: 24px;
}

.box-sub-profile .profile-child {
    padding-bottom: 16px;
}

.box-sub-profile .profile-child img {
    padding-right: 20px;
}

.popover-region-container-m {
    z-index: 99999;
    top: 48px !important;
    right: 0px;
    width: 358px !important;
    border-top-right-radius: 0px !important;
}


.popover-region-container-m .popover-region-header-container {
    height: 40px;
}

.popover-region-container-m .all-notifications:empty+.empty-message {
    display: block;
    padding-top: 140px;
}

.popover-region-container-m .m-notification-setting {
    margin-left: 0px;
}

.m-close-popover {
    font-size: 24px;
}


.m-quiz-container {
    padding-right: 15px;
}

.m-quiz-container form {
    padding: 0px;
    background: none;
    border-radius: 0px;
    box-shadow: none;
}

.m-quiz-container form .left-content .questions-content .question-section .content .box-display-question-no {
    background: #1A9DFF;
    height: 32px;
    line-height: 32px;
    margin-bottom: 0px;
}
.m-quiz-container form .left-content .questions-content .question-section .content .box-display-question-no span {
    background: none;
    border-radius: 0px;
    padding: 0px;
    font-size: unset;
    padding-left: 16px;
}

.m-quiz-container form .left-content .questions-content .question-section .content .box-display-question-no span b {
    font-size: 16px !important;
}

.m-page-quiz-attempt .modal-confirm .modal-title {
    font-size: 24px !important;
}

.m-quiz-container form .left-content {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.m-quiz-container form .left-content .section-name {
    padding-left: 16px;
}

.m-quiz-container form .left-content .questions-content .question-section .content .formulation {
    border-radius: 0px 0px 16px 16px;
    border: none;
    padding: 16px;
    margin-bottom: 0px;

}

.m-quiz-container .que {
    margin-bottom: 0px;
}

.m-quiz-container form .left-content .questions-content .question-section.bg-custom .content {
    background: #E3F7FF;
}

.m-quiz-container .submitbtns {
    padding-bottom:32px;
}

.m-quiz-container .submitbtns input ,
.m-quiz-container .submitbtns .mod_quiz-next-nav.next-section,
.m-quiz-container .submitbtns .pre-section
{
    height: 40px !important;
    font-style: normal;
    font-weight: 700;
    font-size: 14px !important;
    line-height: 21px !important;
}

.vertical-menu-mobile.sticky {
    top: 0;
    left: 0;
    position: sticky;
    transition: all 1s;
    z-index: 999;
}

.m-quiz-container.main-site {
    max-height: unset;
}

.m-quiz-container .submitbtns .mod_quiz-next-nav {
    float: unset !important;
}

.m-quiz-container .row-flex-align-both-side {
    justify-content: center !important;
}

.m-page-video-view .template-mod-quiz-breadcrumb, .m-page-hvp-view .template-mod-quiz-breadcrumb {
    justify-content: center;
    padding-top: 20px;
}

.m-page-video-view .hm-player-header{
    background: #1A9DFF none repeat scroll 0 0;
}

.m-page-video-view .btn-cancel, .m-page-hvp-view .btn-cancel {
    width: 100%;
}
.m-page-video-view .box-btn-cencel, .m-page-hvp-view .box-btn-cencel {
    margin-left: -15px;
    margin-right: -15px;
}

.m-page-video-view #region-main, .m-page-hvp-view #region-main {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 16px;
}

.m-page-pdf-view .btn-outline-primary, .m-page-url-view .btn-outline-primary {
    text-align: center;
    width: 100%;
}

.m-page-url-view .title-heading {
    text-align: center;
    width: 100%;
}

.m-page-url-view #resourceobject {
    width: inherit !important;
    height: 300px !important;
}

.m-page-quiz-attempt .que.languageconfidence .audio-widget {
    width: 100%;
}

.m-page-quiz-attempt .que.languageconfidence .record-button .btn{
    background: rgba(219, 37, 144, 1);
    height: 40px;
    border-radius: 16px !important;
    border-color: unset;
    box-shadow: unset ;
}

.m-page-quiz-attempt .que.languageconfidence .no-recording-placeholder {
    background-color: unset;
}

.m-page-quiz-attempt .que.languageconfidence .qtext p.note {
    background-color: unset;
    border-left: none;
    padding-left: 0px;
}

.m-page-quiz-attempt .que.languageconfidence .im-controls .lcat-check {
    height: 40px;
    width: 100%;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 16px !important;
    border: 1px solid rgba(219, 37, 144, 1) !important;
    background: #FFF;
    box-shadow: unset;
    font-weight: 700;
}

.m-page-quiz-attempt .que.languageconfidence .im-controls{
    padding-bottom: 15px;
}

.m-page-quiz-attempt .que.languageconfidence .content .outcome{
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border: 0px;
}

.m-page-quiz-attempt .que.languageconfidence .content .outcome .specificfeedback{
    padding-top: 20px;
}

.languageconfidence .content .outcome .specificfeedback .qtype_languageconfidence_average_score {
    margin-bottom: 2rem;
}

.m-page-quiz-attempt .que.languageconfidence .content .outcome .feedback,
.m-page-quiz-attempt .que.languageconfidence .content .outcome .feedback .generalfeedback{
    margin-bottom: 0px;
}

.que.languageconfidence .content .outcome .qtype_languageconfidence_word {
    width: 100%;
}

.que.languageconfidence .content .outcome .qtype_languageconfidence_word .qtype_languageconfidence_phonemes {
    flex-wrap: wrap;
}

#footer_new_layout {
    margin-top: 50px;
    padding-left: 15px;
    padding-bottom: 20px;
}

.footer_new_m {
    padding-right: 15px;
}

#footer_new_layout .footer-r {
    padding-left: 20px;
}

#footer_new_layout.footer_new_m .footer-r {
    padding-left: 12px;
}

#footer_new_layout .l-slogan {
    color: rgba(0, 56, 124, 1);
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
}

#footer_new_layout .gr-l-social {
    gap: 32px;
}

#footer_new_layout.footer_new_m .gr-l-social {
    gap: 10px;
}

#footer_new_layout .gr-r-social {
    display: flex;
    flex-direction: column;
}

#footer_new_layout .gr-r-social img {
    width: 48px;
    height: 48px;
}

#footer_new_layout .gr-r-social span {
    color: rgba(52, 64, 84, 1);
    text-align: justify;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
}

#footer_new_layout.footer_new_m .gr-r-social span {
    font-size: 12px;
    line-height: 20px;
}