@charset "UTF-8";

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

body {
    margin: 0;
    font-family: 'Be Vietnam Pro', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #090223;
    text-align: left;
    background-color: #f2f4f6;
}

[tabindex='-1']:focus:not(:focus-visible) {
    outline-offset: 2px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.5rem;
    font-weight: 700;
    line-height: 1.5;
    color: #090223;
    text-transform: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

.hr-xsmall {
    width: 30px;
    margin-left: auto;
    margin-right: auto;
}

.hr-small {
    width: 30px;
    margin: 30px auto;
}

p {
    white-space: collapse;
    margin-top: 0;
    margin-bottom: 0.5rem;
}
p:only-child {
    margin-bottom: 0;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

.toast-wrapper {
    max-width: 340px;
    max-height: 0;
    z-index: 1051;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

#page-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

a {
    color: #0050a5;
    text-decoration: none;
    background-color: transparent;
    transition: all 0.2s ease-in-out;
    word-break: break-word;
}

#page-wrapper #page {
    padding: 7px 40px;
    margin: 0;
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 1089px) {
    #page.drawers {
        position: relative;
        overflow-y: auto;
        transition: 0.2s;
        height: 100vh;
        left: 0;
        right: 0;
    }
}

.rui-topbar-wrapper {
    padding: 10px;
    margin: 0;
    width: 100%;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #fff;
    border-bottom: 1px solid #e1e0e4;
    border-radius: 7px;
    box-shadow: rgb(0 0 0 / 5%) 0 1px 0, rgb(0 0 0 / 5%) 0 4px 16px,
        rgb(0 0 0 / 8%) 0 10px 20px;
    font-size: 0.875rem;
    color: #090223;
}

.rui-topbar {
    position: relative;
    display: flex;
    align-items: center;
}
.wrapper-page {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.align-items-center {
    align-items: center !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.rui-navbar-brand {
    margin-right: 15px;
    margin-left: 15px;
}

.rui-navbar-brand--img {
    margin-left: 0;
}

.rui-navbar-brand,
body:not(#rui-lang-btn).rui-navbar-lang {
    position: relative;
}

.rui-logo img {
    width: 169px;
    height: 39px;
}

.rui-custom-logo {
    display: inline-flex;
}

#loginBtn {
    cursor: pointer;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

img {
    vertical-align: middle;
    border-style: none;
}

.moremenu.observed {
    opacity: 1;
}

@media screen and (min-width: 1920px) {
    .moremenu {
        max-width: 700px;
    }
}

.moremenu {
    width: 100%;
    height: 40px;
    display: inline-flex;
    align-items: center;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.moremenu .nav-link {
    border-radius: 7px;
    padding: 10px 14px;
    margin: 0 2px;
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    color: #090223;
    text-transform: none;
}

.moremenu .nav-link:hover,
.moremenu .nav-link:focus {
    background-color: #ececfd;
    color: #3f3dec;
}

.rui-icon-menu {
    padding: 0;
    margin: 0;
    display: inline-flex;
    position: relative;
    list-style: none;
}

.rui-icon-menu li,
.rui-icon-menu .popover-region {
    display: inline-flex;
}

.m-0 {
    margin: 0 !important;
}

.usermenu .login {
    line-height: 2.25rem;
}

#loginBtn .rui-login-btn:hover,
#loginBtn .rui-login-btn:focus {
    background-color: #ececfd;
    color: #3f3dec;
}

.rui-login-btn {
    padding: 0 1rem;
    background-color: #3f3dec;
    color: #ececfd;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

.rui-topbar-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    width: max-content;
    min-height: 40px;
    border: none;
    border-radius: 7px;
    font-size: 0.75rem;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

#page.drawers .main-inner {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    flex: 1 0 auto;
    margin-top: 24px;
}

.rui-hero-content-backdrop {
    padding: 45px 60px;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(7px);
    border-radius: 7px;
}

.wrapper-page {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.sticky-header-settings-menu {
    position: fixed;
    top: 77px;
    right: 62px;
    z-index: 1030;
}

.region-main-content {
    position: relative;
}

.rui-fp-margin-bottom {
    margin-bottom: 80px;
}

.wrapper-fw {
    width: 100%;
}

.rui-hero-video {
    width: 100%;
    height: 600px;
    overflow: hidden;
    border-radius: 7px;
}

.rui-hero-content-left {
    left: 140px;
}

.rui-hero-content-position {
    position: absolute;
    z-index: 3;
}

.rui-hero-content {
    width: 500px;
    color: #fff;
}

.rui-hero-desc {
    font-size: 1.125rem;
    color: inherit;
}

@media (max-width: 1088.98px) {
    .rui-hero-content-left {
        text-align: center;
        width: 100%;
        max-width: 520px;
        left: calc(50% - 250px);
    }
}

b,
strong {
    font-weight: bolder;
}

.atto_image_button_text-top.img-fluid,
.atto_image_button_middle.img-fluid,
.atto_image_button_text-bottom.img-fluid {
    display: block !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.img-fluid {
    height: auto;
}

.atto_image_button_middle {
    vertical-align: middle;
    margin: 0 0.5em;
}

img {
    border-style: none;
}

.rui-hero-btns {
    margin-top: 30px;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn {
    -webkit-user-select: none;
    text-transform: none;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn + .btn {
    margin-left: 0.35rem;
}

.btn-light,
.rui-footer-btns a {
    background-color: #fff;
    border: 0;
    color: #000;
    text-transform: none;
}

.btn,
.collapseexpand,
.actions p a,
.backlink a,
.addtagcoll a,
.resettable a,
#page-admin-grade-edit-letter-index .main-content .mdl-align a,
.moreless-toggler,
#message-user-button,
.search-results .result-context-info a,
.tool_dataprivacy-expand-all,
[data-fieldtype='submit'] a,
.path-admin-tag .addstandardtags a,
.edit-link a,
#core-cache-rescan-definitions a,
.continuebutton a,
.tour-actions > ul > li > a,
.gradereport_history_usp .usp-finish input,
.gradereport_history_usp .usp-search input[type='submit'],
#siteconfiglink a,
.cancel a,
.forum-post-footer a,
.comment-area .fd a,
#enterlink a,
.allcoursegrades a,
.reportlink a,
.gradingform_guide.editor .addcriterion input,
.gradingform_guide.editor .addcomment input,
.gradingform_rubric.editor .addlevel input,
.path-tag .tagarea .controls .exclusivemode,
.addbloglink a,
.notesgroup p a,
#page-report-progress-index .progress-actions a,
.path-mod-glossary .printicon,
.path-mod-glossary .glossarypost .commands a,
.rui-form-element-group a,
#page-mod-quiz-report .toggleincludeauto a,
#page-mod-quiz-report .gradetheselink,
.que .info .questionflag.editable,
.mod_quiz-next-nav,
.rui-quizattemptcounts a,
.rui-quizattemptsummary .c3 a,
.mod_quiz-prev-nav,
#page-mod-quiz-report .bold .reviewlink,
.categorypagingbarcontainer .paging a,
.page_split_join,
.midpad a,
.wiki_right a,
#enabletemplateeditor,
.path-auth-oauth2 .main-content h2 + a,
#addcontrols input,
#removecontrols input,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) a,
#page-mod-forum-view .subscription .helplink a,
.createstep,
.endtestlink,
.webservicestokenui + a,
.chart-table-expand a,
.export-actions a,
.que .comment a,
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
.modal-footer a:not(.btn-primary),
#page-grade-edit-letter-index .mdl-align a,
#page-mod-feedback-complete [align='center'] a,
.commentlink a,
.quizsummaryofattempt .c0 a,
#changenumsections a,
.itemnav a,
.rui-footer-btns a,
#page-enrol-index .main-content [type='submit'],
.addcomponent {
    padding: 0.75rem 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 7px;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    word-break: break-word;
    max-width: 100%;
    white-space: normal;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.rui-hero-video .vidbg-container {
    width: 100%;
}

.wrapper-xl {
    max-width: 1300px;
    width: 100%;
}
.wrapper-xl,
.wrapper-lg,
.wrapper-md {
    margin-left: auto;
    margin-right: auto;
}

.rui-block-hr {
    margin: 80px auto;
    max-width: 260px;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

.wrapper-md {
    width: 860px;
}

.wrapper-fw {
    width: 100%;
}

.mt-6,
.my-6 {
    margin-top: 3rem !important;
}

.rui-block-title {
    margin-bottom: 30px;
    font-size: 3rem;
    text-align: center;
    color: #090223;
}

.rui-block-desc {
    font-size: 1.25rem;
    color: #090223;
}

.accordion-item:first-of-type {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.accordion-item {
    background-color: #fff;
    border: 1px solid #e1e0e4;
}

.accordion-header {
    margin-bottom: 0;
    line-height: 1.5;
}

h3,
.h3 {
    font-size: 1.125rem;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

button:not(:disabled),
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled) {
    cursor: pointer;
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    font-weight: 700;
    color: #090223;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: all 350ms ease;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
}

button,
select {
    text-transform: none;
}

button,
input {
    overflow: visible;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    line-height: inherit;
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: '';
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23090223'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

.accordion-body {
    padding: 1rem 1.25rem;
}

p:only-child {
    margin-bottom: 0;
}

.accordion-item:not(:first-of-type) {
    border-top: 0;
}

.accordion-item {
    background-color: #fff;
    border: 1px solid #e1e0e4;
}

.accordion-item:last-of-type {
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}

.accordion-button:not(.collapsed) {
    color: #3f3dec;
    background-color: #ececfd;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233f3dec'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

.rui-block-hr {
    margin: 80px auto;
    max-width: 260px;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

.btn-primary,
.addtagcoll a,
.path-admin-tag .addstandardtags a,
.gradereport_history_usp .usp-finish input,
#siteconfiglink a,
.forum-post-footer a,
.rui-submissionaction .singlebutton .btn,
#enterlink p:nth-of-type(1) a,
.mod_quiz-next-nav,
.addbloglink a,
#addcontrols input,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a,
#page-mod-forum-view .subscription .helplink a,
.midpad a,
.createstep,
#enterlink p:nth-of-type(2) a,
.webservicestokenui + a {
    background-color: #3f3dec;
    background: linear-gradient(90deg, #3f3dec 0%, #26258e 95%);
    border: 0;
    color: #fff;
}

.btn,
.collapseexpand,
.actions p a,
.backlink a,
.addtagcoll a,
.resettable a,
#page-admin-grade-edit-letter-index .main-content .mdl-align a,
.moreless-toggler,
#message-user-button,
.search-results .result-context-info a,
.tool_dataprivacy-expand-all,
[data-fieldtype='submit'] a,
.path-admin-tag .addstandardtags a,
.edit-link a,
#core-cache-rescan-definitions a,
.continuebutton a,
.tour-actions > ul > li > a,
.gradereport_history_usp .usp-finish input,
.gradereport_history_usp .usp-search input[type='submit'],
#siteconfiglink a,
.cancel a,
.forum-post-footer a,
.comment-area .fd a,
#enterlink a,
.allcoursegrades a,
.reportlink a,
.gradingform_guide.editor .addcriterion input,
.gradingform_guide.editor .addcomment input,
.gradingform_rubric.editor .addlevel input,
.path-tag .tagarea .controls .exclusivemode,
.addbloglink a,
.notesgroup p a,
#page-report-progress-index .progress-actions a,
.path-mod-glossary .printicon,
.path-mod-glossary .glossarypost .commands a,
.rui-form-element-group a,
#page-mod-quiz-report .toggleincludeauto a,
#page-mod-quiz-report .gradetheselink,
.que .info .questionflag.editable,
.mod_quiz-next-nav,
.rui-quizattemptcounts a,
.rui-quizattemptsummary .c3 a,
.mod_quiz-prev-nav,
#page-mod-quiz-report .bold .reviewlink,
.categorypagingbarcontainer .paging a,
.page_split_join,
.midpad a,
.wiki_right a,
#enabletemplateeditor,
.path-auth-oauth2 .main-content h2 + a,
#addcontrols input,
#removecontrols input,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) a,
#page-mod-forum-view .subscription .helplink a,
.createstep,
.endtestlink,
.webservicestokenui + a,
.chart-table-expand a,
.export-actions a,
.que .comment a,
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
.modal-footer a:not(.btn-primary),
#page-grade-edit-letter-index .mdl-align a,
#page-mod-feedback-complete [align='center'] a,
.commentlink a,
.quizsummaryofattempt .c0 a,
#changenumsections a,
.itemnav a,
.rui-footer-btns a,
#page-enrol-index .main-content [type='submit'],
.addcomponent {
    padding: 0.75rem 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 7px;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    word-break: break-word;
    max-width: 100%;
    white-space: normal;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.rui-card-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    column-gap: 80px;
    row-gap: 80px;
}

.rui-block-testimonials-item {
    flex-wrap: wrap;
}

.text-center {
    text-align: center !important;
}

.justify-content-center {
    justify-content: center !important;
}

.d-flex {
    display: flex !important;
}

.rui-block-testimonials--quote {
    margin: 0 0 10px;
    font-size: 1.3rem;
    color: #090223;
}

.rui-block-testimonials--author {
    width: 100%;
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: 500;
    color: #090223;
    padding: 15px 0 15px;
}

.atto_image_button_text-top.img-fluid,
.atto_image_button_middle.img-fluid,
.atto_image_button_text-bottom.img-fluid {
    display: block !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.img-fluid {
    height: auto;
}

.atto_image_button_text-bottom {
    vertical-align: text-bottom;
    margin: 0 0.5em;
}

img {
    border-style: none;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.rui-card-item {
    transition: all 0.2s ease-in-out;
}

.rui-card-item:hover,
.rui-card-item:focus {
    transform: translateY(-3px);
}

.mb-4,
.my-4 {
    margin-bottom: 1.875rem !important;
}

.col {
    flex-basis: 0%;
    flex-grow: 1;
    max-width: 100%;
}

.row-cols-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.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-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.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-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.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-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl,
.col-xxl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.rui-color-card {
    color: #090223;
}
.rui-color-card,
.rui-card--smpl {
    padding: 30px;
}

.rui-color-card .rui-card-title {
    color: inherit;
}

.rui-card-title {
    font-size: 1.125rem;
    color: #090223;
}

.mt-4,
.my-4 {
    margin-top: 1.875rem !important;
}

@media (min-width: 1266px) {
    .card-description-container {
        min-height: 190px;
    }
}

.rui-card-text {
    font-size: 1rem;
    color: #413c55;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn {
    -webkit-user-select: none;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.btn-sm,
.btn-group-sm > .btn,
.search-results .result-context-info a,
.forum-post-footer a,
.comment-area .fd a,
.rui-assign-btns .singlebutton .btn,
.visibleifjs .btn,
#enterlink p:nth-of-type(3) a,
.reportoption .btn,
.allcoursegrades a,
.availability-list .btn,
.addlinks a,
.reportlink a,
.notesgroup .footer a,
#page-report-progress-index .progress-actions a,
.path-mod-glossary .glossarypost .commands a,
#page-mod-quiz-report .gradetheselink,
.que .info .questionflag.editable,
.rui-quizattemptsummary .c3 a,
.rui-submitbtns--back .btn,
.mod_quiz-prev-nav,
.mod_quiz-next-nav,
#page-mod-quiz-report .bold .reviewlink,
#page-mod-quiz-edit .add-menu-outer .btn,
.categorypagingbarcontainer .paging a,
.page_split_join,
.path-mod-wiki .printicon,
#enabletemplateeditor,
.path-auth-oauth2 .main-content h2 + a,
#page-mod-forum-index .subscription .helplink:nth-of-type(1) a,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) a,
#page-mod-forum-view .subscription .helplink a,
.endtestlink,
.export-actions a,
.path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
.resettable a,
#page-grade-edit-letter-index .mdl-align a,
#page-mod-feedback-complete [align='center'] a,
.commentlink a,
.quizsummaryofattempt .c0 a,
.itemnav a,
.que .comment a,
.course-content .collapsible-actions a,
#settingsMenu .btn-secondary,
#settingsMenu .collapseexpand,
#settingsMenu .actions p a,
.actions p #settingsMenu a,
#settingsMenu .backlink a,
.backlink #settingsMenu a,
#settingsMenu #page-admin-grade-edit-letter-index .main-content .mdl-align a,
#page-admin-grade-edit-letter-index .main-content .mdl-align #settingsMenu a,
#settingsMenu .moreless-toggler,
#settingsMenu .search-results .result-context-info a,
.search-results .result-context-info #settingsMenu a,
#settingsMenu .tool_dataprivacy-expand-all,
#settingsMenu .edit-link a,
.edit-link #settingsMenu a,
#settingsMenu #core-cache-rescan-definitions a,
#core-cache-rescan-definitions #settingsMenu a,
#settingsMenu .continuebutton a,
.continuebutton #settingsMenu a,
#settingsMenu .tour-actions > ul > li > a,
#settingsMenu .gradereport_history_usp .usp-search input[type='submit'],
.gradereport_history_usp .usp-search #settingsMenu input[type='submit'],
#settingsMenu .comment-area .fd a[id*='post'],
.comment-area .fd #settingsMenu a[id*='post'],
#settingsMenu .allcoursegrades a,
.allcoursegrades #settingsMenu a,
#settingsMenu .addlinks a,
.addlinks #settingsMenu a,
#settingsMenu #page-grade-grading-manage .actions .action,
#page-grade-grading-manage .actions #settingsMenu .action,
#settingsMenu .gradingform_rubric.editor .addlevel input,
.gradingform_rubric.editor .addlevel #settingsMenu input,
#settingsMenu .path-tag .tagarea .controls .exclusivemode,
.path-tag .tagarea .controls #settingsMenu .exclusivemode,
#settingsMenu .notesgroup p a,
.notesgroup p #settingsMenu a,
#settingsMenu #page-report-progress-index .progress-actions a,
#page-report-progress-index .progress-actions #settingsMenu a,
#settingsMenu .path-mod-glossary .printicon,
.path-mod-glossary #settingsMenu .printicon,
#settingsMenu .path-mod-glossary .glossarypost .commands a,
.path-mod-glossary .glossarypost .commands #settingsMenu a,
#settingsMenu .rui-form-element-group a,
.rui-form-element-group #settingsMenu a,
#settingsMenu .que .info .questionflag.editable,
.que .info #settingsMenu .questionflag.editable,
#settingsMenu .mod_quiz-prev-nav,
#settingsMenu .categorypagingbarcontainer .paging a,
.categorypagingbarcontainer .paging #settingsMenu a,
#settingsMenu .page_split_join,
#settingsMenu .path-mod-wiki .printicon,
.path-mod-wiki #settingsMenu .printicon,
#settingsMenu .path-auth-oauth2 .main-content h2 + a,
.path-auth-oauth2 .main-content #settingsMenu h2 + a,
#settingsMenu #page-mod-forum-index .subscription .helplink:nth-of-type(2) a,
#page-mod-forum-index .subscription .helplink:nth-of-type(2) #settingsMenu a,
#settingsMenu .ajax-contact-button[data-is-contact='0'],
#settingsMenu .rui-contentbank-view-btns .btn,
.rui-contentbank-view-btns #settingsMenu .btn,
#settingsMenu .chart-table-expand a,
.chart-table-expand #settingsMenu a,
#settingsMenu .export-actions a,
.export-actions #settingsMenu a,
#settingsMenu .path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
.path-mod-quiz .othernav #settingsMenu a:not(.mod_quiz-next-nav),
#settingsMenu .modal-footer a:not(.btn-primary),
.modal-footer #settingsMenu a:not(.btn-primary),
#settingsMenu .commentlink a,
.commentlink #settingsMenu a,
#settingsMenu .itemnav a,
.itemnav #settingsMenu a,
#settingsMenu .que .comment a,
.que .comment #settingsMenu a,
#settingsMenu .btn-inverse,
#settingsMenu .addcomponent,
.addcomponent {
    padding: 0.6rem 1rem;
    font-size: 0.8125rem;
}

.btn-dark {
    background-color: #131247;
    border: 0;
    color: #ececfd;
}

.rui-color-card .rui-card-text {
    color: inherit;
}

.wrapper-xxl {
    width: 100%;
}

.mt-5,
.my-5 {
    margin-top: 2.5rem !important;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.hr-small {
    width: 30px;
    margin: 30px auto;
}

.no-gutters > .col,
.no-gutters > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.image-container-offer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn.btn-icon {
    height: 40px;
    width: 40px;
    font-size: 20px;
    line-height: 20px;
    padding: 0;
    border-radius: 50%;
    border: 0;
    flex-shrink: 0;
}

.morebutton a {
    color: #090223;
}

.btn svg {
    pointer-events: none;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

.carousel-indicators li,
.dropdown-menu,
.form-control,
.modal-content,
.popover,
.toast {
    -webkit-background-clip: padding-box;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
    position: absolute;
    transform: translate3d(0px, 40px, 0px);
    top: 0px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    max-width: 260px;
    overflow-y: auto;
    z-index: 1130;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.35rem 0.35rem;
    margin: 0.125rem 0 0;
    font-size: 0.875rem;
    color: #090223;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 7px;
    box-shadow: rgb(0 0 0 / 7%) 0 1px 2px, rgb(0 0 0 / 7%) 0 2px 4px,
        rgb(0 0 0 / 7%) 0 4px 8px, rgb(0 0 0 / 7%) 0 8px 16px,
        rgb(0 0 0 / 7%) 0 16px 32px, rgb(0 0 0 / 7%) 0 32px 64px;
}

.dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 200px;
    padding: 0.4rem 0.75rem;
    clear: both;
    font-size: 0.75rem;
    font-weight: 500;
    color: #090223;
    text-align: inherit;
    white-space: normal;
    border: 0;
    border-radius: 7px;
}

.dropdown-menu.dropdown-menu-left.show {
    display: block;
}

.dropdown-menu li {
    margin-bottom: 0.35rem;
}

.dropdown-menu .dropdown-item:not(.hidden) {
    display: flex;
}

.dropdown-menu .dropdown-item[aria-current='true'] {
    position: relative;
    display: flex;
    align-items: center;
    color: #090223;
    text-decoration: none;
    background-color: #eeedef;
    margin-bottom: 0.15rem;
}

.dropdown-menu .dropdown-item {
    text-transform: none;
}

@media (min-width: 1089px) {
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .pl-lg-6,
    .px-lg-6 {
        padding-left: 3rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }
}

@media (min-width: 320px) {
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 2.5rem !important;
    }
}

.no-gutters > .col,
.no-gutters > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.align-self-center {
    align-self: center !important;
}

.rui-img--rounded-fluid img {
    height: auto;
    border-radius: 7px;
}

.atto_image_button_text-bottom {
    vertical-align: text-bottom;
    margin: 0 0.5em;
}

.rui-icon-box--primary {
    background-color: #ececfd;
    color: #3f3dec;
}

.rui-icon-box {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.header-careers {
    line-height: 1.3;
    font-size: 1.7rem;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.lead-1,
.mod_introbox,
.lead-2,
.lead-3,
.lead-4 {
    font-weight: 500;
    color: #090223;
}

h4 {
    margin-bottom: 0.5rem;
}

.rui-special-list {
    padding: 0;
    list-style: none !important;
    color: #413c55;
}

.rui-special-list li {
    padding-left: 26px;
    margin-bottom: 10px;
    position: relative;
}

.rui-special-list--primary li:before {
    background-color: #d9d8fb;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%233f3dec' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
}

.rui-special-list li:before {
    content: '';
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center;
    position: absolute;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 18px;
}

.dropdown.dropdownmoremenu.morebutton {
    display: none;
}

@media (min-width: 1089px) {
    .pr-lg-6,
    .px-lg-6 {
        padding-right: 3rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }
}

.align-self-center {
    align-self: center !important;
}

.rui-special-list--light li:before {
    background-color: #f9f9fa;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23a19eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
}

.text-center {
    text-align: center !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.display-3 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.5;
}

@media (max-width: 767.98px) {
    .display-3 {
        font-size: 1.5rem;
    }
}

.display-1,
.display-2,
.display-3,
.display-4 {
    color: #090223;
}

.text-light {
    color: #504e5a !important;
}

#page-site-index #s-page-footer {
    text-align: center;
}

#s-page-footer {
    margin: 30px 0 0;
    padding: 30px 40px 0;
    width: 100%;
    flex-shrink: 0;
    background-color: #f2f4f6;
    color: #090223;
}

.rui-footer-content {
    font-size: 0.75rem;
}

#s-page-footer hr {
    border-color: #e1e0e4;
}

.rui-footer-content {
    font-size: 0.75rem;
}

.rui-footer-copy p:last-of-type {
    margin-bottom: 0;
}

.rui-footer-btns {
    display: inline-flex;
    flex-wrap: wrap;
}

.rui-footer-btns a {
    margin-right: 0.5rem;
    margin-bottom: 0.35rem;
}

.btn-xs,
.rui-footer-btns a {
    padding: 0.25rem 0.85rem;
    font-size: 0.8rem;
}

.btn-light,
.rui-footer-btns a {
    background-color: #fff;
    border: 0;
    color: #000;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background: linear-gradient(90deg, #3f3dec 10%, #26258e 125%);
    color: #fff;
}

.btn.btn-light:hover,
.btn.btn-light:focus {
    background-color: #ececfd;
    color: #26258e;
}

.btn-dark:hover,
.btn-dark:focus {
    background-color: #26258e;
    color: #f5f5f5;
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-md-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 1089px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-lg-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-lg-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-lg-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .row-cols-lg-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-lg-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-lg-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-lg-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-lg-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-lg-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-lg-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-lg-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        order: -1;
    }

    .order-lg-last {
        order: 13;
    }

    .order-lg-0 {
        order: 0;
    }

    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .order-lg-3 {
        order: 3;
    }

    .order-lg-4 {
        order: 4;
    }

    .order-lg-5 {
        order: 5;
    }

    .order-lg-6 {
        order: 6;
    }

    .order-lg-7 {
        order: 7;
    }

    .order-lg-8 {
        order: 8;
    }

    .order-lg-9 {
        order: 9;
    }

    .order-lg-10 {
        order: 10;
    }

    .order-lg-11 {
        order: 11;
    }

    .order-lg-12 {
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.33333333%;
    }

    .offset-lg-2 {
        margin-left: 16.66666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333333%;
    }

    .offset-lg-5 {
        margin-left: 41.66666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333333%;
    }

    .offset-lg-8 {
        margin-left: 66.66666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333333%;
    }

    .offset-lg-11 {
        margin-left: 91.66666667%;
    }
}
@media (min-width: 1600px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-xl-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-xl-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-xl-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .row-cols-xl-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-xl-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-xl-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xl-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-xl-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-xl-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-xl-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-xl-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        order: -1;
    }

    .order-xl-last {
        order: 13;
    }

    .order-xl-0 {
        order: 0;
    }

    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }

    .order-xl-3 {
        order: 3;
    }

    .order-xl-4 {
        order: 4;
    }

    .order-xl-5 {
        order: 5;
    }

    .order-xl-6 {
        order: 6;
    }

    .order-xl-7 {
        order: 7;
    }

    .order-xl-8 {
        order: 8;
    }

    .order-xl-9 {
        order: 9;
    }

    .order-xl-10 {
        order: 10;
    }

    .order-xl-11 {
        order: 11;
    }

    .order-xl-12 {
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.33333333%;
    }

    .offset-xl-2 {
        margin-left: 16.66666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.33333333%;
    }

    .offset-xl-5 {
        margin-left: 41.66666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.33333333%;
    }

    .offset-xl-8 {
        margin-left: 66.66666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.33333333%;
    }

    .offset-xl-11 {
        margin-left: 91.66666667%;
    }
}
@media (min-width: 1900px) {
    .col-xxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xxl-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-xxl-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-xxl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxl-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-xxl-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-xxl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-xxl-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-xxl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxl-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-xxl-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-xxl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xxl-first {
        order: -1;
    }

    .order-xxl-last {
        order: 13;
    }

    .order-xxl-0 {
        order: 0;
    }

    .order-xxl-1 {
        order: 1;
    }

    .order-xxl-2 {
        order: 2;
    }

    .order-xxl-3 {
        order: 3;
    }

    .order-xxl-4 {
        order: 4;
    }

    .order-xxl-5 {
        order: 5;
    }

    .order-xxl-6 {
        order: 6;
    }

    .order-xxl-7 {
        order: 7;
    }

    .order-xxl-8 {
        order: 8;
    }

    .order-xxl-9 {
        order: 9;
    }

    .order-xxl-10 {
        order: 10;
    }

    .order-xxl-11 {
        order: 11;
    }

    .order-xxl-12 {
        order: 12;
    }

    .offset-xxl-0 {
        margin-left: 0;
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%;
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%;
    }

    .offset-xxl-3 {
        margin-left: 25%;
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%;
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%;
    }

    .offset-xxl-6 {
        margin-left: 50%;
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%;
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%;
    }

    .offset-xxl-9 {
        margin-left: 75%;
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%;
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .btn,
    .collapseexpand,
    .actions p a,
    .backlink a,
    .addtagcoll a,
    .resettable a,
    #page-admin-grade-edit-letter-index .main-content .mdl-align a,
    .moreless-toggler,
    #message-user-button,
    .search-results .result-context-info a,
    .tool_dataprivacy-expand-all,
    [data-fieldtype='submit'] a,
    .path-admin-tag .addstandardtags a,
    .edit-link a,
    #core-cache-rescan-definitions a,
    .continuebutton a,
    .tour-actions > ul > li > a,
    .gradereport_history_usp .usp-finish input,
    .gradereport_history_usp .usp-search input[type='submit'],
    #siteconfiglink a,
    .cancel a,
    .forum-post-footer a,
    .comment-area .fd a,
    #enterlink a,
    .allcoursegrades a,
    .reportlink a,
    .gradingform_guide.editor .addcriterion input,
    .gradingform_guide.editor .addcomment input,
    .gradingform_rubric.editor .addlevel input,
    .path-tag .tagarea .controls .exclusivemode,
    .addbloglink a,
    .notesgroup p a,
    #page-report-progress-index .progress-actions a,
    .path-mod-glossary .printicon,
    .path-mod-glossary .glossarypost .commands a,
    .rui-form-element-group a,
    #page-mod-quiz-report .toggleincludeauto a,
    #page-mod-quiz-report .gradetheselink,
    .que .info .questionflag.editable,
    .mod_quiz-next-nav,
    .rui-quizattemptcounts a,
    .rui-quizattemptsummary .c3 a,
    .mod_quiz-prev-nav,
    #page-mod-quiz-report .bold .reviewlink,
    .categorypagingbarcontainer .paging a,
    .page_split_join,
    .midpad a,
    .wiki_right a,
    #enabletemplateeditor,
    .path-auth-oauth2 .main-content h2 + a,
    #addcontrols input,
    #removecontrols input,
    #page-mod-forum-index .subscription .helplink:nth-of-type(1) a,
    #page-mod-forum-index .subscription .helplink:nth-of-type(2) a,
    #page-mod-forum-view .subscription .helplink a,
    .createstep,
    .endtestlink,
    .webservicestokenui + a,
    .chart-table-expand a,
    .export-actions a,
    .que .comment a,
    .path-mod-quiz .othernav a:not(.mod_quiz-next-nav),
    .modal-footer a:not(.btn-primary):not(.mod_quiz-next-nav):not(.createstep),
    #page-grade-edit-letter-index .mdl-align a,
    #page-mod-feedback-complete [align='center'] a,
    .commentlink a,
    .quizsummaryofattempt .c0 a,
    #changenumsections a,
    .itemnav a,
    .rui-footer-btns a,
    #page-enrol-index .main-content [type='submit'],
    .addcomponent {
        transition: none;
    }
}

@media (max-width: 767.98px) {
    [data-groupname='buttonar'],
    .rui-sticky-btns,
    .form-buttons {
        bottom: 70px;
    }
}

@media (max-width: 767.98px) {
    .rui-footer-btns {
        display: block;
    }
}

@media (max-width: 767.98px) {
    .rui-footer-btns a {
        width: 100%;
        margin-right: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

@media (min-width: 320px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 1089px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 1600px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 1900px) {
    .dropdown-menu-xxl-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-xxl-right {
        right: 0;
        left: auto;
    }
}

@media (max-width: 767.98px) {
    .main-nav-container.rui-topbar--custom-menu {
        position: relative;
        top: 0;
    }
}

@media (max-width: 1088.98px) {
    .main-nav-container-overflow {
        overflow-x: auto;
        overflow-y: hidden;
    }
}

@media (max-width: 767.98px) {
    .nav-column {
        padding: 0;
        border-right: none;
    }
}

@media (max-width: 767.98px) {
    .nav-column li a {
        padding: 16px;
    }
}

@media (max-width: 319.98px) {
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid,
    .navbar-expand-sm > .container-sm,
    .navbar-expand-sm > .container-md,
    .navbar-expand-sm > .container-lg,
    .navbar-expand-sm > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 320px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid,
    .navbar-expand-sm > .container-sm,
    .navbar-expand-sm > .container-md,
    .navbar-expand-sm > .container-lg,
    .navbar-expand-sm > .container-xl {
        flex-wrap: nowrap;
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid,
    .navbar-expand-md > .container-sm,
    .navbar-expand-md > .container-md,
    .navbar-expand-md > .container-lg,
    .navbar-expand-md > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid,
    .navbar-expand-md > .container-sm,
    .navbar-expand-md > .container-md,
    .navbar-expand-md > .container-lg,
    .navbar-expand-md > .container-xl {
        flex-wrap: nowrap;
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-md .navbar-toggler {
        display: none;
    }
}
@media (max-width: 1088.98px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid,
    .navbar-expand-lg > .container-sm,
    .navbar-expand-lg > .container-md,
    .navbar-expand-lg > .container-lg,
    .navbar-expand-lg > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 1089px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid,
    .navbar-expand-lg > .container-sm,
    .navbar-expand-lg > .container-md,
    .navbar-expand-lg > .container-lg,
    .navbar-expand-lg > .container-xl {
        flex-wrap: nowrap;
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}
@media (max-width: 1599.98px) {
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid,
    .navbar-expand-xl > .container-sm,
    .navbar-expand-xl > .container-md,
    .navbar-expand-xl > .container-lg,
    .navbar-expand-xl > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 1600px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid,
    .navbar-expand-xl > .container-sm,
    .navbar-expand-xl > .container-md,
    .navbar-expand-xl > .container-lg,
    .navbar-expand-xl > .container-xl {
        flex-wrap: nowrap;
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
}
@media (max-width: 1899.98px) {
    .navbar-expand-xxl > .container,
    .navbar-expand-xxl > .container-fluid,
    .navbar-expand-xxl > .container-sm,
    .navbar-expand-xxl > .container-md,
    .navbar-expand-xxl > .container-lg,
    .navbar-expand-xxl > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 1900px) {
    .navbar-expand-xxl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-xxl .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xxl > .container,
    .navbar-expand-xxl > .container-fluid,
    .navbar-expand-xxl > .container-sm,
    .navbar-expand-xxl > .container-md,
    .navbar-expand-xxl > .container-lg,
    .navbar-expand-xxl > .container-xl {
        flex-wrap: nowrap;
    }
    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-xxl .navbar-toggler {
        display: none;
    }
}

@media (min-width: 320px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .card-deck .card {
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

@media (min-width: 320px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }
    .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0;
    }
    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0;
    }
    .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-top,
    .card-group > .card:not(:last-child) .card-header {
        border-top-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-bottom,
    .card-group > .card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-top,
    .card-group > .card:not(:first-child) .card-header {
        border-top-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-bottom,
    .card-group > .card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0;
    }
}

@media (min-width: 320px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
        transition: none;
    }
}

@media (min-width: 320px) {
    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: alpha-around !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: alpha-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: alpha-around !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: alpha-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 1089px) {
    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: alpha-around !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: alpha-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 1600px) {
    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: alpha-around !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: alpha-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 320px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 1900px) {
    .flex-xxl-row {
        flex-direction: row !important;
    }

    .flex-xxl-column {
        flex-direction: column !important;
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xxl-center {
        justify-content: center !important;
    }

    .justify-content-xxl-between {
        justify-content: space-between !important;
    }

    .justify-content-xxl-around {
        justify-content: alpha-around !important;
    }

    .align-items-xxl-start {
        align-items: flex-start !important;
    }

    .align-items-xxl-end {
        align-items: flex-end !important;
    }

    .align-items-xxl-center {
        align-items: center !important;
    }

    .align-items-xxl-baseline {
        align-items: baseline !important;
    }

    .align-items-xxl-stretch {
        align-items: stretch !important;
    }

    .align-content-xxl-start {
        align-content: flex-start !important;
    }

    .align-content-xxl-end {
        align-content: flex-end !important;
    }

    .align-content-xxl-center {
        align-content: center !important;
    }

    .align-content-xxl-between {
        align-content: space-between !important;
    }

    .align-content-xxl-around {
        align-content: alpha-around !important;
    }

    .align-content-xxl-stretch {
        align-content: stretch !important;
    }

    .align-self-xxl-auto {
        align-self: auto !important;
    }

    .align-self-xxl-start {
        align-self: flex-start !important;
    }

    .align-self-xxl-end {
        align-self: flex-end !important;
    }

    .align-self-xxl-center {
        align-self: center !important;
    }

    .align-self-xxl-baseline {
        align-self: baseline !important;
    }

    .align-self-xxl-stretch {
        align-self: stretch !important;
    }

    .float-xxl-left {
        float: left !important;
    }

    .float-xxl-right {
        float: right !important;
    }

    .float-xxl-none {
        float: none !important;
    }
}

@media (min-width: 320px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 1089px) {
    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }

    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}
@media (min-width: 1600px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }

    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}
@media (min-width: 1900px) {
    .text-xxl-left {
        text-align: left !important;
    }

    .text-xxl-right {
        text-align: right !important;
    }

    .text-xxl-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }

    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }

    .rui-mod-indent--1 {
        margin-left: 60px;
    }

    .rui-mod-indent--2 {
        margin-left: 120px;
    }

    .rui-mod-indent--3 {
        margin-left: 180px;
    }

    .rui-mod-indent--4 {
        margin-left: 240px;
    }

    .rui-mod-indent--5 {
        margin-left: 300px;
    }

    .rui-mod-indent--6 {
        margin-left: 360px;
    }

    .rui-mod-indent--7 {
        margin-left: 420px;
    }

    .rui-mod-indent--8 {
        margin-left: 480px;
    }

    .rui-mod-indent--9 {
        margin-left: 540px;
    }

    .rui-mod-indent--10 {
        margin-left: 600px;
    }

    .rui-mod-indent--11 {
        margin-left: 660px;
    }

    .rui-mod-indent--12 {
        margin-left: 720px;
    }

    .rui-mod-indent--13 {
        margin-left: 780px;
    }

    .rui-mod-indent--14 {
        margin-left: 840px;
    }

    .rui-mod-indent--15 {
        margin-left: 900px;
    }

    .rui-mod-indent--16 {
        margin-left: 960px;
    }

    .rui-mod-indent--huge {
        margin-left: 960px;
    }
}

@media (max-width: 320px) and (max-height: 320px) {
    div#page {
        margin-top: 0;
    }

    .rui-topbar.fixed-top {
        position: relative;
        z-index: inherit;
    }
}

@media (max-width: 1088.98px) {
    #frontpage-category-names,
    #frontpage-category-combo {
        width: 100%;
    }
}

@media (min-width: 1089px) {
    .rui-nav--admin {
        height: calc(100vh - 260px);
        overflow-y: auto;
        position: sticky;
        top: 60px;
        scrollbar-width: thin;
        scrollbar-color: #757474 #f5f5f5;
    }
    .rui-nav--admin::-webkit-scrollbar {
        width: 12px;
    }
    .rui-nav--admin::-webkit-scrollbar-track {
        background: #f5f5f5;
        border-radius: 20px;
    }
    .rui-nav--admin::-webkit-scrollbar-thumb {
        background-color: #757474;
        border-radius: 20px;
        border: 3px solid #f5f5f5;
    }
    .rui-nav--admin::-webkit-scrollbar-thumb:hover {
        background-color: #6b6b6b;
    }
    .theme-dark .rui-nav--admin {
        scrollbar-width: thin;
        scrollbar-color: #757474 #0b0d0f;
    }
    .theme-dark .rui-nav--admin::-webkit-scrollbar {
        width: 12px;
    }
    .theme-dark .rui-nav--admin::-webkit-scrollbar-track {
        background: #0b0d0f;
        border-radius: 20px;
    }
    .theme-dark .rui-nav--admin::-webkit-scrollbar-thumb {
        background-color: #757474;
        border-radius: 20px;
        border: 3px solid #0b0d0f;
    }
    .theme-dark .rui-nav--admin::-webkit-scrollbar-thumb:hover {
        background-color: #6b6b6b;
    }
}

@media (min-width: 320px) {
    .dashboard-card-deck.fixed-width-cards .dashboard-card {
        width: 300px;
        max-width: 100%;
    }
}

@media (min-width: 576px) {
    .container {
        overflow-wrap: break-word;
        width: auto;
    }

    .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
        width: calc(33.333% - 30px);
        margin-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 1265px) {
    .card-description-container {
        min-height: 238px;
    }
}

@media (max-width: 1088.98px) {
    .wrapper-xl {
        width: 90%;
    }

    .wrapper-md {
        width: 100%;
    }

    .wrapper-md {
        width: 100%;
    }

    .wrapper-xl {
        width: 90%;
    }

    .rui-color-card,
    .rui-card--smpl {
        padding: 10px;
    }

    .col {
        flex-basis: unset !important;
    }

    .wrapper-xxl.container-reverse {
        flex-direction: column-reverse;
    }

    .wrapper-xxl.container-reverse .col,
    .wrapper-xxl.container-reverse .col-lg-5 {
        padding-right: 0;
        padding-left: 0;
    }

    .image-container-offer {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1088.98px) {
    .rui-block-title {
        font-size: 2.5rem;
    }

    .rui-card-testimonials-grid {
        grid-template-columns: repeat(auto-fill, minmax(calc(50% - 20px), 1fr));
        column-gap: 40px;
        row-gap: 40px;
    }
}

@media (max-width: 767.98px) {
    #page-navbar {
        width: 100%;
    }

    .mform {
        width: 100%;
    }

    .pagination {
        flex-wrap: wrap;
        justify-content: center;
    }

    .custom-select {
        max-width: 100%;
    }

    .page-header-content .card {
        border: 0;
    }
    .page-header-content .card .card-body {
        padding: 0;
    }

    .rui-nav--admin {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .rui-settings-container {
        padding: 0;
    }

    #page-admin-setting-themesettingalpha .rui-sticky-btns {
        margin-left: 0;
    }

    #theme_alpha_scb .rui-settings-item {
        width: 100%;
        margin: 30px;
    }

    .rui-hero-desc {
        font-size: 0.875rem;
    }

    #page-wrapper #page {
        padding: 7px 10px;
    }

    #page.drawers .main-inner {
        margin-top: 0;
    }

    .rui-topbar-wrapper {
        padding-left: 8px;
        padding-right: 8px;
        position: fixed;
        top: 3px;
        left: 7px;
        width: calc(100% - 14px);
    }

    .rui-hero-content-backdrop {
        padding: 10px 10px 16px 10px;
        backdrop-filter: none;
    }

    .rui-block-title {
        font-size: 1.5rem;
    }

    .rui-block-desc {
        font-size: 1rem;
    }
}

@media (max-width: 900px) {
    .dropdown.dropdownmoremenu.morebutton {
        display: block;
    }

    #moremenu-topbar #topbar-item1,
    #moremenu-topbar #topbar-item2,
    #moremenu-topbar #topbar-item3,
    #moremenu-topbar #topbar-item4 {
        display: none;
    }
}

.cookie-container {
    padding: 1rem 4rem 1rem 1.25rem;
    margin: 0;
    position: fixed;
    right: 14px;
    bottom: -100%;
    z-index: 10001;
    background-color: #090223;
    max-width: 460px !important;
    width: calc(100% - 60px);
    border-radius: 7px;
    border: none;
    box-shadow: none;
    font-size: 0.875rem;
    color: #f9f9fa;
    line-height: 1.5;
    text-align: left;
    transition: 400ms;
}

.cookie-container.active {
    bottom: 50px;
}

.cookie-container a {
    color: #f9f9fa;
    margin: 10px 0;
    text-decoration: underline;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    text-transform: none;
}

.cookie-container a:hover,
.cookie-container a:focus {
    color: #d3d2d8;
}

.cookie-btn {
    margin: 7px 10px 5px 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 7px;
    padding: 0.65rem 1.15rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 180%;
    background-color: #413c55;
    color: #e1e0e4;
    border: none;
    transition: all 0.2s ease-in-out;
}

.cookie-btn:hover,
.cookie-btn:focus {
    background-color: #c5c5f9;
    color: #131247;
    text-decoration: none;
}

.cookie-closebutton {
    opacity: 1;
    padding: 9px;
    margin-left: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #413c55;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 7px;
    font-size: 0.875rem;
    color: #f9f9fa;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.cookie-closebutton:hover,
.cookie-closebutton:focus {
    background-color: #c5c5f9;
    color: #131247;
}

/* Scrollbar */
/* Firefox */
#page {
    scrollbar-width: thin;
    scrollbar-color: #cecece #ffffff;
}

/* Chrome, Edge, and Safari */
#page::-webkit-scrollbar {
    width: 10px;
}

#page::-webkit-scrollbar-track {
    background: #ffffff;
}

#page::-webkit-scrollbar-thumb {
    background-color: #cecece;
    border-radius: 20px;
    border: 3px solid #ffffff;
}

.btn-nav-login-demo {
    background-color: #ececfd;
    color: #3f3dec;
}

.btn-nav-login-demo:hover,
.btn-nav-login-demo:focus {
    color: #ececfd;
    background-color: #3f3dec;
}