/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/* stylelint-disable declaration-no-important*/
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
div#moodle-page,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    font-size: 18px;
    line-height: 1.6;
    color: #565656;
    background-color: #fff;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #03a9f4;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #0275a8;
    text-decoration: underline;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 0;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.6;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 28px;
    margin-bottom: 28px;
    border: 0;
    border-top: 1px solid #dadada;
}

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

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    font-weight: 300;
    line-height: 1.5;
    color: #565656;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #999;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 28px;
    margin-bottom: 14px;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
    font-size: 65%;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 14px;
    margin-bottom: 14px;
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
    font-size: 75%;
}

h1,
.h1 {
    font-size: 54px;
}

h2,
.h2 {
    font-size: 46px;
}

h3,
.h3 {
    font-size: 42px;
}

h4,
.h4 {
    font-size: 36px;
}

h5,
.h5 {
    font-size: 29px;
}

h6,
.h6 {
    font-size: 24px;
}

p {
    margin: 0 0 14px;
}

.lead {
    margin-bottom: 28px;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size: 27px;
    }
}

small,
.small {
    font-size: 72%;
}

mark,
.mark {
    background-color: rgba(255, 152, 0, 0.1);
    padding: .2em;
}

.text-start {
    text-align: left;
}

.text-end {
    text-align: right;
}

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

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #999;
}

.text-primary {
    color: #03a9f4;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #0286c2;
}

.text-success {
    color: #8bc34a;
}

a.text-success:hover,
a.text-success:focus {
    color: #71a436;
}

.text-info {
    color: #03a9f4;
}

a.text-info:hover,
a.text-info:focus {
    color: #0286c2;
}

.text-warning {
    color: #ff9800;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #cc7a00;
}

.text-danger {
    color: #e91e63;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #c1134e;
}

.bg-primary {
    color: #fff;
    background-color: #03a9f4;
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #0286c2;
}

.bg-success {
    background-color: rgba(139, 195, 74, 0.1);
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: rgba(113, 164, 54, 0.1);
}

.bg-info {
    background-color: rgba(3, 169, 244, 0.1);
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: rgba(2, 134, 194, 0.1);
}

.bg-warning {
    background-color: rgba(255, 152, 0, 0.1);
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: rgba(204, 122, 0, 0.1);
}

.bg-danger {
    background-color: rgba(233, 30, 99, 0.1);
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: rgba(193, 19, 78, 0.1);
}

.page-header {
    padding-bottom: 13px;
    margin: 56px 0 28px;
    border-bottom: 1px solid #dadada;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 14px;
}

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

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

dl {
    margin-top: 0;
    margin-bottom: 28px;
}

dt,
dd {
    line-height: 1.6;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 14px 28px;
    margin: 0 0 28px;
    font-size: 22.5px;
    border-left: 5px solid #dadada;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.6;
    color: #999;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right, blockquote.float-end {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #dadada;
    border-left: 0;
    text-align: right;
}

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
blockquote.float-end footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
blockquote.float-end small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before,
blockquote.float-end .small:before {
    content: '';
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
blockquote.float-end footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
blockquote.float-end small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after,
blockquote.float-end .small:after {
    content: '\00A0 \2014';
}

address {
    margin-bottom: 28px;
    font-style: normal;
    line-height: 1.6;
}

code,
kbd,
pre,
samp {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 0;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none;
}

pre {
    display: block;
    padding: 13.5px;
    margin: 0 0 14px;
    font-size: 17px;
    line-height: 1.6;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 0;
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

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

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {
    .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 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {
    .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 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

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

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    .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 {
        float: left;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

table {
    background-color: #fff;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #999;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 28px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.6;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.table > tbody + tbody {
    border-top: 2px solid #ddd;
}

.table .table {
    background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 4px;
}

.table-bordered {
    border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: rgba(139, 195, 74, 0.1);
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: rgba(126, 183, 61, 0.1);
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: rgba(3, 169, 244, 0.1);
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color: rgba(3, 152, 219, 0.1);
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: rgba(255, 152, 0, 0.1);
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color: rgba(230, 137, 0, 0.1);
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: rgba(233, 30, 99, 0.1);
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: rgba(216, 21, 88, 0.1);
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 21px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

    .table-responsive > .table {
        margin-bottom: 0;
    }

    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }

    .table-responsive > .table-bordered {
        border: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
    border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
    padding: 24px;
    border-radius: 0;
}

.well-sm {
    padding: 9px;
    border-radius: 0;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 16px;
    font-size: 18px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #03a9f4;
    text-decoration: none;
}

.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #03a9f4;
    background-color: transparent;
    border-color: #03a9f4;
}

.btn-default:focus,
.btn-default.focus {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #015276;
}

.btn-default:hover {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #027fb8;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #027fb8;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #015276;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
    background-color: transparent;
    border-color: #03a9f4;
}

.btn-default .badge {
    color: transparent;
    background-color: #03a9f4;
}

.btn-primary {
    color: #03a9f4;
    background-color: transparent;
    border-color: #03a9f4;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #015276;
}

.btn-primary:hover {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #027fb8;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #027fb8;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #015276;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: transparent;
    border-color: #03a9f4;
}

.btn-primary .badge {
    color: transparent;
    background-color: #03a9f4;
}

.btn-success {
    color: #8bc34a;
    background-color: transparent;
    border-color: #8bc34a;
}

.btn-success:focus,
.btn-success.focus {
    color: #8bc34a;
    background-color: rgba(0, 0, 0, 0);
    border-color: #496a23;
}

.btn-success:hover {
    color: #8bc34a;
    background-color: rgba(0, 0, 0, 0);
    border-color: #6c9c34;
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #8bc34a;
    background-color: rgba(0, 0, 0, 0);
    border-color: #6c9c34;
}

.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
    color: #8bc34a;
    background-color: rgba(0, 0, 0, 0);
    border-color: #496a23;
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
    background-color: transparent;
    border-color: #8bc34a;
}

.btn-success .badge {
    color: transparent;
    background-color: #8bc34a;
}

.btn-info {
    color: #03a9f4;
    background-color: transparent;
    border-color: #03a9f4;
}

.btn-info:focus,
.btn-info.focus {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #015276;
}

.btn-info:hover {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #027fb8;
}

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #027fb8;
}

.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #015276;
}

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
    background-color: transparent;
    border-color: #03a9f4;
}

.btn-info .badge {
    color: transparent;
    background-color: #03a9f4;
}

.btn-warning {
    color: #ff9800;
    background-color: transparent;
    border-color: #ff9800;
}

.btn-warning:focus,
.btn-warning.focus {
    color: #ff9800;
    background-color: rgba(0, 0, 0, 0);
    border-color: #804c00;
}

.btn-warning:hover {
    color: #ff9800;
    background-color: rgba(0, 0, 0, 0);
    border-color: #c27400;
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #ff9800;
    background-color: rgba(0, 0, 0, 0);
    border-color: #c27400;
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
    color: #ff9800;
    background-color: rgba(0, 0, 0, 0);
    border-color: #804c00;
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    background-image: none;
}

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
    background-color: transparent;
    border-color: #ff9800;
}

.btn-warning .badge {
    color: transparent;
    background-color: #ff9800;
}

.btn-danger {
    color: #e91e63;
    background-color: transparent;
    border-color: #e91e63;
}

.btn-danger:focus,
.btn-danger.focus {
    color: #e91e63;
    background-color: rgba(0, 0, 0, 0);
    border-color: #7b0c32;
}

.btn-danger:hover {
    color: #e91e63;
    background-color: rgba(0, 0, 0, 0);
    border-color: #b8124a;
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #e91e63;
    background-color: rgba(0, 0, 0, 0);
    border-color: #b8124a;
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
    color: #e91e63;
    background-color: rgba(0, 0, 0, 0);
    border-color: #7b0c32;
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-image: none;
}

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
    background-color: transparent;
    border-color: #e91e63;
}

.btn-danger .badge {
    color: transparent;
    background-color: #e91e63;
}

.btn-link {
    color: #03a9f4;
    font-weight: normal;
    border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
    color: #0275a8;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #999;
    text-decoration: none;
}

.btn-lg {
    padding: 14px 16px;
    font-size: 23px;
    line-height: 1.33;
    border-radius: 0;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1;
    border-radius: 0;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 13px;
    line-height: 1;
    border-radius: 0;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.alert {
    padding: 15px;
    margin-bottom: 28px;
    border: 1px solid transparent;
    border-radius: 0;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert .alert-link {
    font-weight: bold;
}

.alert > p,
.alert > ul {
    margin-bottom: 0;
}

.alert > p + p {
    margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-success {
    background-color: rgba(139, 195, 74, 0.1);
    border-color: rgba(139, 195, 74, 0.1);
    color: #8bc34a;
}

.alert-success hr {
    border-top-color: rgba(126, 183, 61, 0.1);
}

.alert-success .alert-link {
    color: #71a436;
}

.alert-info {
    background-color: rgba(3, 169, 244, 0.1);
    border-color: rgba(3, 169, 244, 0.1);
    color: #03a9f4;
}

.alert-info hr {
    border-top-color: rgba(3, 152, 219, 0.1);
}

.alert-info .alert-link {
    color: #0286c2;
}

.alert-warning {
    background-color: rgba(255, 152, 0, 0.1);
    border-color: rgba(255, 152, 0, 0.1);
    color: #ff9800;
}

.alert-warning hr {
    border-top-color: rgba(230, 137, 0, 0.1);
}

.alert-warning .alert-link {
    color: #cc7a00;
}

.alert-danger {
    background-color: rgba(233, 30, 99, 0.1);
    border-color: rgba(233, 30, 99, 0.1);
    color: #e91e63;
}

.alert-danger hr {
    border-top-color: rgba(216, 21, 88, 0.1);
}

.alert-danger .alert-link {
    color: #c1134e;
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 28px;
    line-height: 1.6;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
}

.thumbnail > img,
.thumbnail a > img {
    margin-left: auto;
    margin-right: auto;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #03a9f4;
}

.thumbnail .caption {
    padding: 9px;
    color: #565656;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd:before,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd:after,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd:before,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd:after,
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:before,
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:after,
#id_s_theme_snap_resourcedisplay:before,
#id_s_theme_snap_resourcedisplay:after,
#page-user-profile .userprofile .profile_tree:before,
#page-user-profile .userprofile .profile_tree:after,
.path-course.path-user .userprofile .profile_tree:before,
.path-course.path-user .userprofile .profile_tree:after {
    content: " ";
    display: table;
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.modal-header:after,
.modal-footer:after,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd:after,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd:after,
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:after,
#id_s_theme_snap_resourcedisplay:after,
#page-user-profile .userprofile .profile_tree:after,
.path-course.path-user .userprofile .profile_tree:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right, .float-end {
    float: right !important;
}

.pull-left, .float-start {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #fff;
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal-backdrop.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #f5f5f5;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.6;
}

.modal-body {
    position: relative;
    padding: 20px;
}

.modal-footer {
    padding: 20px;
    text-align: right;
    border-top: 1px solid #f5f5f5;
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

/* core.less */
/** Page layout CSS starts **/
.layout-option-noheader #page-header,
.layout-option-nonavbar #page-navbar,
.layout-option-nofooter #page-footer,
.layout-option-nocourseheader .course-content-header,
.layout-option-nocoursefooter .course-content-footer {
    display: none;
}

/** Page layout CSS ends **/
.dir-ltr,
.mdl-left {
    text-align: left;
}

.mdl-right {
    text-align: right;
}

#add,
#remove,
.centerpara,
.mdl-align {
    text-align: center;
}

a.dimmed,
a.dimmed:link,
a.dimmed:visited,
a.dimmed_text,
a.dimmed_text:link,
a.dimmed_text:visited,
.dimmed_text,
.dimmed_text a,
.dimmed_text a:link,
.dimmed_text a:visited,
.usersuspended,
.usersuspended a,
.usersuspended a:link,
.usersuspended a:visited,
.dimmed_category,
.dimmed_category a,
.dimmed_category a:visited {
    color: #999;
}

.activity.label .dimmed_text {
    opacity: 50;
    filter: alpha(opacity=5000);
}

.unlist,
.unlist li,
.inline-list,
.inline-list li,
.block .list,
.block .list li,
.section li.activity,
.section li.movehere,
.tabtree li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.inline,
.inline-list li {
    display: inline;
}

.notifytiny {
    font-size: 13px;
}

.notifytiny li,
.notifytiny td {
    font-size: 100%;
}

.red,
.notifyproblem {
    color: #e91e63;
}

.green,
.notifysuccess {
    color: #8bc34a;
}

.reportlink {
    text-align: right;
}

a.autolink.glossary:hover {
    cursor: help;
}

/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
.collapsibleregioncaption {
    white-space: nowrap;
}

.collapsibleregioncaption img {
    vertical-align: middle;
}

.jsenabled .hiddenifjs {
    display: none;
}

.visibleifjs {
    display: none;
}

.jsenabled .visibleifjs {
    display: inline;
}

.jsenabled .collapsibleregion {
    overflow: hidden;
}

.jsenabled .collapsed .collapsibleregioninner {
    visibility: hidden;
}

.collapsible-actions {
    display: none;
    text-align: right;
}

.jsenabled .collapsible-actions {
    display: block;
}

.collapsible-actions .collapseexpand {
    padding-left: 20px;
    background: url([[pix:t/collapsed]]) 2px center no-repeat;
}

.collapsible-actions .collapse-all {
    background-image: url([[pix:t/expanded]]);
}

.yui-overlay .yui-widget-bd {
    background-color: #ffee69;
    border: 1px solid #a6982b;
    border-top-color: #d4c237;
    color: #000;
    left: 0;
    padding: 2px 5px;
    position: relative;
    top: 0;
    z-index: 1;
}

.clearer {
    background: transparent;
    border-width: 0;
    clear: both;
    display: block;
    height: 1px;
    margin: 0;
    padding: 0;
}

.bold,
.warning,
.errorbox .title,
.pagingbar .title,
.pagingbar .thispage {
    font-weight: bold;
}

.highlight {
    background-color: rgba(3, 169, 244, 0.1);
}

.highlight2 {
    background-color: rgba(255, 152, 0, 0.1);
}

img.resize {
    height: 1em;
    width: 1em;
}

.block img.resize,
.breadcrumb img.resize {
    height: 0.9em;
    width: 0.8em;
}

/* Icon styles */
img.icon {
    height: 16px;
    vertical-align: text-bottom;
    width: 16px;
    margin-right: 6px;
}

img.iconsmall {
    height: 12px;
    margin-right: 3px;
    vertical-align: middle;
    width: 12px;
}

img.iconhelp,
.helplink img {
    height: 16px;
    margin-left: 3px;
    vertical-align: text-bottom;
    width: 16px;
}

h1 img.iconhelp,
h1 img.icon,
h2 img.iconhelp,
h2 img.icon,
h3 img.iconhelp,
h3 img.icon,
h4 img.iconhelp,
h4 img.icon,
h5 img.iconhelp,
h5 img.icon,
h6 img.iconhelp,
h6 img.icon {
    vertical-align: middle;
    margin: 4px;
}

img.iconlarge {
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

img.iconsort {
    vertical-align: text-bottom;
    margin-left: .3em;
    margin-bottom: .15em;
}

img.icontoggle {
    height: 17px;
    vertical-align: middle;
    width: 50px;
}

img.iconkbhelp {
    height: 17px;
    width: 49px;
}

img.icon-pre {
    margin-right: 3px;
    margin-left: 0;
}

img.icon-post {
    margin-left: 3px;
    margin-right: 0;
}

.boxaligncenter {
    margin-left: auto;
    margin-right: auto;
}

.boxalignright {
    margin-left: auto;
    margin-right: 0;
}

.boxalignleft {
    margin-left: 0;
    margin-right: auto;
}

.boxwidthnarrow {
    width: 30%;
}

.boxwidthnormal {
    width: 50%;
}

.boxwidthwide {
    width: 80%;
}

.headermain {
    font-weight: bold;
}

#maincontent {
    display: block;
    height: 1px;
    overflow: hidden;
}

img.uihint {
    cursor: help;
}

#addmembersform table {
    margin-left: auto;
    margin-right: auto;
}

.flexible th {
    white-space: nowrap;
}

table.flexible .emptyrow {
    display: none;
}

img.emoticon {
    vertical-align: middle;
    width: 15px;
    height: 15px;
}

form.popupform,
form.popupform div {
    display: inline;
}

.arrow_button input {
    overflow: hidden;
}

.action-icon img.smallicon {
    vertical-align: text-bottom;
    margin: 0 0.3em;
}

/** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
.no-overflow {
    overflow: auto;
    padding-bottom: 1px;
}

.pagelayout-report .no-overflow {
    overflow: visible;
}

.no-overflow > .generaltable {
    margin-bottom: 0;
}

.accesshide {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.reset-sr-only {
    position: relative;
    width: auto;
    height: auto;
    margin: initial;
    overflow: visible;
    clip: auto;
    border: initial;
}

span.hide,
div.hide {
    display: none;
}

a.skip-block,
a.skip {
    position: absolute;
    top: -1000em;
    font-size: 0.85em;
    text-decoration: none;
}

a.skip-block:focus,
a.skip-block:active,
a.skip:focus,
a.skip:active {
    position: static;
    display: block;
}

.skip-block-to {
    display: block;
    height: 1px;
    overflow: hidden;
}

.addbloglink {
    text-align: center;
}

.blog_entry .audience {
    text-align: right;
    padding-right: 4px;
}

.blog_entry .tags {
    margin-top: 15px;
}

.blog_entry .tags .action-icon img.smallicon {
    height: 16px;
    width: 16px;
}

.blog_entry .content {
    margin-left: 43px;
}

#page-group-index #groupeditform {
    text-align: center;
}

#doc-contents h1 {
    margin: 1em 0 0 0;
}

#doc-contents ul {
    margin: 0;
    padding: 0;
    width: 90%;
}

#doc-contents ul li {
    list-style-type: none;
}

.groupmanagementtable td {
    vertical-align: top;
}

.groupmanagementtable #existingcell,
.groupmanagementtable #potentialcell {
    width: 42%;
}

.groupmanagementtable #buttonscell {
    width: 16%;
}

.groupmanagementtable #buttonscell p.arrow_button input {
    width: auto;
    min-width: 80%;
    margin: 0 auto;
}

.groupmanagementtable #removeselect_wrapper,
.groupmanagementtable #addselect_wrapper {
    width: 100%;
}

.groupmanagementtable #removeselect_wrapper label,
.groupmanagementtable #addselect_wrapper label {
    font-weight: normal;
}

#group-usersummary {
    width: 14em;
}

.groupselector {
    margin-top: 3px;
    margin-bottom: 3px;
    display: inline-block;
}

.groupselector label {
    display: inline-block;
}

.notepost {
    margin-bottom: 1em;
}

.notepost .userpicture {
    float: left;
    margin-right: 5px;
}

.notepost .content,
.notepost .footer {
    clear: both;
}

.notesgroup {
    margin-left: 20px;
}

.path-my .coursebox .overview {
    margin: 15px 30px 10px 30px;
}

.path-my .coursebox .info {
    float: none;
    margin: 0;
}

.mod_introbox {
    padding: 10px;
}

table.mod_index {
    width: 100%;
}

.comment-ctrl {
    font-size: 12px;
    display: none;
    margin: 0;
    padding: 0;
}

.comment-ctrl h5 {
    margin: 0;
    padding: 5px;
}

.comment-area {
    max-width: 400px;
    padding: 5px;
}

.comment-area textarea {
    width: 100%;
    overflow: auto;
}

.comment-area .fd {
    text-align: right;
}

.comment-meta span {
    color: gray;
}

.comment-link img {
    vertical-align: text-bottom;
}

.comment-list {
    font-size: 11px;
    overflow: auto;
    list-style: none;
    padding: 0;
    margin: 0;
}

.comment-list li {
    margin: 2px;
    list-style: none;
    margin-bottom: 5px;
    clear: both;
    padding: .3em;
    position: relative;
}

.comment-list li.first {
    display: none;
}

.comment-paging {
    text-align: center;
}

.comment-paging .pageno {
    padding: 2px;
}

.comment-paging .curpage {
    border: 1px solid #ccc;
}

.comment-message .picture {
    width: 20px;
    float: left;
}

.comment-message .text {
    margin: 0;
    padding: 0;
}

.comment-message .text p {
    padding: 0;
    margin: 0 18px 0 0;
}

.comment-delete {
    position: absolute;
    top: 0;
    right: 0;
    margin: .3em;
}

.comment-delete-confirm {
    background: #eee;
    padding: 2px;
    width: 5em;
    text-align: center;
}

.comment-container {
    float: left;
    margin: 4px;
}

.comment-report-selectall {
    display: none;
}

.comment-link {
    display: none;
}

.jsenabled .comment-link {
    display: block;
}

.jsenabled .showcommentsnonjs {
    display: none;
}

.jsenabled .comment-report-selectall {
    display: inline;
}

/**
* Completion progress report
*/
.completion-expired {
    background: rgba(233, 30, 99, 0.1);
}

.completion-expected {
    font-size: 13px;
}

.completion-sortchoice,
.completion-identifyfield {
    font-size: 13px;
    vertical-align: bottom;
}

.completion-progresscell {
    text-align: center;
}

.completion-progresscell img {
    width: 16px;
    height: 16px;
}

.completion-expired .completion-expected {
    font-weight: bold;
}

/**
* Web Service
*/
#webservice-doc-generator td {
    text-align: left;
    border: 0 solid black;
}

/**
* Smart Select Element
*/
.smartselect {
    position: absolute;
}

.smartselect .smartselect_mask {
    background-color: #fff;
}

.smartselect ul {
    padding: 0;
    margin: 0;
}

.smartselect ul li {
    list-style: none;
}

.smartselect .smartselect_menu {
    margin-right: 5px;
}

.safari .smartselect .smartselect_menu {
    margin-left: 2px;
}

.smartselect .smartselect_menu,
.smartselect .smartselect_submenu {
    border: 1px solid #000;
    background-color: #fff;
    display: none;
}

.smartselect .smartselect_menu.visible,
.smartselect .smartselect_submenu.visible {
    display: block;
}

.smartselect .smartselect_menu_content ul li {
    position: relative;
    padding: 2px 5px;
}

.smartselect .smartselect_menu_content ul li a {
    color: #333;
    text-decoration: none;
}

.smartselect .smartselect_menu_content ul li a.selectable {
    color: inherit;
}

.smartselect .smartselect_submenuitem {
    background-image: url([[pix:moodle|t/collapsed]]);
    background-repeat: no-repeat;
    background-position: 100%;
}

/** Spanning mode */
.smartselect.spanningmenu .smartselect_submenu {
    position: absolute;
    top: -1px;
    left: 100%;
}

.smartselect.spanningmenu .smartselect_submenu a {
    white-space: nowrap;
    padding-right: 16px;
}

.smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {
    text-decoration: underline;
}

/** Compact mode */
.smartselect.compactmenu .smartselect_submenu {
    position: relative;
    margin: 2px -3px;
    margin-left: 10px;
    display: none;
    border-width: 0;
    z-index: 1010;
}

.smartselect.compactmenu .smartselect_submenu.visible {
    display: block;
}

.smartselect.compactmenu .smartselect_menu {
    z-index: 1000;
    overflow: hidden;
}

.smartselect.compactmenu .smartselect_submenu .smartselect_submenu {
    z-index: 1020;
}

.smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {
    font-weight: bold;
}

/**
* Registration
*/
#page-admin-registration-register .registration_textfield {
    width: 300px;
}

.corelightbox {
    background-color: #ccc;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.corelightbox img {
    position: fixed;
    top: 50%;
    left: 50%;
}

.mod-indent-outer {
    display: table;
}

.mod-indent {
    display: table-cell;
}

.mod-indent-1 {
    width: 30px;
}

.mod-indent-2 {
    width: 60px;
}

.mod-indent-3 {
    width: 90px;
}

.mod-indent-4 {
    width: 120px;
}

.mod-indent-5 {
    width: 150px;
}

.mod-indent-6 {
    width: 180px;
}

.mod-indent-7 {
    width: 210px;
}

.mod-indent-8 {
    width: 240px;
}

.mod-indent-9 {
    width: 270px;
}

.mod-indent-10 {
    width: 300px;
}

.mod-indent-11 {
    width: 330px;
}

.mod-indent-12 {
    width: 360px;
}

.mod-indent-13 {
    width: 390px;
}

.mod-indent-14 {
    width: 420px;
}

.mod-indent-15,
.mod-indent-huge {
    width: 420px;
}

/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
.resourcecontent .mediaplugin_mp3 object {
    height: 25px;
    width: 600px;
}

.resourcecontent audio.mediaplugin_html5audio {
    width: 600px;
}

/** Large resource images should avoid hidden overflow **/
.resourceimage {
    max-width: 100%;
}

/* Audio player size in 'inline' mode (can only change width, as above) */
.mediaplugin_mp3 object {
    height: 15px;
    width: 300px;
}

audio.mediaplugin_html5audio {
    width: 300px;
}

/* TinyMCE moodle media preview frame should not have padding */
.core_media_preview.pagelayout-embedded #content {
    padding: 0;
}

.core_media_preview.pagelayout-embedded #maincontent {
    height: 0;
}

body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
    padding: 0;
    margin: 0;
    min-width: 0;
    background: none;
}

.mceEditor.moodleSkin .mceToolbar a span.mceIcon {
    padding: 7px;
}

.mceEditor.moodleSkin .mceToolbar a span.mceIcon img {
    padding: 0;
}

.path-rating .ratingtable .c0 {
    width: 51px;
}

.initialbar a,
.initialbar strong {
    padding-left: 3px;
    padding-right: 3px;
}

/* Moodle Dialogue Settings (moodle-core-dialogue)  */
.moodle-dialogue-base .moodle-dialogue-lightbox {
    background-color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.moodle-dialogue-base .hidden,
.moodle-dialogue-base .moodle-dialogue-hidden {
    display: none;
}

.no-scrolling {
    overflow: hidden;
}

.moodle-dialogue-base .moodle-dialogue-fullscreen {
    left: 0;
    top: 0;
    right: 0;
    bottom: -50px;
    position: fixed;
}

.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
    overflow: auto;
}

.moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
    width: 28px;
    height: 16px;
    background-size: 100%;
}

.moodle-dialogue-base .moodle-dialogue {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    z-index: 600;
    outline: #000 dotted 0;
}

.moodle-dialogue-base .moodle-dialogue-wrap {
    margin-top: -3px;
    margin-left: -3px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
    background-image: none;
    background-color: #fff;
    color: #565656;
    padding: 15px;
    border-bottom: 1px solid #f5f5f5;
    padding-right: 30px;
    font-size: 36px;
    min-height: 66px;
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
    margin-top: 15px;
    margin-right: 5px;
    padding: 0;
    background-image: none;
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons button.yui3-button.closebutton {
    box-shadow: none;
    background-color: #fff;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons button.yui3-button.closebutton:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.moodle-dialogue-base button.yui3-button.closebutton {
    width: 27px;
    height: 27px;
    float: right;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    padding: 0;
    background-image: url([[pix:theme|close_x]]);
    background-repeat: no-repeat;
    border-style: none;
}

.moodle-dialogue-base button.yui3-button.closebutton,
.moodle-dialogue-base button.yui3-button.closebutton:hover {
    background-position: center center;
}

.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
    position: relative;
    padding: 20px;
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
    padding: 0;
}

.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
    overflow: auto;
    position: absolute;
    top: 0;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0;
    border: 0;
}

.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
    border-radius: 0;
}

.moodle-dialogue-confirm .confirmation-dialogue {
    text-align: center;
}

.moodle-dialogue-confirm .confirmation-dialogue input {
    text-align: center;
}

.moodle-dialogue-exception .moodle-exception-message {
    text-align: center;
}

.moodle-dialogue-exception .moodle-exception-param label {
    font-weight: bold;
}

.moodle-dialogue-exception .param-stacktrace label {
    background-color: #eee;
    border: 1px solid #ccc;
    border-bottom-width: 0;
}

.moodle-dialogue-exception .param-stacktrace pre {
    border: 1px solid #ccc;
    background-color: #fff;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
    color: navy;
    font-size: 13px;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
    color: #e91e63;
    font-size: 13px;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
    color: #333;
    font-size: 90%;
    border-bottom: 1px solid #eee;
}

.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
    background-color: #fff;
    font-size: 12px;
    padding: 20px;
    text-align: right;
    border-top: 1px solid #f5f5f5;
    margin-top: 0;
}

.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft .btn-group .btn + .btn {
    margin-left: -1px;
}

.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft .btn-block + .btn-block {
    margin-left: 0;
}

.moodle-dialogue-confirm .confirmation-message {
    margin: 0.5em 1em;
}

.moodle-dialogue-confirm .confirmation-dialogue input {
    min-width: 80px;
}

.moodle-dialogue-exception .moodle-exception-message {
    margin: 1em;
}

.moodle-dialogue-exception .moodle-exception-param {
    margin-bottom: 0.5em;
}

.moodle-dialogue-exception .moodle-exception-param label {
    width: 150px;
}

.moodle-dialogue-exception .param-stacktrace label {
    display: block;
    margin: 0;
    padding: 4px 1em;
}

.moodle-dialogue-exception .param-stacktrace pre {
    display: block;
    height: 200px;
    overflow: auto;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
    display: inline-block;
    margin: 4px 0;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
    display: inline-block;
    width: 50px;
    margin: 4px 1em;
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
    padding-left: 25px;
    margin-bottom: 4px;
    padding-bottom: 4px;
}

.moodle-dialogue .moodle-dialogue-bd .content-lightbox {
    opacity: 75;
    filter: alpha(opacity=7500);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    text-align: center;
    padding: 10% 0;
}

/* Apply a default max-height on tooltip text */
.moodle-dialogue .tooltiptext {
    max-height: 300px;
}

.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
    z-index: 3001;
}

.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
    overflow: auto;
}

/**
* Chooser Dialogues (moodle-core-chooserdialogue)
*
* This CSS belong to the chooser dialogue which should work both with, and
* without javascript enabled
*/
/* Hide the dialog and it's title */
.chooserdialoguebody,
.choosertitle {
    display: none;
}

.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
    margin: 0;
}

.moodle-dialogue-ft:empty {
    display: none;
}

.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
    padding: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

/* Center the submit buttons within the area */
.choosercontainer #chooseform .submitbuttons {
    margin: 0.7em 0;
    text-align: center;
}

.choosercontainer #chooseform .submitbuttons input {
    min-width: 100px;
    margin: 0 0.5em;
}

/* Various settings for the options area */
.choosercontainer #chooseform .options {
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}

/* Only set these options if we're showing the js container */
.jsenabled .choosercontainer #chooseform .alloptions {
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 50%;
    max-height: calc(100vh - 15em) !important;
}

/* Settings for option rows and option subtypes */
.choosercontainer #chooseform .moduletypetitle,
.choosercontainer #chooseform .option,
.choosercontainer #chooseform .nonoption {
    margin-bottom: 0;
    padding: 0 4px;
    font-size: 12px;
}

.choosercontainer #chooseform .moduletypetitle {
    text-transform: uppercase;
    padding-top: 1.2em;
    padding-bottom: 0.4em;
}

.choosercontainer #chooseform .option .typename,
.choosercontainer #chooseform .option span.modicon img.icon,
.choosercontainer #chooseform .nonoption .typename,
.choosercontainer #chooseform .nonoption span.modicon img.icon {
    margin: 0 0 0 0.5em;
}

.choosercontainer #chooseform .option span.modicon img.icon,
.choosercontainer #chooseform .nonoption span.modicon img.icon {
    height: 24px;
    width: 24px;
}

.choosercontainer #chooseform .option input[type=radio],
.choosercontainer #chooseform .option span.typename,
.choosercontainer #chooseform .option span.modicon {
    vertical-align: middle;
}

.choosercontainer #chooseform .option label {
    display: block;
    padding: 0.3em 0 0.1em 0;
    border-bottom: 1px solid #fff;
    font-weight: normal;
}

.choosercontainer #chooseform .nonoption {
    padding-left: 2.7em;
    padding-top: 0.3em;
    padding-bottom: 0.1em;
}

.choosercontainer #chooseform .subtype {
    margin-bottom: 0;
    padding: 0 1.6em 0 3.2em;
}

.choosercontainer #chooseform .subtype .typename {
    margin: 0 0 0 0.2em;
}

/* The instruction/help area */
.jsenabled .choosercontainer #chooseform .instruction,
.jsenabled .choosercontainer #chooseform .typesummary {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    margin: 0;
    padding: 1.6em;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
}

/* Selected option settings */
.jsenabled .choosercontainer #chooseform .instruction,
.choosercontainer #chooseform .selected .typesummary {
    display: block;
}

.choosercontainer #chooseform .selected {
    background-color: #fff;
}

.section-modchooser-link img.smallicon {
    padding: 3px;
}

/* Form element: listing */
.formlistingradio {
    padding-bottom: 25px;
    padding-right: 10px;
}

.formlistinginputradio {
    float: left;
}

.formlistingmain {
    min-height: 225px;
}

.formlisting {
    position: relative;
    margin: 15px 0;
    padding: 1px 19px 14px;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.formlistingmore {
    position: absolute;
    cursor: pointer;
    bottom: -1px;
    right: -1px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    background-color: whiteSmoke;
    border: 1px solid #ddd;
    color: #9da0a4;
    border-radius: 4px 0 4px 0;
}

.formlistingall {
    margin: 15px 0;
    padding: 0;
    border-radius: 4px;
}

.formlistingrow {
    cursor: pointer;
    border-bottom: 1px solid;
    border-color: #e1e1e8;
    border-left: 1px solid #e1e1e8;
    border-right: 1px solid #e1e1e8;
    background-color: #f7f7f9;
    border-radius: 0 0 4px 4px;
    padding: 6px;
    top: 50%;
    left: 50%;
    min-height: 34px;
    float: left;
    width: 150px;
}

body.jsenabled .formlistingradio {
    display: none;
}

body.jsenabled .formlisting {
    display: block;
}

.invisiblefieldset {
    display: inline;
    margin: 0;
    padding: 0;
    border-width: 0;
}

.breadcrumb-nav {
    float: left;
    margin-bottom: 10px;
}

.breadcrumb-button .singlebutton div {
    margin-right: 0;
}

.breadcrumb-nav .breadcrumb {
    margin: 0;
}

/** Action menu component styles **/
.moodle-actionmenu,
.moodle-actionmenu > ul,
.moodle-actionmenu > ul > li {
    display: inline-block;
}

.moodle-actionmenu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.moodle-actionmenu .toggle-display,
.moodle-actionmenu .menu-action-text {
    display: none;
    /** Hidden by default, display none so that we don't take up space. **/
}

.jsenabled .moodle-actionmenu[data-enhance] {
    display: block;
}

.jsenabled .moodle-actionmenu[data-enhance] .menu {
    display: none;
}

.jsenabled .moodle-actionmenu[data-enhance] .toggle-display {
    display: inline;
    /** JS is enabled, we'll be using it so return display to normal **/
    opacity: 50;
    filter: alpha(opacity=5000);
}

.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
    display: block;
    margin-left: 4px;
    padding-left: 4px;
    padding-right: 4px;
}

.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .iconsmall {
    margin: 12px 8px 4px 2px;
    vertical-align: text-bottom;
}

.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
    margin-top: 8px;
    margin-left: 2px;
    border-top-color: #03a9f4;
}

.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:hover,
.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:active {
    border-top-color: #fff;
}

.jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {
    opacity: 100;
    filter: alpha(opacity=10000);
}

.jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {
    display: inline;
}

.moodle-actionmenu[data-enhanced].show {
    position: relative;
}

.moodle-actionmenu[data-enhanced].show .menu {
    display: block;
    position: absolute;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 1000;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 20px 0 #666;
    box-shadow: 5px 5px 20px 0 #666;
    /** bottom left of button **/
    /** bottom right of button **/
    /** top left of button **/
    /** top right of button **/
}

.moodle-actionmenu[data-enhanced].show .menu a {
    display: block;
    color: #333;
    padding: 2px 1em 2px 28px;
}

.moodle-actionmenu[data-enhanced].show .menu a:hover,
.moodle-actionmenu[data-enhanced].show .menu a:focus {
    color: #fff;
    background-color: #03a9f4;
}

.moodle-actionmenu[data-enhanced].show .menu a:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.moodle-actionmenu[data-enhanced].show .menu a:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.moodle-actionmenu[data-enhanced].show .menu a.hidden {
    display: none;
}

.moodle-actionmenu[data-enhanced].show .menu img {
    vertical-align: middle;
}

.moodle-actionmenu[data-enhanced].show .menu .iconsmall {
    margin: 4px 4px 4px -24px;
}

.moodle-actionmenu[data-enhanced].show .menu > li {
    display: block;
}

.moodle-actionmenu[data-enhanced].show .menu.align-tl-bl {
    top: 100%;
    left: 0;
    margin-top: 4px;
}

.moodle-actionmenu[data-enhanced].show .menu.align-tr-bl {
    top: 100%;
    right: 100%;
}

.moodle-actionmenu[data-enhanced].show .menu.align-bl-bl {
    bottom: 100%;
    left: 0;
}

.moodle-actionmenu[data-enhanced].show .menu.align-br-bl {
    bottom: 100%;
    right: 100%;
}

.moodle-actionmenu[data-enhanced].show .menu.align-tl-br {
    top: 100%;
    left: 100%;
}

.moodle-actionmenu[data-enhanced].show .menu.align-tr-br {
    top: 100%;
    right: 0;
    margin-top: 4px;
}

.moodle-actionmenu[data-enhanced].show .menu.align-bl-br {
    bottom: 100%;
    left: 100%;
}

.moodle-actionmenu[data-enhanced].show .menu.align-br-br {
    bottom: 100%;
    right: 0;
}

.moodle-actionmenu[data-enhanced].show .menu.align-tl-tl {
    top: 0;
    left: 0;
}

.moodle-actionmenu[data-enhanced].show .menu.align-tr-tl {
    top: 0;
    right: 100%;
    margin-right: 4px;
}

.moodle-actionmenu[data-enhanced].show .menu.align-bl-tl {
    bottom: 100%;
    left: 0;
    margin-bottom: 4px;
}

.moodle-actionmenu[data-enhanced].show .menu.align-br-tl {
    bottom: 100%;
    right: 100%;
}

.moodle-actionmenu[data-enhanced].show .menu.align-tl-tr {
    top: 0;
    left: 100%;
    margin-left: 4px;
}

.moodle-actionmenu[data-enhanced].show .menu.align-tr-tr {
    top: 0;
    right: 0;
}

.moodle-actionmenu[data-enhanced].show .menu.align-bl-tr {
    bottom: 100%;
    left: 100%;
}

.moodle-actionmenu[data-enhanced].show .menu.align-br-tr {
    bottom: 100%;
    right: 0;
    margin-bottom: 4px;
}

.block .moodle-actionmenu {
    text-align: right;
}

ul.dragdrop-keyboard-drag li {
    list-style-type: none;
}

.block-control-actions .moodle-core-dragdrop-draghandle img {
    width: 12px;
    height: 12px;
}

a.disabled:hover,
a.disabled {
    text-decoration: none;
    cursor: default;
    font-style: italic;
    color: #808080;
}

.progress .bar {
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
}

#fgroup_id_sdays > .fgroup > span,
#fgroup_id_resetgroup > .fgroup > span,
#fgroup_id_resetallgroup > .fgroup > span {
    display: inline-block;
}

/**
 * Snap variables.
 *
 * @package   theme_snap
 * @copyright Copyright (c) 2015 Open LMS (https://www.openlms.net)
 * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
/**
 * Main swatch - includes all snap swatch files.
 *
 * @package   theme_snap
 * @copyright Copyright (c) 2015 Open LMS (https://www.openlms.net)
 * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
/**
 * Moodle blocks.
 *
 * @package   theme_snap
 * @copyright Copyright (c) 2015 Open LMS (https://www.openlms.net)
 * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
@media screen and (min-width: 768px) {
    #moodle-blocks {
        column-count: 2;
        column-gap: 5%;
        column-width: 45%;
    }

    #moodle-blocks .block:not(.block_settings) {
        display: inline-block;
        width: 100%;
        position: relative;
    }
}

.block .header .title h2 {
    font-size: 29px;
}

.block h3 {
    font-size: 24px;
}

a.skip-block {
    display: none;
}

/* remove block actions, always display blocks when displayed */
.block_action {
    display: none;
}

.block.hidden .content {
    display: block;
}

/* hide blocks by default */
/* workaround for participant list pretending to be course view MDL-50492 */
#moodle-blocks,
.path-user.path-course.path-course-view.editing #moodle-blocks {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

/* show blocks on front page, quiz, book, cal etc and when clicked */
#page-admin-index #moodle-blocks,
#page-mod-quiz-attempt #moodle-blocks,
#page-mod-quiz-review #moodle-blocks,
#page-mod-book-view #moodle-blocks,
#page-mod-lesson-view #moodle-blocks,
#page-site-index #moodle-blocks,
#page-user-profile #moodle-blocks,
#page-my-index #moodle-blocks,
#page-calendar-view #moodle-blocks,
#moodle-blocks.state-visible,
.format-weeks.path-course-view.editing #moodle-blocks,
.format-topics.path-course-view.editing #moodle-blocks {
    visibility: visible;
    height: auto;
    overflow: visible;
}

/* Some mods have faux blocks - but we want to hide all the other blocks */
#page-mod-lesson-view #moodle-blocks,
#page-mod-book-view #moodle-blocks,
#page-mod-quiz-review #moodle-blocks,
#page-mod-quiz-attempt #moodle-blocks {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

#page-mod-lesson-view #moodle-blocks .block,
#page-mod-book-view #moodle-blocks .block,
#page-mod-quiz-review #moodle-blocks .block,
#page-mod-quiz-attempt #moodle-blocks .block {
    display: none;
}

#page-mod-lesson-view #moodle-blocks .block_fake,
#page-mod-book-view #moodle-blocks .block_fake,
#page-mod-quiz-review #moodle-blocks .block_fake,
#page-mod-quiz-attempt #moodle-blocks .block_fake,
#page-mod-lesson-view #moodle-blocks .block_settings,
#page-mod-book-view #moodle-blocks .block_settings,
#page-mod-quiz-review #moodle-blocks .block_settings,
#page-mod-quiz-attempt #moodle-blocks .block_settings {
    display: block;
}

#page-mod-lesson-view #moodle-blocks .block_fake,
#page-mod-book-view #moodle-blocks .block_fake,
#page-mod-quiz-review #moodle-blocks .block_fake,
#page-mod-quiz-attempt #moodle-blocks .block_fake {
    margin-top: 2em;
}

.block,
.block-region .block {
    margin: 0 auto 1em;
    padding: 0 2%;
    box-shadow: none;
    border: 0;
    background-color: transparent;
    max-width: 50.5em;
}

body.path-site .block-region .block {
    margin: 2em auto;
}

.block.block_settings,
body.path-site .block.block_settings {
    margin-top: 0;
    margin-bottom: 1em;
}

/* Reset margin on setting block. */
.block_settings .block_tree ul {
    margin-left: 0;
    padding-left: 20px;
}

/* icons in blocks */
.block_navigation .block_tree .tree_item.branch,
.block_settings .block_tree .tree_item.branch {
    background-position: 0 0.4em;
}

.block_navigation .block_tree li.item_with_icon > p img,
.block_settings .block_tree li.item_with_icon > p img {
    top: 0.15em;
    opacity: 0.7;
    position: relative;
}

.block .icon.column {
    width: 21px;
}

.block .icon.column img {
    vertical-align: baseline;
}

.eventcontent .smallicon {
    width: 50px;
    margin-right: 2%;
}

/* Calandar */
.eventtitle {
    font-size: 1em;
}

.calendar-event-panel .eventcontent {
    text-align: left;
    padding: 0.5em;
}

.block .minicalendar {
    max-width: 100%;
}

.eventskey,
.block_calendar_month .calendar_filters {
    display: none;
}

/* ADMIN BLOCK */
#page-content .block_settings {
    width: 320px;
    height: 0;
    visibility: hidden;
    position: fixed;
    background-color: #fff !important;
    top: 0;
    right: -100%;
}

#page-content .block_settings .moodle-core-dragdrop-draghandle {
    display: none;
}

#page-content .block_settings .header {
    visibility: hidden;
    height: 1.5em;
}

#page-content .block_settings.state-visible,
.block_settings:target {
    visibility: visible;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 13;
    right: 0;
    padding-top: 2em;
    border-left: 1px solid #eee;
    transition: right 0.4s ease-in-out;
}

.block .header .title .commands {
    width: 100%;
    font-size: small;
}

.block_rss_client ul.list li {
    border: 0;
    margin: 1em 0;
}

.block_rss_client ul.list li .description {
    font-size: small;
}

/* BLOCKS EDITING */
.block .moodle-actionmenu[data-enhanced].show .menu,
.block .moodle-actionmenu[data-enhanced].show .menu[style] {
    left: 0 !important;
}

.block .commands.show .moodle-core-dragdrop-draghandle {
    display: none;
}

/* Hide header when editing front page block. */
#page-site-index.pagelayout-admin #page-header {
    display: none;
}

#page-site-index.pagelayout-admin #region-main {
    padding-top: 2em;
}

/**
 * Snap core swatch.
 *
 * @package   theme_snap
 * @copyright Copyright (c) 2015 Open LMS (https://www.openlms.net)
 * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
html {
    -webkit-font-smoothing: auto !important;
}

img.spacer,
.noavailable,
.clearfloat {
    display: none;
}

#notice,
.section.img-text,
.boxwidthwide,
.boxwidthnormal,
.course-content ul.topics li.section .content,
.course-content ul.topics li.section .summary,
.site-topic ul.section,
.course-content ul.section,
.path-mod-choice .horizontal,
.path-mod-choice .vertical,
.path-mod-choice .anonymous,
.path-mod-choice .names,
.path-mod-choice .results.anonymous .graph.horizontal,
.block_course_overview .content,
.block .header .title h2,
.block .content,
.coursebox .content .coursecat,
.coursebox .content .summary,
.coursebox .content .courseimage,
.coursebox .content .coursefile,
.coursebox .content .teachers,
.coursebox.remotecoursebox .remotecourseinfo,
.section .activity .availabilityinfo,
.section .activity .contentafterlink,
.course-content ul.topics li.section .content,
.course-content ul.weeks li.section .content,
#page-course-index-category .generalbox.info,
.loginbox.onecolumn,
.loginbox,
#page-report-outline-user .section,
.path-admin #assignrole {
    max-width: 100%;
    min-width: 0;
    width: auto;
    padding: 0;
    margin: 0 auto;
}

.section.img-text:before,
.section.img-text:after {
    content: " ";
    display: table;
}

.section.img-text:after {
    clear: both;
}

.section.img-text:before,
.section.img-text:after {
    content: " ";
    display: table;
}

.section.img-text:after {
    clear: both;
}

table.boxwidthnormal,
table.boxwidthwide {
    width: 100%;
}

#page-course-index-category .generalbox.info,
.courses .coursebox.collapsed,
.loginbox,
.loginbox.twocolumns .loginpanel,
.loginbox.onecolumn {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}

@media screen and (min-width: 768px) {
    .twocolumns .signuppanel,
    .twocolumns .loginpanel {
        float: none !important;
        width: 100% !important;
        left: 0 !important;
        padding: 0 !important;
    }
}

#page-login-index #region-main {
    max-width: 100%;
    padding: 0 4% 2em;
}

#page-login-index .loginpanel h2 {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: no-repeat center center;
    background-size: contain;
    margin: 0;
}

#page-login-index .loginbox {
    float: none;
    padding: 1em 4%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    margin: 2em auto;
    max-width: 30em;
    left: 0;
}

#page-login-index #loginbtn {
    display: block;
    width: 100%;
    margin: 1em 0;
}

#page-login-index .signuppanel > h2 {
    display: none;
}

#page-login-index #moodle-footer {
    margin-top: 0;
}

.full-width {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.full-width-pad {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 0 4%;
}

/* animations */
@keyframes snap-drop {
    0% {
        transform: matrix(1, 0, 0, 1, 0, -600);
    }
    100% {
        transform: matrix(1, 0, 0, 1, 0, 0);
    }
}

@keyframes snap-rise {
    0% {
        transform: matrix(1, 0, 0, 1, 0, 0);
    }
    100% {
        transform: matrix(1, 0, 0, 1, 0, -600);
    }
}

html {
    box-sizing: border-box;
    font-size: 18px;
}

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

::-moz-selection {
    background: #fe57a1;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #fe57a1;
    color: #fff;
    text-shadow: none;
}

body.ie {
    -ms-overflow-style: scrollbar;
}

input:focus,
textarea:focus,
a:focus {
    outline: 0;
}

label {
    font-weight: 500;
}

select {
    background-color: #fff;
    max-width: 100%;
}

select:disabled,
input:disabled,
input:disabled + label {
    opacity: 0.5;
}

:disabled {
    cursor: not-allowed;
}

textarea {
    max-width: 100%;
}

body {
    font-weight: 300;
}

table,
.floater .cell {
    width: 100%;
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    font-size: 16px;
}

blockquote {
    font-size: 1em;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

table img {
    min-width: 12px;
}

table.results td.graph > img {
    min-width: 0;
}

img[style*="float:left"],
img[style*="float: left"],
img[style*="float: right"],
img[style*="float:right"] {
    margin: 2%;
}

small,
.small {
    font-size: small !important;
}

@media screen and (max-width: 991px) {
    img[style*="float:left"],
    img[style*="float: left"],
    img[style*="float: right"],
    img[style*="float:right"] {
        float: none !important;
        display: table-cell;
        clear: both;
    }
}

img.icon {
    padding: 0;
    margin-right: 6px;
}

.svg-icon,
.snap-icon {
    width: 2rem;
    height: 2rem;
    margin: 0 0.3rem;
    vertical-align: middle;
}

.mediaplugin_videojs > div {
    max-width: none !important;
}

.media-responsive {
    width: 100%;
    display: block;
    position: relative;
}

.media-responsive > *:not(video):first-child {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    height: 100% !important;
    width: 100% !important;
}

.media-responsive-pad {
    display: block;
}

.videoiframe iframe {
    width: 100% !important;
    margin: 0 auto;
}

.mediaplugin object,
.mediaplugin_flv,
.mediaplugin embed .mediaplugin iframe {
    width: 100%;
    margin: 0 auto;
    max-height: 90vh;
}

video {
    width: 100% !important;
    height: auto !important;
}

/* mdl hide stuff icon - hide in bs has different meaning*/
img.icon.hide {
    display: inline-block !important;
}

li {
    break-inside: avoid-column;
}

hr {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    height: 1.75em;
    border: 0;
}

.block .content hr {
    margin: 0.3;
    height: 1px;
}

h1,
h2,
h3,
h4,
h5,
h6,
legend {
    line-height: 1.5;
    margin: 0.5em 0;
}

h1 {
    font-weight: 100;
    margin: 0.25em 0;
}

#page-header h1 {
    margin-top: 0;
    line-height: 1;
    font-weight: 100;
}

#region-main textarea {
    font-family: Georgia, "Times New Roman", Times, serif;
}

label,
.label,
.form-label,
.form-defaultinfo,
.form-description,
.form-filemanager,
.ffilepicker,
.ffilemanager,
.fdescription,
.fstatic,
.collapsible-actions,
input,
button,
select,
.pagination,
.initialbar,
.paging,
.alert,
.nav-pills,
.nav-tabs,
.course-report-dashboard,
.yui3-tabview-list,
.yuimenu,
#course-category-listings,
.progress .bar,
.progress-bar,
.yui-dt-paginator {
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
}

@media screen and (min-width: 768px) {
    .nav.nav-justified > li > a {
        padding-left: 0;
        padding-right: 0;
        white-space: nowrap;
    }
}

.path-grade ul.nav.nav-tabs + ul.nav.nav-tabs {
    margin-bottom: 1em;
}

.path-grade ul.nav.nav-tabs + ul.nav.nav-tabs li.disabled > a,
.path-grade ul.nav.nav-tabs + ul.nav.nav-tabs li.disabled > a:hover,
.path-grade ul.nav.nav-tabs + ul.nav.nav-tabs li.disabled > a:focus {
    color: #565656;
    background-color: #fff;
    border: 1px solid #dadada;
    border-bottom-color: transparent;
    cursor: default;
}

select,
input,
textarea {
    max-width: 100%;
}

.section-modchooser-text,
#changenumsections .increase-sections,
#changenumsections .reduce-sections,
.paging.paging-morelink a,
button#local-joulegrader-preview-button,
button.atto_equation_submit,
a.yui3-button,
.yui-button button,
.felement.ftext input + button,
.header-button-group .btn,
.btn.btn-primary,
.btn.btn-default,
.button-group > button,
input.form-submit,
input[type="button"],
input[type="submit"],
button[type="submit"],
.moodle-dialogue-content button,
button#restrictbygroup,
button#livelogs-pause-button,
#page-admin-tool-monitor-managerules a > button,
input[type="reset"] {
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    background: transparent;
}

.section-modchooser-text:hover,
#changenumsections .increase-sections:hover,
#changenumsections .reduce-sections:hover,
.paging.paging-morelink a:hover,
button#local-joulegrader-preview-button:hover,
button.atto_equation_submit:hover,
a.yui3-button:hover,
.yui-button button:hover,
.felement.ftext input + button:hover,
.header-button-group .btn:hover,
.btn.btn-primary:hover,
.btn.btn-default:hover,
.button-group > button:hover,
input.form-submit:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.moodle-dialogue-content button:hover,
button#restrictbygroup:hover,
button#livelogs-pause-button:hover,
#page-admin-tool-monitor-managerules a > button:hover,
input[type="reset"]:hover,
.section-modchooser-text:focus,
#changenumsections .increase-sections:focus,
#changenumsections .reduce-sections:focus,
.paging.paging-morelink a:focus,
button#local-joulegrader-preview-button:focus,
button.atto_equation_submit:focus,
a.yui3-button:focus,
.yui-button button:focus,
.felement.ftext input + button:focus,
.header-button-group .btn:focus,
.btn.btn-primary:focus,
.btn.btn-default:focus,
.button-group > button:focus,
input.form-submit:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
button[type="submit"]:focus,
.moodle-dialogue-content button:focus,
button#restrictbygroup:focus,
button#livelogs-pause-button:focus,
#page-admin-tool-monitor-managerules a > button:focus,
input[type="reset"]:focus {
    text-decoration: none;
    color: #fff;
    background: #03a9f4;
}

.btn.btn-success:visited {
    color: #8bc34a;
}

.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success:focus {
    color: #fff;
    background: #8bc34a;
}

.btn.btn-info:visited {
    color: #03a9f4;
}

.btn.btn-info:hover,
.btn.btn-info:active,
.btn.btn-info:focus {
    color: #fff;
    background: #03a9f4;
}

.btn.btn-warning:visited {
    color: #ff9800;
}

.btn.btn-warning:hover,
.btn.btn-warning:active,
.btn.btn-warning:focus {
    color: #fff;
    background: #ff9800;
}

.btn.btn-danger:visited {
    color: #e91e63;
}

.btn.btn-danger:hover,
.btn.btn-danger:active,
.btn.btn-danger:focus {
    color: #fff;
    background: #e91e63;
}

.btn.btn-inverse,
.btn.btn-inverse:visited {
    color: #fff;
    border-color: #fff;
}

.btn.btn-inverse:hover,
.btn.btn-inverse:active,
.btn.btn-inverse:focus {
    color: #03a9f4;
    background: #fff;
    border-color: #03a9f4;
}

.btn.btn-solid,
.btn.btn-solid:visited,
.btn.btn-solid:active,
.btn.btn-solid:focus {
    background: #fff;
}

.btn-group > button + button {
    margin-left: 1em;
}

#page-site-index .section-modchooser-link {
    clear: both;
    margin: 0;
    padding: 0.5em;
    display: block;
    border-color: white;
}

#page-site-index .section-modchooser-link img {
    display: none;
}

#page-site-index .section-modchooser-link .section-modchooser-text {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 16px;
    font-size: 18px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #03a9f4;
    background-color: transparent;
    border-color: #03a9f4;
}

#page-site-index .section-modchooser-link .section-modchooser-text:focus,
#page-site-index .section-modchooser-link .section-modchooser-text:active:focus,
#page-site-index .section-modchooser-link .section-modchooser-text.active:focus,
#page-site-index .section-modchooser-link .section-modchooser-text.focus,
#page-site-index .section-modchooser-link .section-modchooser-text:active.focus,
#page-site-index .section-modchooser-link .section-modchooser-text.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

#page-site-index .section-modchooser-link .section-modchooser-text:hover,
#page-site-index .section-modchooser-link .section-modchooser-text:focus,
#page-site-index .section-modchooser-link .section-modchooser-text.focus {
    color: #03a9f4;
    text-decoration: none;
}

#page-site-index .section-modchooser-link .section-modchooser-text:active,
#page-site-index .section-modchooser-link .section-modchooser-text.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

#page-site-index .section-modchooser-link .section-modchooser-text.disabled,
#page-site-index .section-modchooser-link .section-modchooser-text[disabled],
fieldset[disabled] #page-site-index .section-modchooser-link .section-modchooser-text {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

a#page-site-index .section-modchooser-link .section-modchooser-text.disabled,
fieldset[disabled] a#page-site-index .section-modchooser-link .section-modchooser-text {
    pointer-events: none;
}

#page-site-index .section-modchooser-link .section-modchooser-text:focus,
#page-site-index .section-modchooser-link .section-modchooser-text.focus {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #015276;
}

#page-site-index .section-modchooser-link .section-modchooser-text:hover {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #027fb8;
}

#page-site-index .section-modchooser-link .section-modchooser-text:active,
#page-site-index .section-modchooser-link .section-modchooser-text.active,
.open > .dropdown-toggle#page-site-index .section-modchooser-link .section-modchooser-text {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #027fb8;
}

#page-site-index .section-modchooser-link .section-modchooser-text:active:hover,
#page-site-index .section-modchooser-link .section-modchooser-text.active:hover,
.open > .dropdown-toggle#page-site-index .section-modchooser-link .section-modchooser-text:hover,
#page-site-index .section-modchooser-link .section-modchooser-text:active:focus,
#page-site-index .section-modchooser-link .section-modchooser-text.active:focus,
.open > .dropdown-toggle#page-site-index .section-modchooser-link .section-modchooser-text:focus,
#page-site-index .section-modchooser-link .section-modchooser-text:active.focus,
#page-site-index .section-modchooser-link .section-modchooser-text.active.focus,
.open > .dropdown-toggle#page-site-index .section-modchooser-link .section-modchooser-text.focus {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #015276;
}

#page-site-index .section-modchooser-link .section-modchooser-text:active,
#page-site-index .section-modchooser-link .section-modchooser-text.active,
.open > .dropdown-toggle#page-site-index .section-modchooser-link .section-modchooser-text {
    background-image: none;
}

#page-site-index .section-modchooser-link .section-modchooser-text.disabled:hover,
#page-site-index .section-modchooser-link .section-modchooser-text[disabled]:hover,
fieldset[disabled] #page-site-index .section-modchooser-link .section-modchooser-text:hover,
#page-site-index .section-modchooser-link .section-modchooser-text.disabled:focus,
#page-site-index .section-modchooser-link .section-modchooser-text[disabled]:focus,
fieldset[disabled] #page-site-index .section-modchooser-link .section-modchooser-text:focus,
#page-site-index .section-modchooser-link .section-modchooser-text.disabled.focus,
#page-site-index .section-modchooser-link .section-modchooser-text[disabled].focus,
fieldset[disabled] #page-site-index .section-modchooser-link .section-modchooser-text.focus {
    background-color: transparent;
    border-color: #03a9f4;
}

#page-site-index .section-modchooser-link .section-modchooser-text .badge {
    color: transparent;
    background-color: #03a9f4;
}

#page-site-index .section-modchooser-link a,
#page-site-index .section-modchooser-link .section-modchooser-text {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
}

.published-status {
    opacity: 0.75;
    font-size: small;
}

.userpicture,
.message_stream_user_picture_icon {
    border-radius: 50%;
}

.userpicture.defaultuserpic {
    border: 1px solid #e5e5e5;
}

.icon-close:before {
    content: '';
    background: transparent url("[[pix:theme|close_x]]") no-repeat 50% 50%;
    display: block;
    height: 1em;
    width: 1em;
    margin: 0.1em auto;
}

#snap-footer-alert .snap-icon-close:before {
    background: transparent url("[[pix:theme|close_x_white]]") no-repeat 50% 50%;
}

.icon-arrow-left:before,
.icon-arrow-right:before {
    content: '';
    background: transparent url("[[pix:theme|right-arrow]]") no-repeat 50% 50%;
    display: block;
    height: 1em;
    width: 1em;
    margin: 0.1em auto;
}

.icon-arrow-left:before {
    background: transparent url("[[pix:theme|left-arrow]]") no-repeat 50% 50%;
}

#page-header,
#page-login-index #page {
    background-position: center top;
    background-size: cover;
}

#snap-home.logo {
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    height: 40px;
    width: 50%;
}

.snap-media-object {
    font-weight: 500;
    padding: 0.5em 0;
}

.snap-media-object:before,
.snap-media-object:after {
    content: " ";
    display: table;
}

.snap-media-object:after {
    clear: both;
}

.snap-media-object:before,
.snap-media-object:after {
    content: " ";
    display: table;
}

.snap-media-object:after {
    clear: both;
}

.snap-media-object > a:focus {
    display: block;
}

.snap-media-object > a > img,
.snap-media-object > img {
    float: left;
    display: block;
    width: 36px;
    margin: 0.5em 1em 0 0.5em;
    height: auto;
    vertical-align: baseline;
}

.snap-media-object .snap-media-body {
    overflow: hidden;
}

.snap-media-object .snap-media-body p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

.snap-media-object .snap-media-body .text_to_html {
    line-height: 1.3em;
}

.snap-media-object .snap-media-body a:hover,
.snap-media-object .snap-media-body a:focus {
    text-decoration: underline;
}

.snap-media-object .snap-media-body .label {
    font-size: small;
}

.snap-media-object h3 {
    color: inherit;
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
}

.snap-media-object h3 small {
    color: inherit;
    opacity: 0.9;
}

.snap-media-object .snap-media-meta {
    display: block;
    font-size: small;
    color: #999;
}

.snap-media-object .snap-unread-marker {
    color: #ff9800;
}

@media screen and (min-width: 480px) {
    #moodle-footer .list-unstyled {
        column-count: 2;
    }
}

@media screen and (min-width: 768px) {
    #moodle-footer .list-large {
        column-count: 3;
    }
}

.message_badge_message,
.message_badge_empty {
    border-top: none;
}

.message_badge_message_subject {
    padding-right: 0;
}

.message_badge_message_close {
    display: none;
}

.message_badge_message_text article {
    font-size: 0.9em;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.message_badge_message_content {
    margin-left: 65px;
}

/**
Its pointless using a colour to visually show that the message is read as we can already tell this by the fact the
read button has been removed and the message text is visible
**/
.message_badge_message.dimmed_text {
    color: #565656;
}

.message_badge_message.dimmed_text .message_badge_message_text,
.message_badge_message.dimmed_text .message_badge_message_text a {
    color: #565656 !important;
}

.message_badge_user_picture {
    margin-right: 18px;
}

.message_badge_user_picture img {
    width: 50px;
}

.alert_stream .message_badge_container .message_badge_overlay,
.alert_stream .message_badge_container .message_badge_message_overlay {
    background-color: transparent;
    border: none;
    max-height: none;
    width: 100%;
    overflow: visible;
}

/***************
THE DOM LOOKS LIKE THIS :

body
nav #mr-nav
#page (for mdl js)
	#page-content (for mdl js)
		div #moodle-page
		header #page-header
		section #region-main
footer #moodle-footer

 ****************************/
#mr-nav,
#page-header,
#region-main,
#moodle-footer,
#moodle-blocks {
    margin: 0 auto;
    padding: 0 4%;
    font-size: 1em;
}

@media (max-width: 375px) {
    #mr-nav,
    #page-header,
    #region-main,
    #moodle-footer,
    #moodle-blocks {
        padding-left: 15px;
        padding-right: 15px;
    }
}

#mr-nav {
    position: fixed;
    width: 100%;
    z-index: 23;
    line-height: 2;
    padding: 0.5em 0 0.5em 4%;
    background-color: rgba(255, 255, 255, 0.95);
}

#mr-nav.headroom--unpinned {
    will-change: transform;
    animation-name: snap-rise;
    animation-timing-function: ease-in-out;
    animation-duration: 0.4s;
    animation-fill-mode: forwards;
}

#mr-nav.headroom--pinned {
    /*
        animation-name: snap-drop;
        animation-timing-function: cubic-bezier(.694, .0482, .335, 1);
        animation-duration: 0.33s;
        */
}

.genius_dashboard_link img {
    width: 1em;
    margin-right: 0.25em;
}

#page {
    margin: 0;
    padding: 0;
    position: relative;
    left: 0;
    transition: all 0.4s 0s ease;
}

#page.offcanvas {
    left: -200px;
}

#moodle-blocks {
    max-width: 60.5em;
    clear: both;
    position: relative;
    float: none;
}

#region-main {
    font-family: Georgia, "Times New Roman", Times, serif;
    max-width: 60.5em;
    padding-top: 1em;
}

#page-mod-quiz-edit #region-main,
#page-course-management #region-main,
#page-local-joulegrader-view #region-main,
#page-mod-quiz-report #region-main {
    max-width: 100%;
}

#page-mod-assign-view .flexible th {
    white-space: normal;
}

#maincontent {
    height: 0;
}

/***************
THE HEADER DOM LOOKS LIKE THIS :

header#page-header
	nav#breadcrumb-nav
		ol#breadcrumb
	div#page-mast
		h1 - a hopefully useful name for this page

 ****************************/
#page-header {
    padding-top: 4em;
    padding-bottom: 0.5em;
}

.breadcrumb-nav {
    margin-bottom: 0;
    float: none;
    margin-top: -0.5em;
}

.breadcrumb {
    background-color: transparent;
    padding: 0;
    font-size: 13px;
    display: block;
}

@media screen and (max-width: 991px) {
    .breadcrumb li:nth-last-child(n+4) {
        display: none;
    }

    .breadcrumb li:nth-last-child(3):before {
        content: "";
        padding: 0;
    }
}

.breadcrumb-button {
    margin-top: 0;
}

/***************
	div#page-mast
		nav#course-toc
				ol #chapters
				search stuff SHAME

 ****************************/
.mast-image .breadcrumb li,
.mast-image .breadcrumb li:before,
.mast-image .breadcrumb > li + li:before,
.mast-image .breadcrumb a,
.mast-image .breadcrumb a:visited {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    color: white;
}

.mast-image #page-mast h1 a,
.mast-image #page-mast h1 a:visited,
.mast-image #page-mast h1 a:hover {
    color: white;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.mast-image #course-toc {
    background-color: rgba(255, 255, 255, 0.95);
}

.path-course-view .mast-image {
    min-height: 250px;
}

#searchpin {
    background: transparent url("[[pix:theme|searchpin]]") no-repeat 50% 50%;
    display: inline-block;
    height: 1em;
    width: 1em;
    margin: 0.1em;
}

/* SHAME - button to toggle actions, e.g. close */
.snap-action-icon {
    padding: 0.5em;
    font-size: 1.5em;
    line-height: 1;
    text-decoration: none !important;
    display: block;
    text-align: center;
}

.snap-action-icon small {
    display: block;
    text-align: center;
    line-height: 1;
    font-size: 1rem;
    text-transform: uppercase;
}

#admin-menu-trigger {
    width: 40px;
    height: 40px;
    margin-right: 1em;
    border: 1px solid #dadada;
    border-radius: 100%;
}

#admin-menu-trigger img {
    padding: 0.5em;
    max-height: 100%;
}

#page-report-outline-user .section {
    border: 0;
}

.path-mod-feedback .generalbox div table tbody img {
    height: auto;
    width: auto;
}

.forumpost .content .posting,
.no-overflow {
    overflow: visible;
    padding: 0;
}

.form-label .form-shortname {
    display: inline;
}

.course-content,
.settingsform,
.mform,
#page-mod-page-view #region-main {
    max-width: 43.5em;
    margin: 0 auto;
}

.quickgradingform > .mform {
    max-width: none;
}

.form-item,
.path-backup .mform .grouped_settings .fitem,
.mform .fcontainer .fitem {
    margin-bottom: 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.form-item:hover,
.path-backup .mform .grouped_settings .fitem:hover,
.mform .fcontainer .fitem:hover {
    background-color: #efefef;
}

.mform .fitem.fitem_fcheckbox:not(#fitem_id_onlygraded) .fitemtitle {
    display: inline;
    float: none;
    width: auto;
    padding-left: 0;
}

.mform .fitem.fitem_fcheckbox:not(#fitem_id_onlygraded) .fcheckbox {
    width: auto;
    padding-right: 0;
}

#page-grade-export-xml-index .mform .fitem.fitem.fitem_fcheckbox .fitemtitle {
    float: left;
    width: 25%;
}

#page-grade-export-xml-index .mform .fitem .fcheckbox {
    color: red;
}

#page-grade-export-xml-index .mform .fitem .fcheckbox input {
    margin-right: 20px;
}

.femptylabel > .fitemtitle {
    display: none;
}

#fgroup_id_completiondiscussionsgroup.fitem_fgroup .fitemtitle label,
#fgroup_id_completionpostsgroup.fitem_fgroup .fitemtitle label,
#fgroup_id_completionrepliesgroup.fitem_fgroup .fitemtitle label,
#fgroup_id_completionpostsgroup.fitem_fgroup .fitemtitle label {
    display: none;
}

#id_activitycompletionheader .fitem_fcheckbox .fitemtitle label {
    display: none;
}

.form-item .form-label .form-shortname {
    display: inline-block;
    padding-left: 1em;
}

.form-item .form-checkbox.defaultsnext {
    display: inline-block;
}

.form-item .form-defaultinfo,
.form-item .form-description pre {
    font-size: 13px;
}


@media screen and (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 4px;
    }
}

.path-backup .mform .grouped_settings .backup_selector .felement {
    width: 100%;
}

.path-backup .root_setting .fitem .fitemtitle,
.path-backup .normal_setting .fitem .fitemtitle,
.path-backup .root_setting .fitem .felement,
.path-backup .normal_setting .fitem .felement {
    width: 50%;
}

.forumpost {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

/* BOOK MOD FIX */
.path-mod-book .book_toc_numbered {
    font-size: 1em;
}

/* hide show description option */
#page-mod-book-mod #fitem_id_showdescription,
#page-mod-page-mod #fitem_id_showdescription {
    display: none;
}

/* Hide not so useful images and exit book option */
.navimages img,
.navimages .bookexit {
    display: none;
}

.navimages a img {
    display: inline;
}

#page-mod-book-view #moodle-blocks {
    clear: none;
    width: 30%;
    float: left;
}

#page-mod-book-print {
    font-size: 18px !important;
    font-family: Georgia, "Times New Roman", Times, serif !important;
}

/* FRONT PAGE ELEMENTS */
#page-site-index #region-main {
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
}

#page-site-index #page-header {
    padding-top: 12.7%;
    padding-bottom: 1.75em;
    min-height: 405px;
    border-bottom: 0;
    margin: 0;
    position: relative;
}

#page-site-index #snap-coverimagecontrol {
    position: absolute;
    bottom: 1em;
    right: 4%;
}

#page-site-index #page-mast {
    background-color: rgba(255, 255, 255, 0.9);
    display: inline-block;
    padding: 1em 2%;
    margin-top: 2em;
}

/*
BUG:
mobile safari does not re-calculate vh on viewport change
http://blog.rodneyrehm.de/archives/34-iOS7-Mobile-Safari-And-Viewport-Units.html
*/
@media screen and (min-width: 1200px) {
    #page-site-index #page-header {
        min-height: 87vh;
    }
}

.path-course #page-mast h1 {
    display: inline;
}

#page-mast .snap-login-button {
    display: inline-block;
    padding: 0.25em 2em;
    margin-top: 1em;
}

#mr-nav .snap-login-button {
    margin-right: 1em;
}

@media screen and (min-width: 768px) {
    #page-site-index #page-mast {
        width: 50%;
        margin: 11vh 0;
    }
}

#page-site-index .breadcrumb-nav {
    display: none;
}

#page-site-index .content-slide {
    display: none;
}

#frontpage-course-list {
    padding: 1em 4%;
}

#page-site-index .sitetopic,
#frontpage-category-names,
#frontpage-category-combo {
    max-width: 50.5em;
    margin: 2em auto;
    clear: both;
}

#page-site-index .sitetopic {
    padding: 0 4%;
}

#page-site-index .sitetopic:before,
#page-site-index .sitetopic:after {
    content: " ";
    display: table;
}

#page-site-index .sitetopic:after {
    clear: both;
}

#page-site-index .sitetopic:before,
#page-site-index .sitetopic:after {
    content: " ";
    display: table;
}

#page-site-index .sitetopic:after {
    clear: both;
}

#site-news-forum h2,
#frontpage-course-list h2,
#frontpage-category-names h2,
#frontpage-category-combo h2 {
    font-weight: 100;
    padding: 0.5em 0;
    text-align: center;
    font-size: 54px;
}

/* FRONT PAGE SITE NEWS */
#page-site-index #site-news-forum {
    margin: 0 auto;
    padding: 0 4% 4em;
    background-color: #f1f0ee;
}

#page-site-index #site-news-forum:before,
#page-site-index #site-news-forum:after {
    content: " ";
    display: table;
}

#page-site-index #site-news-forum:after {
    clear: both;
}

#page-site-index #site-news-forum:before,
#page-site-index #site-news-forum:after {
    content: " ";
    display: table;
}

#page-site-index #site-news-forum:after {
    clear: both;
}

#news-articles {
    margin: 0 auto;
}

.news-article {
    background-color: #fff;
    margin-bottom: 0.5em;
}

.news-article-inner {
    background-color: #fff;
}

.news-article-content {
    padding: 0 4%;
    min-height: 150px;
}

.news-article-content h3 {
    font-size: 46px;
}

.news-article-image {
    cursor: pointer;
}

.news-article-image,
.news-article-preview {
    color: #fff;
    min-height: 150px;
    padding: 2em 4%;
    background-position: center top;
    background-size: cover;
}

.news-article-preview {
    height: auto;
}

.news-article-date {
    font-size: 0.75em;
}

.news-article-message {
    display: none;
    padding: 2em 4%;
}

.state-expanded .news-article-preview,
.state-expanded .news-article-image {
    display: none;
}

.state-expanded .news-article-message {
    display: none;
}

.news-article-message:focus {
    outline: 0;
}

@media screen and (min-width: 768px) {
    .news-article {
        margin-bottom: 0;
        display: flex;
    }

    .news-article-content {
        max-width: 100%;
    }

    .news-article-preview,
    .news-article-image,
    .news-article-inner {
        width: 50%;
        min-height: 300px;
        flex: 1 1 auto;
    }

    .news-article-preview p,
    .news-article-image p,
    .news-article-inner p {
        margin: 1em 0;
        display: block;
    }

    .news-article-image {
        padding: 0;
    }

    .state-expanded .news-article-inner {
        width: 33%;
        order: 1 !important;
    }

    .state-expanded .news-article-message {
        width: 67%;
    }

    #news-articles div:nth-child(odd) .news-article-preview,
    #news-articles div:nth-child(odd) .news-article-image {
        order: 2;
    }

    #news-articles div:nth-child(odd) .news-article-preview p:nth-of-type(2),
    #news-articles div:nth-child(odd) .news-article-image p:nth-of-type(2) {
        text-align: left;
    }

    #news-articles div:nth-child(even) .news-article-inner {
        order: 2;
    }

    .ie9 #news-articles div:nth-child(even) .news-article-preview,
    .ie9 #news-articles div:nth-child(even) .news-article-image,
    .ie9 #news-articles div:nth-child(even) .news-article-inner {
        float: left;
    }

    .ie9 #news-articles div:nth-child(odd) .news-article-preview,
    .ie9 #news-articles div:nth-child(odd) .news-article-image,
    .ie9 #news-articles div:nth-child(odd) .news-article-inner {
        float: right;
    }
}

@media screen and (min-width: 1200px) {
    .news-article {
        min-height: 33vh;
    }
}

.coursebox.clearfix,
.coursebox.dl-horizontal dd,
.coursebox.container,
.coursebox.container-fluid,
.coursebox.row,
.coursebox.modal-header,
.coursebox.modal-footer,
.coursebox.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
.coursebox.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd,
.coursebox.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft,
.coursebox#id_s_theme_snap_resourcedisplay,
.coursebox#page-user-profile .userprofile .profile_tree,
.coursebox.path-course.path-user .userprofile .profile_tree {
    padding: 1em 4%;
    border-bottom: 1px solid #eee;
}

.coursebox .info .coursename {
    font-size: 36px;
}

.coursebox .enrolmenticons,
.coursebox .moreinfo {
    display: inline;
    float: none;
    padding: 0;
}

.coursebox .content .courseimage {
    text-align: center;
    max-height: 150px;
    overflow: hidden;
}

.coursebox .content .courseimage img {
    max-width: 100%;
    max-height: 100%;
}

@media screen and (min-width: 992px) {
    .frontpage-course-list-all .coursebox {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        border: 0;
    }

    .coursebox .content .summary,
    .coursebox .content .teachers {
        width: 62%;
        float: left;
    }

    .coursebox .content .courseimage {
        float: right;
        width: 33%;
    }
}

.paging.paging-morelink {
    text-align: center;
}

/* COURE LISTINGS PAGES */
.course_category_tree .category > .info,
.coursebox .info,
.coursebox {
    background-color: transparent;
    border: none;
    border-color: transparent;
    box-shadow: none;
    margin: 0;
}

.coursebox .info {
    padding: 0;
}

/* Calandar */
span.calendar_event_global,
li.calendar_event_global:before,
td.calendar_event_global > a {
    background-color: #8bc34a;
}

span.calendar_event_course,
li.calendar_event_course:before,
td.calendar_event_course > a {
    background-color: salmon;
}

span.calendar_event_group,
li.calendar_event_group:before,
td.calendar_event_group > a {
    background-color: #fdd652;
}

span.calendar_event_user,
li.calendar_event_user:before,
td.calendar_event_user > a {
    background-color: #03a9f4;
}

td.calendar_event_global,
td.calendar_event_course,
td.calendar_event_group,
td.calendar_event_user {
    background-color: transparent;
}

li.calendar_event_global:before,
li.calendar_event_course:before,
li.calendar_event_group:before,
li.calendar_event_user:before {
    content: " ";
    width: 1em;
    height: 1em;
    border-radius: 100%;
    display: inline-block;
    margin: -0.1em 4%;
}

/* Block cals */
.block .minicalendar {
    max-width: 500px;
}

.block .minicalendar th {
    height: auto;
    font-weight: 300;
}

.block .minicalendar td {
    height: 4em;
    vertical-align: middle;
}

.block .minicalendar td > a {
    border-radius: 100%;
    height: 4em;
    width: 4em;
    padding: 1.2em;
    display: block;
    margin: auto;
}

.block .minicalendar td.hasevent > a {
    color: #fff;
}

.block .minicalendar td.today > a {
    border: 1px solid #dadada;
}

.calendar-event-panel {
    border: 0 !important;
    background-color: #fff;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.calendar-event-panel .yui3-overlay-content {
    border-color: #dadada;
}

.calendar_filters .smallicon {
    display: none;
}

.calendar_filters .calendar_event span[class*="_event_"] {
    border-radius: 100%;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: -0.1em 2%;
}

.maincalendar .header {
    font-weight: 100;
}

.path-calendar .maincalendar .calendarmonth td,
.path-calendar .maincalendar .calendarmonth th {
    border-color: #fff;
    height: 1em;
}

.maincalendar .day .day {
    border-radius: 100%;
    width: 4em;
    height: 4em;
    padding: 1.2em;
    border: 1px solid #fff;
    margin: 0 auto;
}

.maincalendar .today .day {
    border-color: #dadada;
}

.maincalendar .day .day a {
    border-radius: 100%;
    display: block;
    height: 4em;
    width: 4em;
    padding: 1.2em;
    margin: -1.2em;
}

.maincalendar .day.today .day a {
    background-color: transparent;
    display: inline;
    text-align: center;
}

ul.events-new,
ul.events-underway {
    padding-top: 0.5em;
}

ul.events-new + ul.events-underway {
    padding-top: 0;
}

.path-calendar .maincalendar .eventlist .event {
    border: 0;
}

.maincalendar ul {
    text-align: left;
}

.maincalendar ul li {
    background-color: transparent;
}

#dateselector-calendar-panel .yui3-calendarbase {
    width: 350px !important;
}

#dateselector-calendar-panel .yui3-calendar-header-label,
#dateselector-calendar-panel .yui3-calendar-day,
#dateselector-calendar-panel .yui3-calendar-prevmonth-day,
#dateselector-calendar-panel .yui3-calendar-nextmonth-day,
#dateselector-calendar-panel .yui3-calendar-weekday {
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    color: #565656;
    border-color: #fff;
    text-align: center;
    font-weight: normal;
}

#dateselector-calendar-panel .yui3-calendar-prevmonth-day,
#dateselector-calendar-panel .yui3-calendar-nextmonth-day,
#dateselector-calendar-panel .yui3-calendar-weekday {
    font-weight: 100;
}

#dateselector-calendar-panel .yui3-calendar-prevmonth-day,
#dateselector-calendar-panel .yui3-calendar-nextmonth-day {
    color: #999;
}

#dateselector-calendar-panel .yui3-calendar-content {
    background: #fff;
}

#dateselector-calendar-panel .yui3-calendarnav-nextmonth,
#dateselector-calendar-panel .yui3-calendarnav-prevmonth {
    border: 0;
    margin: 0;
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    background-position: center;
}

#dateselector-calendar-panel .yui3-calendarnav-nextmonth {
    background-image: url("[[pix:theme|right-arrow]]");
}

#dateselector-calendar-panel .yui3-calendarnav-prevmonth {
    background-image: url("[[pix:theme|left-arrow]]");
}

#dateselector-calendar-panel .yui3-calendar-day,
#dateselector-calendar-panel .yui3-calendar-prevmonth-day,
#dateselector-calendar-panel .yui3-calendar-nextmonth-day {
    width: 14%;
    border: 0;
    height: 47px;
}

#dateselector-calendar-panel .yui3-calendar-day:hover,
#dateselector-calendar-panel .yui3-calendar-prevmonth-day,
#dateselector-calendar-panel .yui3-calendar-nextmonth-day {
    background-color: #fff;
}

#dateselector-calendar-panel .yui3-calendar-day-selected,
#dateselector-calendar-panel .yui3-calendar-day:hover {
    transition: all 0.4s ease-in-out;
    color: #fff;
    border-radius: 100%;
}

@media screen and (min-width: 768px) {
    #dateselector-calendar-panel .yui3-calendar-base {
        width: 100%;
    }

    #dateselector-calendar-panel .yui3-calendar-header-label {
        font-weight: 100;
        font-size: 36px;
    }

    #dateselector-calendar-panel .yui3-calendarnav-nextmonth,
    #dateselector-calendar-panel .yui3-calendarnav-prevmonth {
        height: 55px;
    }
}

/* USER PROFILE PAGE */
.userprofile .userprofilebox .profilepicture {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px) {
    .userprofile .userprofilebox .profilepicture {
        float: left;
        width: 25%;
    }
}

.userprofile .userprofilebox .descriptionbox {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px) {
    .userprofile .userprofilebox .descriptionbox {
        float: left;
        width: 75%;
    }
}

/* MESSAGING PAGE */
#message_user_pictures .box.user {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    #message_user_pictures .box.user {
        float: left;
        width: 41.66666667%;
    }
}

#message_user_pictures .box.between {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    #message_user_pictures .box.between {
        float: left;
        width: 16.66666667%;
    }
}

#message_user_pictures .box {
    text-align: center;
}

/* Message contaacts list */
.message-contacts {
    list-style: none;
    padding: 0;
}

.message-contacts .pix,
.message-contacts .link,
.message-contacts .contact {
    display: inline;
}

.message-contacts .pix {
    margin-right: 0.5em;
}

.message-contacts .link {
    float: right;
}

.path-mod-choice .results.names .user {
    clear: both;
}

.path-mod-assignment .userpicture,
.path-mod-assignment .picture.user,
.path-mod-assignment .picture.teacher {
    height: auto;
}

.comment-ctrl,
.comment-list {
    font-size: 1em;
}

.comment-area {
    max-width: 100%;
}

.path-mod-workshop .userplan {
    width: 100%;
}

.path-mod-workshop .collapsibleregioncaption {
    font-size: 42px;
    font-weight: 300;
}

#chat-input-area,
#chat-input-area table.generaltable,
#chat-input-area table.generaltable td.cell,
#chat-userlist {
    background-color: transparent !important;
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
    padding: 0;
}

#page-mod-chat-gui_basic-index #mr-nav,
#page-mod-chat-gui_basic-index #moodle-footer,
#page-mod-chat-gui_basic-index #page-header {
    display: none;
}

.branchbuttoncontainer {
    margin: 2em 0;
}

#quiz-timer {
    position: fixed;
    bottom: 0;
    left: 1%;
    background-color: #000;
    color: #eee;
    padding: 0.1em 1%;
    z-index: 1030;
}

#page-mod-quiz-review .arrow_link {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 16px;
    font-size: 18px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #03a9f4;
    background-color: transparent;
    border-color: #03a9f4;
}

#page-mod-quiz-review .arrow_link:focus,
#page-mod-quiz-review .arrow_link:active:focus,
#page-mod-quiz-review .arrow_link.active:focus,
#page-mod-quiz-review .arrow_link.focus,
#page-mod-quiz-review .arrow_link:active.focus,
#page-mod-quiz-review .arrow_link.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

#page-mod-quiz-review .arrow_link:hover,
#page-mod-quiz-review .arrow_link:focus,
#page-mod-quiz-review .arrow_link.focus {
    color: #03a9f4;
    text-decoration: none;
}

#page-mod-quiz-review .arrow_link:active,
#page-mod-quiz-review .arrow_link.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

#page-mod-quiz-review .arrow_link.disabled,
#page-mod-quiz-review .arrow_link[disabled],
fieldset[disabled] #page-mod-quiz-review .arrow_link {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

a#page-mod-quiz-review .arrow_link.disabled,
fieldset[disabled] a#page-mod-quiz-review .arrow_link {
    pointer-events: none;
}

#page-mod-quiz-review .arrow_link:focus,
#page-mod-quiz-review .arrow_link.focus {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #015276;
}

#page-mod-quiz-review .arrow_link:hover {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #027fb8;
}

#page-mod-quiz-review .arrow_link:active,
#page-mod-quiz-review .arrow_link.active,
.open > .dropdown-toggle#page-mod-quiz-review .arrow_link {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #027fb8;
}

#page-mod-quiz-review .arrow_link:active:hover,
#page-mod-quiz-review .arrow_link.active:hover,
.open > .dropdown-toggle#page-mod-quiz-review .arrow_link:hover,
#page-mod-quiz-review .arrow_link:active:focus,
#page-mod-quiz-review .arrow_link.active:focus,
.open > .dropdown-toggle#page-mod-quiz-review .arrow_link:focus,
#page-mod-quiz-review .arrow_link:active.focus,
#page-mod-quiz-review .arrow_link.active.focus,
.open > .dropdown-toggle#page-mod-quiz-review .arrow_link.focus {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #015276;
}

#page-mod-quiz-review .arrow_link:active,
#page-mod-quiz-review .arrow_link.active,
.open > .dropdown-toggle#page-mod-quiz-review .arrow_link {
    background-image: none;
}

#page-mod-quiz-review .arrow_link.disabled:hover,
#page-mod-quiz-review .arrow_link[disabled]:hover,
fieldset[disabled] #page-mod-quiz-review .arrow_link:hover,
#page-mod-quiz-review .arrow_link.disabled:focus,
#page-mod-quiz-review .arrow_link[disabled]:focus,
fieldset[disabled] #page-mod-quiz-review .arrow_link:focus,
#page-mod-quiz-review .arrow_link.disabled.focus,
#page-mod-quiz-review .arrow_link[disabled].focus,
fieldset[disabled] #page-mod-quiz-review .arrow_link.focus {
    background-color: transparent;
    border-color: #03a9f4;
}

#page-mod-quiz-review .arrow_link .badge {
    color: transparent;
    background-color: #03a9f4;
}

#page-mod-quiz-mod #id_reviewoptionshdr .fitem {
    width: 100%;
    float: none;
}

#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
    margin: 1em 0;
}

#page-mod-quiz-edit div.question div.qnum {
    color: inherit;
    width: 5%;
}

#page-mod-quiz-edit div.editq div.question div.content {
    border-radius: 0;
    width: 95%;
}

#page-mod-quiz-edit div.question div.content div.points,
#page-mod-quiz-edit div.question div.content div.questioncontrols {
    position: relative;
    float: right;
    width: 30%;
    right: auto;
}

#page-mod-quiz-edit div.question div.content div.points:empty,
#page-mod-quiz-edit div.question div.content div.questioncontrols:empty {
    display: none;
}

#page-mod-quiz-edit div.question div.content div.questioncontrols {
    width: 55px;
}

.questioncontentcontainer {
    width: 68%;
}

.questioncontainer.random .questioncontentcontainer {
    width: 100%;
}

#page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist {
    clear: both;
    background-color: transparent;
    width: 100%;
}

#page-mod-quiz-edit div.question div.content .questionname,
#page-mod-quiz-edit div.question div.content .questiontext {
    max-width: 95%;
}

@media screen and (max-width: 1199px) {
    .questioncontentcontainer {
        width: 100%;
        clear: both;
    }

    #page-mod-quiz-edit div.question div.content div.questioncontrols,
    #page-mod-quiz-edit div.question div.content div.points {
        position: relative;
        float: left;
        width: 50%;
        max-width: 50%;
        text-align: left;
        right: auto;
    }
}

#page-mod-quiz-edit div.quizcontents,
.questionbankwindow.block {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

#page-mod-quiz-edit div.reorder .reordercontrols .moveselectedonpage,
#page-mod-quiz-edit div.reorder .reordercontrols .addnewpagesafterselected {
    padding-right: 0;
}

#page-mod-quiz-edit div.reorder .reordercontrols .moveselectedonpage input,
#page-mod-quiz-edit div.reorder .reordercontrols .addnewpagesafterselected input {
    white-space: normal;
}

#page-mod-quiz-edit div.reorder div.question div.content {
    width: calc(100% - 4.3em);
}

#page-mod-quiz-edit .menu-action-text,
#page-mod-quiz-edit .toggle-display.textmenu {
    white-space: nowrap;
}

#page-mod-quiz-edit ul.slots .activityinstance span.instancename {
    overflow: visible;
}

@media screen and (min-width: 992px) {
    #page-mod-quiz-edit div.quizcontents,
    .questionbankwindow.block {
        width: 50%;
    }

    #page-mod-quiz-edit div.container div.generalbox {
        padding-left: 8%;
        padding-right: 0;
    }
}

#page-mod-quiz-edit div.quizwhenbankcollapsed,
#page-mod-quiz-edit .modulespecificbuttonscontainer {
    width: 100%;
}

#page-mod-quiz-edit .categoryinfo {
    display: none;
}

#categoryquestions .checkbox {
    display: table-cell;
}

#categoryquestions .iconcol {
    width: 22px;
}

#categoryquestions label,
#page-mod-quiz-edit #categoryquestions .questiontext,
.questioncontentcontainer label,
#page-mod-quiz-edit div.question div.content .questiontext {
    font-weight: 300;
}

.que {
    border-bottom: 1px solid #999;
    padding: 1.5em 0;
    margin: 1em 0;
}

.que .info,
.que .content {
    background-color: transparent;
    border: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    float: none;
}

.que h3.no {
    margin-top: 1em;
}

.que h3.no,
.que span.qno {
    font-size: 46px;
    font-weight: 300;
}

.que .info > div {
    display: inline-block;
    font-size: small;
    color: #999;
    padding-right: 2%;
}

.que .formulation,
.formulation .incorrect,
.formulation .correct {
    border: 0;
    background-color: transparent;
    width: 100%;
    margin: 0;
    padding: 0;
}

.que .qtext {
    font-size: 1.3em;
}

.que.multichoice .answer .specificfeedback {
    display: block;
}

#page-mod-quiz-edit .editq div.question {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #ccc;
}

#categoryquestions td,
#categoryquestions th {
    padding: 4px 0.2em;
}

.singlequestion .questioneditbutton img {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.questioncontainer:before,
.questioncontainer:after {
    content: " ";
    display: table;
}

.questioncontainer:after {
    clear: both;
}

.questioncontainer:before,
.questioncontainer:after {
    content: " ";
    display: table;
}

.questioncontainer:after {
    clear: both;
}

#page-mod-quiz-edit .editq div.question div.content .singlequestion .questioneditbutton .questionname,
#page-mod-quiz-edit .editq div.question div.content .singlequestion .questioneditbutton .questiontext {
    float: none;
    display: block;
    font-weight: normal;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

#page-mod-quiz-edit .questioncontentcontainer div.singlequestion a {
    text-decoration: none;
}

#page-mod-quiz-edit .paging,
#page-mod-quiz-edit div.question div.content .singlequestion .questionpreview,
#page-mod-quiz-edit div.question div.content .questionpreview a {
    background-color: transparent;
}

#page-mod-quiz-edit div.question div.content .questiontype {
    float: left;
    font-style: normal;
    font-size: small;
}

#page-mod-quiz-edit div.editq div.question div.content {
    border: 0;
}

#page-mod-quiz-edit div.quizpage span.pagetitle,
#page-mod-quiz-edit div.quizpage .pagecontent {
    float: none;
}

#page-mod-quiz-edit .questionbankwindow.block div.header {
    background-color: transparent;
    font-weight: normal;
}

#page-mod-quiz-edit div.quizpage span.pagetitle,
#page-mod-quiz-edit .questionbankwindow.block div.header div.title h2,
#page-mod-quiz-edit .questionbankwindow a#showbankcmd,
#page-mod-quiz-edit .questionbankwindow a#hidebankcmd,
#page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist .totalquestionsinrandomqcategory {
    color: inherit;
}

#page-mod-quiz-edit div.quizpage .pagecontent {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
}

#page-mod-quiz-edit div.quizpage .pagecontent,
#page-mod-quiz-edit div.question div.questioncontainer {
    background-color: transparent;
}

#page-mod-quiz-edit .invisiblefieldset br {
    display: none;
}

#page-mod-quiz-edit .modulespecificbuttonscontainer br {
    display: block;
}

#page-mod-quiz-edit div.question div.content div.points input {
    width: auto;
}

.forumsearch {
    padding: 1em;
    float: right;
}

.course-1 .movediscussion,
.course-1 .displaymode {
    display: none;
}

@media screen and (max-width: 991px) {
    .path-mod-forum .forumheaderlist tbody td.topic {
        width: 100%;
    }

    .path-mod-forum .forumheaderlist .picture a {
        display: inline;
    }

    .forumheaderlist thead {
        display: none;
    }

    .forumheaderlist tbody {
        width: 100%;
        display: block;
    }

    .forumheaderlist tbody tr.discussion {
        display: block;
        padding: 1em 0;
        border-bottom: 3px solid #ccc;
        width: 100%;
    }

    .forumheaderlist tbody tr td,
    .forumheaderlist td.picture.group {
        display: block;
        clear: both;
        text-align: left !important;
        background-color: transparent !important;
        width: 100%;
    }

    .forumheaderlist td.topic {
        font-size: 1.3em;
    }

    .forumheaderlist td:before {
        font-size: 0.9em;
        color: #999;
        font-weight: bold;
    }

    .forumheaderlist td.topic:before {
        content: attr(data-cellname);
    }

    .forumheaderlist td.picture:before {
        content: attr(data-cellname);
    }

    .forumheaderlist td.replies:before {
        content: attr(data-cellname);
    }

    .forumheaderlist td.lastpost:before {
        content: attr(data-cellname);
    }

    .forumheaderlist td:before {
        display: inline-block;
        margin-right: 4%;
    }

    .forumheaderlist td.author,
    .forumheaderlist td.picture {
        clear: none;
    }

    .forumheaderlist td.picture {
        width: 32%;
        display: inline;
        margin-right: 2%;
    }

    .forumheaderlist td.author {
        width: 68%;
        display: inline;
    }
}

table.boxaligncenter.generaltable.user-grade {
    background-color: #fff;
}

table.boxaligncenter.generaltable.user-grade th {
    font-weight: 500;
}

table.boxaligncenter.generaltable.user-grade thead {
    border-bottom: 1px solid #eee;
}

table.boxaligncenter.generaltable.user-grade img.icon {
    width: 1.3em;
    height: 1.3em;
}

table.boxaligncenter.generaltable.user-grade td.feedbacktext {
    font-size: 1.3em;
}

table.boxaligncenter.generaltable.user-grade th a {
    font-size: 1.2em;
}

table.boxaligncenter.generaltable.user-grade th {
    padding: 0.75em !important;
    border-color: #fff !important;
}

table.boxaligncenter.generaltable.user-grade td {
    border-color: #fff !important;
}

table.boxaligncenter.generaltable.user-grade * {
    background-color: #fff !important;
}

.path-blocks-reports #report-content {
    min-height: 750px;
}

.path-blocks-reports .course-report-dashboard {
    display: block;
    width: auto;
    overflow: visible;
}

.mr_html_tabs {
    margin-bottom: 1em;
}

.path-grade-report-user .user-grade {
    border: 0;
}

.user-grade td.b1l,
.user-grade td.b2l,
.user-grade th.b1l,
.user-grade th.b2l,
.user-grade td.b1b,
.user-grade td.b2b,
.user-grade th.b1b,
.user-grade th.b2b,
.user-grade thead {
    border-color: #ccc;
    border-left: 0 !important;
    border-right: 0 !important;
}

.user-grade td.evend2,
.user-grade th.evend2,
.user-grade td.oddd1,
.user-grade th.oddd1,
table#user-grades td.controls,
.path-grade-report-grader table tr.avg .cell,
.path-grade-report-grader table tr.range .cell,
table#user-grades tr.avg td.cell,
.user-grade td.oddd2,
.user-grade th.oddd2,
.user-grade td.oddd3,
.user-grade th.oddd3,
.user-grade td.evend3,
.user-grade th.evend3,
.user-grade td.oddd3,
.user-grade th.oddd3 {
    background-color: transparent;
}

table#user-grades tr.avg td.cell {
    color: #66666f;
}

#page-blocks-reports-view .mr_html_filter,
#block-reports-filterbutton,
.blocks_reports_useractions,
.blocks_reports_jouleadmin {
    border: none;
    background: none;
}

.report-category-overlay .yui3-widget {
    width: inherit !important;
    min-width: 220px;
}

.report-course-overlay .yui3-widget {
    width: inherit !important;
    min-width: 300px;
}

.gradingform_checklist.editor .addgroup input,
.gradingform_checklist.editor .additem input,
.gradingform_rubric.editor .addlevel input,
.gradingform_rubric.editor .addcriterion input {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 16px;
    font-size: 18px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #03a9f4;
    background-color: transparent;
    border-color: #03a9f4;
    height: auto;
}

.gradingform_checklist.editor .addgroup input:focus,
.gradingform_checklist.editor .additem input:focus,
.gradingform_rubric.editor .addlevel input:focus,
.gradingform_rubric.editor .addcriterion input:focus,
.gradingform_checklist.editor .addgroup input:active:focus,
.gradingform_checklist.editor .additem input:active:focus,
.gradingform_rubric.editor .addlevel input:active:focus,
.gradingform_rubric.editor .addcriterion input:active:focus,
.gradingform_checklist.editor .addgroup input.active:focus,
.gradingform_checklist.editor .additem input.active:focus,
.gradingform_rubric.editor .addlevel input.active:focus,
.gradingform_rubric.editor .addcriterion input.active:focus,
.gradingform_checklist.editor .addgroup input.focus,
.gradingform_checklist.editor .additem input.focus,
.gradingform_rubric.editor .addlevel input.focus,
.gradingform_rubric.editor .addcriterion input.focus,
.gradingform_checklist.editor .addgroup input:active.focus,
.gradingform_checklist.editor .additem input:active.focus,
.gradingform_rubric.editor .addlevel input:active.focus,
.gradingform_rubric.editor .addcriterion input:active.focus,
.gradingform_checklist.editor .addgroup input.active.focus,
.gradingform_checklist.editor .additem input.active.focus,
.gradingform_rubric.editor .addlevel input.active.focus,
.gradingform_rubric.editor .addcriterion input.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.gradingform_checklist.editor .addgroup input:hover,
.gradingform_checklist.editor .additem input:hover,
.gradingform_rubric.editor .addlevel input:hover,
.gradingform_rubric.editor .addcriterion input:hover,
.gradingform_checklist.editor .addgroup input:focus,
.gradingform_checklist.editor .additem input:focus,
.gradingform_rubric.editor .addlevel input:focus,
.gradingform_rubric.editor .addcriterion input:focus,
.gradingform_checklist.editor .addgroup input.focus,
.gradingform_checklist.editor .additem input.focus,
.gradingform_rubric.editor .addlevel input.focus,
.gradingform_rubric.editor .addcriterion input.focus {
    color: #03a9f4;
    text-decoration: none;
}

.gradingform_checklist.editor .addgroup input:active,
.gradingform_checklist.editor .additem input:active,
.gradingform_rubric.editor .addlevel input:active,
.gradingform_rubric.editor .addcriterion input:active,
.gradingform_checklist.editor .addgroup input.active,
.gradingform_checklist.editor .additem input.active,
.gradingform_rubric.editor .addlevel input.active,
.gradingform_rubric.editor .addcriterion input.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.gradingform_checklist.editor .addgroup input.disabled,
.gradingform_checklist.editor .additem input.disabled,
.gradingform_rubric.editor .addlevel input.disabled,
.gradingform_rubric.editor .addcriterion input.disabled,
.gradingform_checklist.editor .addgroup input[disabled],
.gradingform_checklist.editor .additem input[disabled],
.gradingform_rubric.editor .addlevel input[disabled],
.gradingform_rubric.editor .addcriterion input[disabled],
fieldset[disabled] .gradingform_checklist.editor .addgroup input,
fieldset[disabled] .gradingform_checklist.editor .additem input,
fieldset[disabled] .gradingform_rubric.editor .addlevel input,
fieldset[disabled] .gradingform_rubric.editor .addcriterion input {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.gradingform_checklist.editor .addgroup input.disabled,
a.gradingform_checklist.editor .additem input.disabled,
a.gradingform_rubric.editor .addlevel input.disabled,
a.gradingform_rubric.editor .addcriterion input.disabled,
fieldset[disabled] a.gradingform_checklist.editor .addgroup input,
fieldset[disabled] a.gradingform_checklist.editor .additem input,
fieldset[disabled] a.gradingform_rubric.editor .addlevel input,
fieldset[disabled] a.gradingform_rubric.editor .addcriterion input {
    pointer-events: none;
}

.gradingform_checklist.editor .addgroup input:focus,
.gradingform_checklist.editor .additem input:focus,
.gradingform_rubric.editor .addlevel input:focus,
.gradingform_rubric.editor .addcriterion input:focus,
.gradingform_checklist.editor .addgroup input.focus,
.gradingform_checklist.editor .additem input.focus,
.gradingform_rubric.editor .addlevel input.focus,
.gradingform_rubric.editor .addcriterion input.focus {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #015276;
}

.gradingform_checklist.editor .addgroup input:hover,
.gradingform_checklist.editor .additem input:hover,
.gradingform_rubric.editor .addlevel input:hover,
.gradingform_rubric.editor .addcriterion input:hover {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #027fb8;
}

.gradingform_checklist.editor .addgroup input:active,
.gradingform_checklist.editor .additem input:active,
.gradingform_rubric.editor .addlevel input:active,
.gradingform_rubric.editor .addcriterion input:active,
.gradingform_checklist.editor .addgroup input.active,
.gradingform_checklist.editor .additem input.active,
.gradingform_rubric.editor .addlevel input.active,
.gradingform_rubric.editor .addcriterion input.active,
.open > .dropdown-toggle.gradingform_checklist.editor .addgroup input,
.open > .dropdown-toggle.gradingform_checklist.editor .additem input,
.open > .dropdown-toggle.gradingform_rubric.editor .addlevel input,
.open > .dropdown-toggle.gradingform_rubric.editor .addcriterion input {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #027fb8;
}

.gradingform_checklist.editor .addgroup input:active:hover,
.gradingform_checklist.editor .additem input:active:hover,
.gradingform_rubric.editor .addlevel input:active:hover,
.gradingform_rubric.editor .addcriterion input:active:hover,
.gradingform_checklist.editor .addgroup input.active:hover,
.gradingform_checklist.editor .additem input.active:hover,
.gradingform_rubric.editor .addlevel input.active:hover,
.gradingform_rubric.editor .addcriterion input.active:hover,
.open > .dropdown-toggle.gradingform_checklist.editor .addgroup input:hover,
.open > .dropdown-toggle.gradingform_checklist.editor .additem input:hover,
.open > .dropdown-toggle.gradingform_rubric.editor .addlevel input:hover,
.open > .dropdown-toggle.gradingform_rubric.editor .addcriterion input:hover,
.gradingform_checklist.editor .addgroup input:active:focus,
.gradingform_checklist.editor .additem input:active:focus,
.gradingform_rubric.editor .addlevel input:active:focus,
.gradingform_rubric.editor .addcriterion input:active:focus,
.gradingform_checklist.editor .addgroup input.active:focus,
.gradingform_checklist.editor .additem input.active:focus,
.gradingform_rubric.editor .addlevel input.active:focus,
.gradingform_rubric.editor .addcriterion input.active:focus,
.open > .dropdown-toggle.gradingform_checklist.editor .addgroup input:focus,
.open > .dropdown-toggle.gradingform_checklist.editor .additem input:focus,
.open > .dropdown-toggle.gradingform_rubric.editor .addlevel input:focus,
.open > .dropdown-toggle.gradingform_rubric.editor .addcriterion input:focus,
.gradingform_checklist.editor .addgroup input:active.focus,
.gradingform_checklist.editor .additem input:active.focus,
.gradingform_rubric.editor .addlevel input:active.focus,
.gradingform_rubric.editor .addcriterion input:active.focus,
.gradingform_checklist.editor .addgroup input.active.focus,
.gradingform_checklist.editor .additem input.active.focus,
.gradingform_rubric.editor .addlevel input.active.focus,
.gradingform_rubric.editor .addcriterion input.active.focus,
.open > .dropdown-toggle.gradingform_checklist.editor .addgroup input.focus,
.open > .dropdown-toggle.gradingform_checklist.editor .additem input.focus,
.open > .dropdown-toggle.gradingform_rubric.editor .addlevel input.focus,
.open > .dropdown-toggle.gradingform_rubric.editor .addcriterion input.focus {
    color: #03a9f4;
    background-color: rgba(0, 0, 0, 0);
    border-color: #015276;
}

.gradingform_checklist.editor .addgroup input:active,
.gradingform_checklist.editor .additem input:active,
.gradingform_rubric.editor .addlevel input:active,
.gradingform_rubric.editor .addcriterion input:active,
.gradingform_checklist.editor .addgroup input.active,
.gradingform_checklist.editor .additem input.active,
.gradingform_rubric.editor .addlevel input.active,
.gradingform_rubric.editor .addcriterion input.active,
.open > .dropdown-toggle.gradingform_checklist.editor .addgroup input,
.open > .dropdown-toggle.gradingform_checklist.editor .additem input,
.open > .dropdown-toggle.gradingform_rubric.editor .addlevel input,
.open > .dropdown-toggle.gradingform_rubric.editor .addcriterion input {
    background-image: none;
}

.gradingform_checklist.editor .addgroup input.disabled:hover,
.gradingform_checklist.editor .additem input.disabled:hover,
.gradingform_rubric.editor .addlevel input.disabled:hover,
.gradingform_rubric.editor .addcriterion input.disabled:hover,
.gradingform_checklist.editor .addgroup input[disabled]:hover,
.gradingform_checklist.editor .additem input[disabled]:hover,
.gradingform_rubric.editor .addlevel input[disabled]:hover,
.gradingform_rubric.editor .addcriterion input[disabled]:hover,
fieldset[disabled] .gradingform_checklist.editor .addgroup input:hover,
fieldset[disabled] .gradingform_checklist.editor .additem input:hover,
fieldset[disabled] .gradingform_rubric.editor .addlevel input:hover,
fieldset[disabled] .gradingform_rubric.editor .addcriterion input:hover,
.gradingform_checklist.editor .addgroup input.disabled:focus,
.gradingform_checklist.editor .additem input.disabled:focus,
.gradingform_rubric.editor .addlevel input.disabled:focus,
.gradingform_rubric.editor .addcriterion input.disabled:focus,
.gradingform_checklist.editor .addgroup input[disabled]:focus,
.gradingform_checklist.editor .additem input[disabled]:focus,
.gradingform_rubric.editor .addlevel input[disabled]:focus,
.gradingform_rubric.editor .addcriterion input[disabled]:focus,
fieldset[disabled] .gradingform_checklist.editor .addgroup input:focus,
fieldset[disabled] .gradingform_checklist.editor .additem input:focus,
fieldset[disabled] .gradingform_rubric.editor .addlevel input:focus,
fieldset[disabled] .gradingform_rubric.editor .addcriterion input:focus,
.gradingform_checklist.editor .addgroup input.disabled.focus,
.gradingform_checklist.editor .additem input.disabled.focus,
.gradingform_rubric.editor .addlevel input.disabled.focus,
.gradingform_rubric.editor .addcriterion input.disabled.focus,
.gradingform_checklist.editor .addgroup input[disabled].focus,
.gradingform_checklist.editor .additem input[disabled].focus,
.gradingform_rubric.editor .addlevel input[disabled].focus,
.gradingform_rubric.editor .addcriterion input[disabled].focus,
fieldset[disabled] .gradingform_checklist.editor .addgroup input.focus,
fieldset[disabled] .gradingform_checklist.editor .additem input.focus,
fieldset[disabled] .gradingform_rubric.editor .addlevel input.focus,
fieldset[disabled] .gradingform_rubric.editor .addcriterion input.focus {
    background-color: transparent;
    border-color: #03a9f4;
}

.gradingform_checklist.editor .addgroup input .badge,
.gradingform_checklist.editor .additem input .badge,
.gradingform_rubric.editor .addlevel input .badge,
.gradingform_rubric.editor .addcriterion input .badge {
    color: transparent;
    background-color: #03a9f4;
}

.gradingform_rubric.editor .criterion .levels .level .delete {
    position: relative;
}

.path-blocks-reports .report-category-overlay .yui3-widget,
.path-blocks-reports .report-course-overlay .yui3-widget {
    z-index: 1 !important;
}

.path-blocks-reports #course-search-left,
.path-blocks-reports #course-search-right {
    display: none;
}

.path-blocks-reports #course-search-box {
    background-image: none;
    min-height: 60px;
}

.path-blocks-reports #course-search-text {
    padding-top: 0;
    margin: 0.5em 5%;
    width: calc(84% - 13px);
}

.path-blocks-reports #course-search-button {
    padding-top: 3px;
    margin: 0.5em 1% 0.5em 0;
}

.path-blocks-reports #course-search-input {
    color: #565656;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dadada;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .4s, box-shadow ease-in-out .4s;
    -o-transition: border-color ease-in-out .4s, box-shadow ease-in-out .4s;
    transition: border-color ease-in-out .4s, box-shadow ease-in-out .4s;
    width: 100%;
}

.path-blocks-reports .yui3-widget-stdmod,
.path-blocks-reports .yui3-aclist-content {
    z-index: 1000;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 18px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.path-blocks-reports .yui3-widget-stdmod .report-overlay-bd,
.path-blocks-reports .yui3-aclist-content .report-overlay-bd {
    padding: 0;
}

.path-blocks-reports .yui3-widget-stdmod div.report-nav-item,
.path-blocks-reports .yui3-aclist-content div.report-nav-item {
    border-bottom: none;
    width: 100%;
}

.path-blocks-reports .yui3-widget-stdmod div.report-nav-item a.nav-item,
.path-blocks-reports .yui3-aclist-content div.report-nav-item a.nav-item {
    display: block;
    padding: 3px 20px;
    font-weight: normal;
    line-height: 1.6;
    color: #333;
    white-space: nowrap;
    width: 100%;
}

.path-blocks-reports .yui3-widget-stdmod div.report-nav-item a.nav-item:hover,
.path-blocks-reports .yui3-aclist-content div.report-nav-item a.nav-item:hover,
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item a.nav-item:focus,
.path-blocks-reports .yui3-aclist-content div.report-nav-item a.nav-item:focus {
    text-decoration: none;
    color: #fff;
    background-color: #03a9f4;
}

.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-left a.nav-paginate,
.path-blocks-reports .yui3-aclist-content div.report-nav-item-left a.nav-paginate,
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-right a.nav-paginate,
.path-blocks-reports .yui3-aclist-content div.report-nav-item-right a.nav-paginate {
    display: block;
    padding: 3px 20px;
    font-weight: normal;
    line-height: 1.6;
    color: #333;
    white-space: nowrap;
}

.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-left a.nav-paginate:hover,
.path-blocks-reports .yui3-aclist-content div.report-nav-item-left a.nav-paginate:hover,
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-right a.nav-paginate:hover,
.path-blocks-reports .yui3-aclist-content div.report-nav-item-right a.nav-paginate:hover,
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-left a.nav-paginate:focus,
.path-blocks-reports .yui3-aclist-content div.report-nav-item-left a.nav-paginate:focus,
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-right a.nav-paginate:focus,
.path-blocks-reports .yui3-aclist-content div.report-nav-item-right a.nav-paginate:focus {
    text-decoration: none;
    color: #fff;
    background-color: #03a9f4;
}

.path-blocks-reports .yui3-widget-stdmod #report-overlay-course div.report-nav-item a.nav-item,
.path-blocks-reports .yui3-aclist-content #report-overlay-course div.report-nav-item a.nav-item {
    white-space: normal;
}

#page-grade-report-grader-index header#mr-nav {
    animation-name: none;
}

#page-local-joulegrader-view #local-joulegrader-navigation {
    border-bottom: thin solid #e5e5e5;
    background-color: transparent;
}

#page-local-joulegrader-view #local-joulegrader-navigation .helptooltip {
    display: none;
}

#page-local-joulegrader-view #local-joulegrader-navigation .action-icon img.smallicon {
    vertical-align: middle;
}

#page-local-joulegrader-view fieldset.fieldset {
    border-color: #e5e5e5;
}

#page-local-joulegrader-view fieldset.fieldset legend {
    width: auto;
    border: none;
    padding: 0 0.5em;
}

#page-admin-outcome-admin .yui3-moodle-core_outcome-editoutcome-outcome {
    background-position: left .35em;
}

.yui3-moodle-core_outcome-editoutcome-panel #outcome_edit_panel .fitem {
    display: block;
    margin-bottom: 0.5rem;
}

.yui3-aclist-content {
    overflow-y: auto;
    max-height: 90vh;
}

.path-blocks-reports .report-title {
    font-weight: normal;
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
}

.path-mod-assign #region-main,
.path-grade-edit-tree #region-main,
.path-grade-report-customgrader #region-main,
.path-grade-report-grader #region-main {
    width: 100%;
    max-width: 100%;
}

.path-mod-assign table.simple,
.path-grade-edit-tree table.simple,
.path-grade-report-customgrader table.simple,
.path-grade-report-grader table.simple,
.path-mod-assign #gradetreesubmit,
.path-grade-edit-tree #gradetreesubmit,
.path-grade-report-customgrader #gradetreesubmit,
.path-grade-report-grader #gradetreesubmit,
.path-mod-assign ul.nav-tabs,
.path-grade-edit-tree ul.nav-tabs,
.path-grade-report-customgrader ul.nav-tabs,
.path-grade-report-grader ul.nav-tabs {
    max-width: 60.5em;
    margin: 0 auto 1em;
}

.gradetreebox,
.gradingtable .no-overflow,
#page-mod-quiz-report.pagelayout-report .no-overflow,
.path-admin-roles div[role="main"] > form {
    overflow: auto;
}

.path-grade-report-customgrader .gradeparent .right_scroller table#user-grades th,
.path-grade-report-grader .gradeparent .right_scroller table#user-grades th {
    font-size: 10px;
}

.path-grade-report-customgrader .gradeparent table#user-grades,
.path-grade-report-grader .gradeparent table#user-grades {
    border: none;
    font-size: 16px;
}

.path-grade-report-customgrader .gradeparent table#user-grades th,
.path-grade-report-grader .gradeparent table#user-grades th {
    font-size: 13px;
}

.path-grade-report-customgrader .gradeparent table#user-grades th.header.userfield[scope="col"],
.path-grade-report-grader .gradeparent table#user-grades th.header.userfield[scope="col"],
.path-grade-report-customgrader .gradeparent table#user-grades th.header#studentheader[scope="col"],
.path-grade-report-grader .gradeparent table#user-grades th.header#studentheader[scope="col"] {
    vertical-align: bottom;
    border-top: none;
}

.path-grade-report-customgrader .gradeparent table#user-grades th,
.path-grade-report-grader .gradeparent table#user-grades th,
.path-grade-report-customgrader .gradeparent table#user-grades td,
.path-grade-report-grader .gradeparent table#user-grades td {
    border-color: #ddd #f5f5f5;
}

.path-grade-report-customgrader .gradeparent table#user-grades tr.odd td.cell,
.path-grade-report-grader .gradeparent table#user-grades tr.odd td.cell {
    background-color: #f9f9f9;
}

.path-grade-report-customgrader .gradeparent table#user-grades tr.odd td.cell.overridden,
.path-grade-report-grader .gradeparent table#user-grades tr.odd td.cell.overridden,
.path-grade-report-customgrader .gradeparent table#user-grades tr.odd td.cell.ajaxoverridden,
.path-grade-report-grader .gradeparent table#user-grades tr.odd td.cell.ajaxoverridden {
    background-color: #efd9a4;
}

.path-grade-report-customgrader .gradeparent table#user-grades .topleft,
.path-grade-report-grader .gradeparent table#user-grades .topleft {
    border: none;
}

.alert {
    clear: both;
    border: 0;
    border-left: 3em solid;
}

#notice {
    background-color: #eee;
    font-size: 2em;
    width: 100%;
    padding: 1em 4% 4em;
}

#notice + .continuebutton {
    margin-top: -3em;
}

#notice .buttons {
    text-align: center;
    border-top: none;
}

.label {
    border-radius: 0;
    font-weight: normal;
}

.label[href]:visited {
    color: #fff;
}

body.hascontinuecancel.path-site #page {
    max-height: 750px;
    height: 750px;
    overflow: hidden;
}

#page-admin-purgecaches #notice,
#notice.snap-continue-cancel {
    min-height: 800px;
    position: absolute;
    padding: 10% 4%;
    top: 1.5em;
    left: 0;
    z-index: 13;
}

#page-user-policy #notice,
#page-blocks-conduit-view #notice.snap-continue-cancel,
#page-mod-quiz-edit div.container #notice.snap-continue-cancel {
    color: #565656;
    background-color: #fff;
    font-size: 18px;
    left: 0;
}

#page-user-policy #notice,
#page-blocks-conduit-view #notice.snap-continue-cancel {
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 0;
}

#page-course-loginas #region-main,
#page-mod-survey-save #region-main {
    max-width: inherit;
    min-height: 750px;
}

#page-course-loginas #moodle-footer,
#page-mod-survey-save #moodle-footer {
    margin-top: 0;
}

#page-course-loginas #page-header,
#page-mod-survey-save #page-header {
    display: none;
}

.section_footer {
    margin-top: 2em;
    padding: 1em 0;
    border-top: 1px solid #eee;
}

.section_footer a {
    font-style: normal;
    text-decoration: none;
    display: block;
    width: 100%;
    margin-top: 1em;
}

.next_section {
    text-align: right;
    float: right;
}

.previous_section {
    float: left;
}

@media screen and (min-width: 768px) {
    .section_footer .previous_section,
    .section_footer .next_section {
        width: 50%;
    }
}

.nav_guide {
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-style: normal;
    color: #565656;
}

.nav_icon {
    padding: 0.3em;
    text-align: center;
}

.next_section .nav_icon {
    margin-left: 0.3em;
    border-left: 1px solid #eee;
    font-size: 2em;
    width: 50px;
    float: right;
}

.previous_section .nav_icon {
    float: left;
    margin-right: 0.3em;
    border-right: 1px solid #eee;
    font-size: 2em;
}

/* moodle dialogues */
/* standard size */
.moodle-dialogue-base .moodle-dialogue {
    min-width: 32%;
    padding: 0;
    /* large size */
}

.moodle-dialogue-base .moodle-dialogue.chooserdialogue,
.moodle-dialogue-base .moodle-dialogue.filepicker {
    min-width: 89%;
    height: 100%;
}

/* assigning roles /enrol/otherusers.php */
.other-user-manager-panel {
    margin: 0;
    background: none;
    border: none;
    z-index: 600;
    outline: #000 dotted 0;
    min-width: 32%;
    padding: 0;
    /* large size */
}

.other-user-manager-panel.chooserdialogue,
.other-user-manager-panel.filepicker {
    min-width: 89%;
    height: 100%;
}

/* file picker dropzone */
.ffilemanager .fp-pathbar,
.form-filemanager .fp-pathbar,
.ffilemanager .fp-viewbar,
.form-filemanager .fp-viewbar,
.ffilemanager .fp-restrictions,
.form-filemanager .fp-restrictions {
    display: none;
}

#page-user-files .ffilemanager .fp-viewbar,
#local-joulegrader-gradepane .ffilemanager .fp-viewbar,
#page-backup-backupfilesedit .ffilemanager .fp-viewbar {
    display: block;
}

.ffilepicker .fp-btn-choose {
    margin: 0 0 10px;
}

.fitem_filepicker .fitemtitle label {
    margin-bottom: 0;
}

.felement.ffilepicker {
    margin-top: 0;
}

.filepicker-filelist,
.filemanager-container {
    border: none;
}

.filemanager .fp-navbar {
    background-color: transparent;
    border: none;
}

.filemanager-toolbar {
    padding: 0 0 8px;
}

.dndupload-arrow {
    cursor: pointer;
    background-image: url("[[pix:resource|icon]]");
    margin-top: 10px;
}

.filepicker-filelist .filepicker-container,
.filemanager .filemanager-container .fm-empty-container,
.filemanager-container.dndupload-over .dndupload-target,
.filemanager-container .dndupload-target {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding-top: 100px;
}

.filemanager-loading {
    border: 2px dashed #bbb;
    padding-top: 45px;
    min-height: 130px;
    background-color: #fff;
}

.jsenabled .filemanager-loading {
    margin-top: 0;
}

/* file picker dialogue */
#filesskin .file-picker.fp-generallayout {
    width: auto !important;
}

.file-picker:before,
.file-picker:after {
    content: " ";
    display: table;
}

.file-picker:after {
    clear: both;
}

.file-picker:before,
.file-picker:after {
    content: " ";
    display: table;
}

.file-picker:after {
    clear: both;
}

.fp-filename {
    font-size: small;
}

.filepicker .yui3-widget-content-expanded {
    height: 110%;
}

.file-picker .fp-navbar {
    background-color: transparent;
}

@media screen and (min-width: 992px) {
    .file-picker .fp-repo-area {
        width: 32%;
    }

    .file-picker .fp-repo-items {
        width: 68%;
    }
}

.file-picker .fp-repo-area {
    height: 475px;
}

.file-picker .fp-content {
    height: 400px;
}

.repository_upload.file-picker .fp-content,
.repository_flickr_public.file-picker .fp-content,
.repository_recent.file-picker .fp-content {
    height: 435px;
}

/* add resources and activities dialogue */
.jsenabled .choosercontainer #chooseform .alloptions {
    padding: 0 4%;
}

#page-files-index #region-main img.smallicon,
#page-outcome-course #region-main img.smallicon,
#page-files-index .moodle-dialogue-base img.smallicon,
#page-outcome-course .moodle-dialogue-base img.smallicon {
    width: 2rem;
    height: 2rem;
    margin: 0 0.3rem;
    vertical-align: middle;
}

#moodle-footer {
    padding-top: 2em;
    padding-bottom: 1em;
    border-top: 1px solid #ccc;
    clear: both;
    color: #dadada;
    background-color: #565656;
    margin-top: 0;
}

#moodle-footer h1,
#moodle-footer h2,
#moodle-footer h3,
#moodle-footer h4,
#moodle-footer h5,
#moodle-footer h6 {
    color: #dadada;
}

#moodle-footer .helplink img.poweredbylogo {
    max-width: inherit;
    max-height: inherit;
    height: inherit;
    width: inherit;
    vertical-align: middle;
}

#moodle-footer a:not(.btn),
#moodle-footer a:not(.btn):hover {
    color: #fff;
}

#moodle-footer .langmenu {
    color: #666;
}

#page-site-index #moodle-footer {
    margin-top: 0;
}

#moodle-footer.nocoursefooter {
    margin-top: 2em;
}

#site-news-forum + br {
    display: none;
}

/* Moodle error, reports, all that stuff in the footer */
#page-footer {
    border-top: none;
}

#page-footer .langmenu {
    text-align: right;
}

#page-footer .performanceinfo {
    margin: 4%;
    text-align: left;
}

#page-footer .performanceinfo .cachesused .cache-definition-stats {
    background-color: transparent;
}

.cache-store-stats.lowhits {
    background-color: orange;
}

.cache-store-stats.nohits {
    background-color: red;
}

.cache-store-stats.hihits {
    background-color: #323232;
}

.nav-justified + .nav-justified {
    margin-top: 1em;
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    100% {
        transform: translateY(0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

/**
spinner, from
http://css-spinners.com/css/spinner/three-quarters.css
**/
@keyframes spinner-three-quarters {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Styles for old versions of IE */
.spinner-three-quarters {
    font-family: sans-serif;
    font-weight: 100;
}

/* :not(:required) hides this rule from IE9 and below */
.spinner-three-quarters:not(:required) {
    animation: spinner-three-quarters 1250ms infinite linear;
    transform: translateZ(0);
    border: 6px solid #fff;
    border-right-color: transparent;
    border-radius: 16px;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
}

/** fix feedback field sizes on mobile devices **/
@media screen and (max-width: 767px) {
    .mform .fselect > select,
    .mform .fselectyesno > select,
    .mform .ftext > input[type="text"],
    .mform textarea {
        width: 100%;
    }

    .mform input[type="text"] {
        max-width: 100%;
    }

    .path-user .userlist .singleselect {
        width: 100%;
    }
}

#footer-error-cont {
    margin-top: 1em;
    border: 3px solid red;
    background-color: #fff;
    color: #000;
    padding: 2em;
}

#footer-error-cont h3 {
    color: #000;
}

#footer-error-cont hr {
    margin-top: 3em;
}

.yui-bootstrapped #pld_tokenselector.yuimenu {
    top: 100px !important;
    position: fixed !important;
    max-height: 70%;
    overflow-y: auto;
}

@media (max-width: 767px) {
    .yui-bootstrapped #pld_tokenselector.yuimenu {
        left: 10% !important;
        width: 80% !important;
    }
}

.yui-bootstrapped #pld_tokenselector.yuimenu .yui-menu-body-scrolled {
    padding: 0;
    margin: 0;
}

div[data-rel=fatalerror] {
    margin: 1em;
}

img.iconhelp {
    background-color: #ddd;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    border: 4px solid #ddd;
    vertical-align: middle;
    margin-bottom: 3px;
}

img.iconhelp:hover {
    border-width: 0;
}

table th img.iconhelp {
    height: 16px;
    width: 16px;
    border-width: 0;
}

#moodle-footer .helplink a img.iconhelp,
#moodle-footer .helplink a:hover img.iconhelp {
    background-color: #999;
    border-color: #999;
}

#moodle-footer .helplink a img.iconhelp:hover,
#moodle-footer .helplink a:hover img.iconhelp:hover {
    border-width: 4px;
}

.helplink img.moodlefooterlogo,
.helplink img.poweredbylogo {
    width: inherit;
    height: inherit;
    margin-right: 0.5em;
    margin-left: 0.5em;
}

.helplink img.moodlefooterlogo {
    vertical-align: top;
    margin-top: -2px;
    margin-right: 0;
}

.helplink img.poweredbylogo {
    vertical-align: bottom;
    margin-bottom: -2px;
}

.helplink .footerlinkdivider {
    margin: 0 0.5em;
}

@media screen and (max-width: 767px) {
    #page-enrol-users .enrol_user_buttons {
        float: none;
    }

    #page-enrol-users .enrol_user_buttons .singlebutton.enrolusersbutton {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    html,
    #region-main {
        font-size: 14.4px;
    }

    h1,
    .h1 {
        font-size: 1.5em;
    }

    h2,
    .h2 {
        font-size: 1.4em;
    }

    h3,
    .h3,
    .sectionname {
        font-size: 1.3em;
    }

    h4,
    .h4 {
        font-size: 1.2em;
    }

    h5,
    .h5 {
        font-size: 1.1em;
    }

    h6,
    .h6 {
        font-size: 1em;
    }
}

.label:not(.activity) font {
    color: #565656;
    font-weight: 300;
}

.label:not(.activity) b font {
    font-weight: 500;
}

#newmessageoverlay {
    left: 0;
    padding: 1em;
}

.path-backup .wibbler {
    border: none;
}

.path-backup .wibbler .wibble {
    display: none;
}

div.editor_atto_toolbar {
    background-color: transparent;
    border-color: #eee;
    padding-bottom: 0;
}

.editor_atto_content {
    padding: 1em 2%;
    height: auto !important;
    max-height: 75vh !important;
    min-height: 100px !important;
    resize: none;
}

textarea {
    border-color: #dadada;
    width: 100%;
}

.editor_atto_content_wrap {
    border-color: #eee;
}

.editor_atto_content .img-responsive {
    display: inline;
}

.editor_atto_toolbar button:active,
.editor_atto_toolbar button.highlight,
.editor_atto_toolbar button:hover {
    background-image: none;
    background-color: #eee;
}

div.editor_atto_toolbar button + button {
    border-color: #fff;
}

div.editor_atto_toolbar div.atto_group {
    border: 0;
    border-radius: 0;
    margin: 0.3em 0.3em 0.3em 0;
}

.atto_equation_library button {
    background-color: #fff;
    color: #565656;
}

.atto_equation_library button:hover {
    background-color: #f2f2f2;
    color: #565656;
}

.atto_charmap_selector button {
    width: 40px;
    padding: 3px;
    margin: 0;
}

.atto_equation_groups.yui3-tabview-panel {
    border: none;
    background: #fff;
}

#page-message-index div.singleselect {
    max-width: 100%;
}

#page-admin-setting-themesettingsnap {
    /* Subtitle textarea. */
}

#page-admin-setting-themesettingsnap .tab-pane:not(#themesnapcolorcategories) .admin_colourpicker {
    display: block;
    float: left;
    height: 40px;
    width: 30px;
    margin: 1px 4px;
}

#page-admin-setting-themesettingsnap .loadingicon,
#page-admin-setting-themesettingsnap .colourdialogue,
#page-admin-setting-themesettingsnap .previewcolour {
    display: none;
}

#page-admin-setting-themesettingsnap .currentcolour {
    /* size is set with a style tag so need to !important to override */
    height: 30px !important;
    width: 30px !important;
    border-radius: 100%;
    border: none;
    margin-left: 0;
}

#page-admin-setting-themesettingsnap #admin-subtitle textarea {
    height: 5em;
}

/* Feature spots. */
#snap-feature-spots {
    padding: 2em 4%;
    text-align: center;
}

#snap-feature-spots .snap-feature-spots-heading {
    padding-top: 0;
    margin-top: 0;
}

#snap-feature-spots .snap-feature-image {
    max-width: 200px;
}

#page-admin-setting-themesnapfeaturespots #admin-fs_heading input {
    font-weight: 300;
    line-height: 1.5;
    color: #565656;
    margin-top: 14px;
    margin-bottom: 14px;
    font-size: 36px;
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    text-align: center;
}

#page-admin-setting-themesnapfeaturespots #admin-fs_heading input small,
#page-admin-setting-themesnapfeaturespots #admin-fs_heading input .small {
    font-weight: normal;
    line-height: 1;
    color: #999;
}

#page-admin-setting-themesnapfeaturespots #admin-fs_heading input small,
#page-admin-setting-themesnapfeaturespots #admin-fs_heading input .small {
    font-size: 75%;
}

#page-admin-setting-themesnapfeaturespots #admin-fs_heading .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_heading .form-shortname {
    display: none;
}

#page-admin-setting-themesnapfeaturespots #admin-fs_one_title input,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title input,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title input {
    font-weight: 300;
    line-height: 1.5;
    color: #565656;
    margin-top: 14px;
    margin-bottom: 14px;
    font-size: 29px;
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
}

#page-admin-setting-themesnapfeaturespots #admin-fs_one_title input small,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title input small,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title input small,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_title input .small,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title input .small,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title input .small {
    font-weight: normal;
    line-height: 1;
    color: #999;
}

#page-admin-setting-themesnapfeaturespots #admin-fs_one_title input small,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title input small,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title input small,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_title input .small,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title input .small,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title input .small {
    font-size: 75%;
}

#page-admin-setting-themesnapfeaturespots #admin-fs_one_title,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_image,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_image,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_image,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_text,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_text,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_text {
    float: left;
    width: 33.3%;
    margin: 0;
}

#page-admin-setting-themesnapfeaturespots #admin-fs_one_title .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_image .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_image .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_image .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_text .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_text .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_text .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_title .form-shortname,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title .form-shortname,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title .form-shortname,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_image .form-shortname,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_image .form-shortname,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_image .form-shortname,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_text .form-shortname,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_text .form-shortname,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_text .form-shortname,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_title .fp-btn-download,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title .fp-btn-download,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title .fp-btn-download,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_image .fp-btn-download,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_image .fp-btn-download,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_image .fp-btn-download,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_text .fp-btn-download,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_text .fp-btn-download,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_text .fp-btn-download,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_title .dndupload-message,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title .dndupload-message,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title .dndupload-message,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_image .dndupload-message,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_image .dndupload-message,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_image .dndupload-message,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_text .dndupload-message,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_text .dndupload-message,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_text .dndupload-message {
    display: none;
}

#page-admin-setting-themesnapfeaturespots #admin-fs_one_image,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_title,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_text {
    clear: left;
}

/* Featured courses admin page. */
#page-admin-setting-themesnapfeaturedcourses #admin-fc_heading input {
    font-weight: 300;
    line-height: 1.5;
    color: #565656;
    margin-top: 14px;
    margin-bottom: 14px;
    font-size: 36px;
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    text-align: center;
}

#page-admin-setting-themesnapfeaturedcourses #admin-fc_heading input small,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_heading input .small {
    font-weight: normal;
    line-height: 1;
    color: #999;
}

#page-admin-setting-themesnapfeaturedcourses #admin-fc_heading input small,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_heading input .small {
    font-size: 75%;
}

#page-admin-setting-themesnapfeaturedcourses #admin-fc_heading .form-shortname {
    display: none;
}

#page-admin-setting-themesnapfeaturedcourses #admin-fc_one,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_two,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_three,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_four,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_five,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_six,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_seven,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_eight {
    width: 50%;
    float: left;
    padding: 1em;
}

#page-admin-setting-themesnapfeaturedcourses #admin-fc_one .form-defaultinfo,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_two .form-defaultinfo,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_three .form-defaultinfo,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_four .form-defaultinfo,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_five .form-defaultinfo,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_six .form-defaultinfo,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_seven .form-defaultinfo,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_eight .form-defaultinfo,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_one .form-shortname,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_two .form-shortname,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_three .form-shortname,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_four .form-shortname,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_five .form-shortname,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_six .form-shortname,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_seven .form-shortname,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_eight .form-shortname {
    display: none;
}

#page-admin-setting-themesnapfeaturedcourses #admin-fc_browse_all {
    clear: both;
}

/* Featured courses section. */
@media screen and (min-width: 768px) {
    #snap-featured-courses .row div {
        /* Center and restrict width for when only one course */
        max-width: 50%;
        margin: 0 auto;
    }
}

/* Featured course container. */
#snap-featured-courses {
    width: 100%;
    padding: 2em 4%;
}

/* Featured course link. */
.snap-featured-course {
    display: block;
    height: 300px;
    position: relative;
    background-color: #ccc;
    margin-bottom: 1em;
    background-position: center;
    background-size: cover;
    transition: all 0.4s ease-in-out;
}

.snap-featured-course:hover {
    transform: scale(1.03);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.snap-featured-course:hover .snap-featured-course-title {
    text-decoration: underline;
}

/* Featured course title. */
.snap-featured-course-title {
    display: block;
    min-height: 25%;
    width: 100%;
    background-color: white;
    position: absolute;
    bottom: 0;
    padding: 0.5em 4%;
}

#page-admin-setting-themesettingsnap #id_s_theme_snap_customcss {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

.path-grade-report-grader .gradeparent .heading.floating {
    border-top: 1px solid #ddd;
}

.path-grade-report-grader .gradeparent table#user-grades {
    border: none;
    font-size: 16px;
}

.path-grade-report-grader .gradeparent table#user-grades tr.heading th {
    border-top: 1px solid #ddd !important;
}

.path-grade-report-grader .gradeparent table#user-grades tr:nth-child(1) th {
    border-bottom-width: 0;
}

.path-grade-report-grader .gradeparent .floating {
    border-top-width: 0;
}

.path-grade-report-grader .gradeparent *,
.path-grade-report-grader .gradeparent *:before,
.path-grade-report-grader .gradeparent *:after {
    box-sizing: content-box !important;
}

.path-grade-report-grader .gradeparent .heading .cell,
.path-grade-report-grader .gradeparent .avg .cell,
.path-grade-report-grader .gradeparent .cell.user {
    font-size: 13px;
}

td.mceIframeContainer > iframe {
    max-width: 100%;
}

body.gecko .snap-form-required > fieldset,
body.gecko .snap-form-advanced > fieldset {
    display: table-cell;
    max-width: 100%;
}

body.ie .snap-form-required > fieldset,
body.ie .snap-form-advanced > fieldset {
    table-layout: fixed;
    max-width: 100%;
}

.felement.feditor,
table.mceLayout,
table.mceLayout tr,
td.mceIframeContainer,
td.mceStatusbar {
    display: block;
    max-width: 100%;
}

table.mceLayout {
    height: auto !important;
}

table.mceLayout tbody {
    display: block;
}

td.mceToolbar {
    width: 100% !important;
    position: relative;
    display: inline-block;
    margin: 0 !important;
}

#page-mod-quiz-edit .instancename {
    max-width: 16px;
}

#page-mod-quiz-edit .activityinstance {
    overflow: hidden;
    max-width: 81%;
}

button.snap-icon-toggle,
button.snap-icon-toggle:hover,
button.snap-icon-toggle:visited,
button.snap-icon-toggle:link,
button.snap-icon-toggle:active,
button.snap-icon-toggle:focus {
    color: #03a9f4;
    background: none;
    border: none;
    box-shadow: none;
    outline: none;
}

button.snap-icon-toggle:focus {
    border: 2px solid #03a9f4;
}

#snap-coverimagecontrol {
    float: right;
    margin-left: 1em;
    display: inline-block;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

#snap-coverimagecontrol .btn {
    border-color: transparent;
}

#snap-changecoverimageconfirmation {
    position: relative;
    display: inline-block;
}

#snap-coverfiles {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

label[for="snap-coverfiles"],
#snap-changecoverimageconfirmation button {
    position: relative;
    display: none;
    top: -0.5em;
}

label.state-visible[for="snap-coverfiles"],
#snap-changecoverimageconfirmation.state-visible button {
    display: inline-block;
    cursor: pointer;
}

label.state-visible[for="snap-coverfiles"] span {
    padding: 1em;
}

@media (max-width: 767px) {
    label.state-visible[for="snap-coverfiles"] span {
        display: none !important;
    }
}

label.state-visible[for="snap-coverfiles"]:before {
    content: '';
    background: transparent url("[[pix:theme|camera]]") no-repeat;
    display: inline-block;
    margin: -0.5em 0;
    height: 1.5em;
    width: 1.5em;
}

#snap-coverfiles {
    cursor: pointer;
}

label.state-visible[for="snap-coverfiles"] .spinner-three-quarters,
#snap-changecoverimageconfirmation .ok .spinner-three-quarters {
    width: 1em;
    height: 1em;
    border-width: 0.25em;
    margin-left: 0.5em;
}

#snap-changecoverimageconfirmation.disabled .ok,
#snap-changecoverimageconfirmation.disabled .ok:visited,
#snap-changecoverimageconfirmation.disabled .ok:hover,
#snap-changecoverimageconfirmation.disabled .ok:active,
#snap-changecoverimageconfirmation.disabled .ok:focus {
    color: #fff;
    border-color: #fff;
}

.cover-image-change #page-header {
    background-image: none !important;
    background-color: #dadada;
}

#page-header.mast-image .alert-warning {
    background-color: rgba(255, 255, 255, 0.9);
}

#snap-coverimagecontrol.snap-js-enabled {
    opacity: 1;
}

#page-badges-criteria .statusbox,
#page-badges-criteria ul.nav-tabs {
    margin: 1em 0;
}

/**
 * Fixes to recent course activity page.
 * Note - excuse the awful CSS used here but terribly inconsistent markup across modules necessitates it.
 */
#page-course-recent #region-main div.generalbox td,
#page-course-recent #region-main div.generalbox > div {
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    font-size: 18px;
    margin-top: 0.5rem;
}

#page-course-recent #region-main div.generalbox td[style],
#page-course-recent #region-main div.generalbox > div[style],
#page-course-recent #region-main div.generalbox td[style] + div.submission,
#page-course-recent #region-main div.generalbox > div[style] + div.submission {
    padding: 0 !important;
}

#page-course-recent #region-main div.generalbox td div.glossary-activity-content,
#page-course-recent #region-main div.generalbox > div div.glossary-activity-content {
    float: left;
    margin-left: 10px;
}

#page-course-recent #region-main div.generalbox td span div a img,
#page-course-recent #region-main div.generalbox > div span div a img,
#page-course-recent #region-main div.generalbox td > div a img,
#page-course-recent #region-main div.generalbox > div > div a img,
#page-course-recent #region-main div.generalbox td > a img,
#page-course-recent #region-main div.generalbox > div > a img {
    margin-left: 25px;
}

#page-course-recent #region-main div.generalbox td + div.submission,
#page-course-recent #region-main div.generalbox > div + div.submission {
    margin-left: 10px;
}

#page-course-recent #region-main div.generalbox td + div.submission strong,
#page-course-recent #region-main div.generalbox > div + div.submission strong {
    font-weight: 300;
}

#page-course-recent #region-main div.generalbox table.forum-recent div.title.bold {
    font-weight: 300;
}

.reset-sr-only {
    position: relative;
    width: auto;
    height: auto;
    margin: initial;
    overflow: visible;
    clip: auto;
    border: initial;
}

/**
 * Snap course swatch.
 *
 * @package   theme_snap
 * @copyright Copyright (c) 2015 Open LMS (https://www.openlms.net)
 * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
/***************
THE COURSE DOM LOOKS LIKE THIS :
(n.b. i did not invent this dom structure)

section#region-main
    div role=main
        div.coursecontent
            ul.somestringfromtheformat e.g  topics/weeks etc

 ****************************/
.singlebutton {
    margin: 0.5em 0;
    text-align: center;
}

.format-topics #page-mast .singlebutton,
.format-weeks #page-mast .singlebutton {
    display: none;
}

.format-topics.editing.pagelayout-course #course-toc,
.format-weeks.editing.pagelayout-course #course-toc,
.format-topics.editing.pagelayout-course #region-main,
.format-weeks.editing.pagelayout-course #region-main {
    display: none;
}

.format-topics.editing.pagelayout-course #page-mast .singlebutton,
.format-weeks.editing.pagelayout-course #page-mast .singlebutton {
    display: block;
}

.editing.pagelayout-admin #region-main {
    display: block;
}

#page-site-index.pagelayout-admin #region-main {
    max-width: 43.5em;
}

#page-site-index.pagelayout-admin #moodle-frontpage-elements,
#page-site-index.pagelayout-admin #moodle-blocks {
    display: none;
}

.ie.path-course-view section#region-main > .singlebutton input[type="submit"] {
    background-image: url("[[pix:theme|edit_for_ie]]");
    background-size: 23px;
    background-position: left center;
}

.section .filler {
    display: none;
}

#dndupload-status {
    display: none;
}

.dndupload-preview {
    display: none !important;
}

.dndupload-over .snap-dropzone {
    background-color: #fafafa;
}

#coursetools:before,
#coursetools:after {
    content: " ";
    display: table;
}

#coursetools:after {
    clear: both;
}

#coursetools:before,
#coursetools:after {
    content: " ";
    display: table;
}

#coursetools:after {
    clear: both;
}

#coursetools-list:before,
#coursetools-list:after {
    content: " ";
    display: table;
}

#coursetools-list:after {
    clear: both;
}

#coursetools-list:before,
#coursetools-list:after {
    content: " ";
    display: table;
}

#coursetools-list:after {
    clear: both;
}

#coursetools-list a {
    width: 32%;
    margin: 0.5%;
    float: left;
    padding: 0.5em;
    font-size: 1em;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 4px;
    /* Cover image used as icon. */
    /* User images as icons. */
}

#coursetools-list a .snap-participant-icons,
#coursetools-list a img.svg-icon {
    display: block !important;
    margin: 0.3em auto;
}

#coursetools-list a .snap-participant-icons:before,
#coursetools-list a img.svg-icon:before,
#coursetools-list a .snap-participant-icons:after,
#coursetools-list a img.svg-icon:after {
    content: " ";
    display: table;
}

#coursetools-list a .snap-participant-icons:after,
#coursetools-list a img.svg-icon:after {
    clear: both;
}

#coursetools-list a .snap-participant-icons:before,
#coursetools-list a img.svg-icon:before,
#coursetools-list a .snap-participant-icons:after,
#coursetools-list a img.svg-icon:after {
    content: " ";
    display: table;
}

#coursetools-list a .snap-participant-icons:after,
#coursetools-list a img.svg-icon:after {
    clear: both;
}

#coursetools-list a .snap-cover-icon {
    border-radius: 100%;
}

#coursetools-list a .snap-participant-icons img {
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
    margin: 0 0.5%;
    display: inline-block;
}

.snap-progress-circle {
    width: 75%;
    margin: 0 auto;
    position: relative;
    border-radius: 100%;
}

.snap-progress-circle.snap-progressbar-link:hover,
.snap-progress-circle.snap-progressbar-link:focus {
    background-color: #eee;
}

.snap-progress-circle.snap-progressbar-link .progressbar-text:hover {
    text-decoration: underline;
}

.snap-progress-circle .progressbar-text {
    font-size: 1.3rem;
}

/* Small screen course tools */
@media screen and (max-width: 480px) {
    #coursetools-list a {
        width: 49%;
        height: 78px;
    }
}

.topics,
.weeks {
    counter-reset: annotation-list -1;
    margin: 0;
    padding: 0;
}

.format-weeks #chapters {
    list-style: none;
}

.format-topics li.section .sectionname:before {
    content: counter(annotation-list) ".\00a0";
}

.format-topics .yui3-dd-proxy li.section .sectionname:before {
    content: ' ';
}

.format-topics #section-0 .sectionname:before {
    content: " ";
}

.format-topics li.section.main {
    counter-increment: annotation-list;
}

li.section:focus {
    outline: none;
}

.course-content ul li.section.main {
    border: 0;
}

.course-content .current {
    background-color: transparent;
}

.sectionname {
    padding-top: 0;
    margin-top: 0;
    white-space: normal !important;
}

#section-0 .sectionname.accesshide {
    font-weight: 300;
    font-size: 46px;
    position: relative;
    width: auto;
    height: auto;
    margin: initial;
    overflow: visible;
    clip: auto;
    border: initial;
}

.path-course-view .section .summary {
    position: relative;
    line-height: inherit;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
}

.path-course-view .section .summary:before,
.path-course-view .section .summary:after {
    content: " ";
    display: table;
}

.path-course-view .section .summary:after {
    clear: both;
}

.path-course-view .section .summary:before,
.path-course-view .section .summary:after {
    content: " ";
    display: table;
}

.path-course-view .section .summary:after {
    clear: both;
}

.path-course-view .section .summary p {
    margin-bottom: 1.6em;
}

.snap-section-editing {
    visibility: hidden;
    max-width: 100%;
    min-width: 0;
    width: auto;
    padding: 0;
    margin: 0 auto;
    float: none;
    display: block;
    text-align: left;
    margin-top: -1em;
}

.snap-section-editing a {
    display: inline-block;
    border-radius: 100%;
    width: 2em;
    height: 2em;
    padding: 0.1em 0.3em;
    text-align: center;
}

.snap-section-editing a:hover {
    background-color: #dadada;
}

.snap-section-editing a:after {
    content: ' ';
    width: 100%;
    display: inline-block;
    min-height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
}

.snap-section-editing .snap-move:after {
    background-image: url([[pix:theme|move]]);
    background-size: 100%;
}

.snap-section-editing .snap-visibility.snap-show:after {
    background-image: url([[pix:core|i/show]]);
}

.snap-section-editing .snap-visibility.snap-hide:after {
    background-image: url([[pix:core|i/hide]]);
}

.snap-section-editing .snap-delete:after {
    background-image: url([[pix:core|t/delete]]);
}

.snap-section-editing .snap-highlight.snap-marker:after {
    background-image: url([[pix:core|i/marker]]);
}

.snap-section-editing .snap-highlight.snap-marked:after {
    background-image: url([[pix:core|i/marked]]);
}

.snap-section-editing .snap-duplicate:after {
    background-image: url([[pix:core|t/copy]]);
}

.snap-section-editing .loadingstat {
    margin-left: 1em;
}

.snap-dropzone {
    visibility: hidden;
}

.snap-dropzone {
    text-align: center;
}

.snap-dropzone .snap-dropzone-label {
    display: block;
    cursor: pointer;
    background: transparent url("[[pix:resource|icon]]") 50% 1em no-repeat;
    background-size: 2rem 2rem;
    padding: 3em 0 1em 0;
    border: 3px dashed #eee;
    border-radius: 4px;
}

.snap-dropzone .snap-dropzone-label:hover,
.snap-dropzone .snap-dropzone-label:focus {
    border-color: #dadada;
}

.section-modchooser-link {
    display: block;
    text-align: center;
    padding: 1em 0;
    border: 3px solid #eee;
}

.section-modchooser-link:hover,
.section-modchooser-link:focus {
    border-color: #dadada;
}

.section-modchooser-link a {
    display: block;
}

.section-modchooser-link,
.snap-dropzone {
    margin-top: 1em;
}

/* Landing page does not have renderer, so markup is different. */
#page-site-index .section-modchooser-link {
    border-color: white;
}

.snap-course-listening .snap-section-editing {
    visibility: visible;
}

.snap-course-listening .snap-dropzone {
    visibility: visible;
}

.snap-section-editing[style] {
    cursor: default !important;
}

.course-content ul li.section.main {
    border: 0;
    margin: 0;
    padding: 0;
}

.course-content > ul li.section,
#coursetools, #tiles-section,
#snap-add-new-section {
    visibility: hidden;
    height: 0;
    width: 0;
    overflow: hidden;
}

.course-content > ul li.section.hidden {
    visibility: hidden !important;
}

.course-content > ul li.section.hidden.state-visible {
    visibility: visible !important;
}

.course-content > ul li.section .content {
    display: none;
}

.course-content > ul li.section.state-visible .content {
    display: block;
}

.course-content > ul li.section.state-visible,
#snap-add-new-section.state-visible,
.editing #snap-add-new-section,
#coursetools.state-visible, #tiles-section.state-visible,
.editing #coursetools,
.format-singleactivity #coursetools{
    visibility: visible;
    height: auto;
    width: auto;
    outline: 0;
    overflow: visible;
}

/* hide progress label with odd z-indexing */
#completionprogressid {
    display: none;
}

.section_footer,
.visibleifjs.addresourcemodchooser {
    clear: both;
    display: block;
}

.section-modchooser {
    text-align: center;
    padding: 0;
}

/* MODS & RESOURCES IN COURSE */
.path-site li.activity > div,
.path-course-view li.activity > div {
    padding: 0;
}

.section ul,
.section ol {
    margin: 1.6em 4%;
}

.section ul ul,
.section ol ul,
.section ul ol,
.section ol ol {
    margin: 0 4%;
}

.section .activityinstance .contentafterlink ul,
.section .activityinstance .contentwithoutlink ul,
.section .activityinstance .contentafterlink ol,
.section .activityinstance .contentwithoutlink ol {
    margin: 1.6em 4%;
}

.section .activityinstance .contentafterlink ul ul,
.section .activityinstance .contentwithoutlink ul ul,
.section .activityinstance .contentafterlink ol ul,
.section .activityinstance .contentwithoutlink ol ul,
.section .activityinstance .contentafterlink ul ol,
.section .activityinstance .contentwithoutlink ul ol,
.section .activityinstance .contentafterlink ol ol,
.section .activityinstance .contentwithoutlink ol ol {
    margin: 0 4%;
}

.section .activityinstance .contentafterlink .contentafterlink p,
.section .activityinstance .contentwithoutlink .contentafterlink p {
    margin-bottom: 1.6em;
}

.section li.snap-asset {
    display: block;
    position: relative;
    padding: 0;
    margin: 0 auto;
    height: auto;
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    background-color: #fff;
    border: 1px solid #dadada;
    border-top-width: 0.3em;
}

.section li.snap-asset.snap-can-edit {
    padding-bottom: 2em !important;
}

.section li.snap-asset .asset-wrapper {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: static;
    padding: 0.5em 1em;
}

.section li.snap-asset .snap-assettype {
    font-size: small;
    text-transform: uppercase;
}

.section li.snap-asset .activityinstance {
    padding: 0;
    height: auto;
    background-color: rgba(255, 255, 255, 0.9);
}

.section li.snap-asset .activityinstance:before,
.section li.snap-asset .activityinstance:after {
    content: " ";
    display: table;
}

.section li.snap-asset .activityinstance:after {
    clear: both;
}

.section li.snap-asset .activityinstance:before,
.section li.snap-asset .activityinstance:after {
    content: " ";
    display: table;
}

.section li.snap-asset .activityinstance:after {
    clear: both;
}

.section li.snap-asset .activityinstance .activityicon {
    float: left;
    width: 38px;
    height: 38px;
    margin-top: -5px;
    margin-right: 0.5em;
    transition: all 0.4s ease-in-out;
}

.section li.snap-asset .activityinstance .snap-asset-link {
    font-size: 1em;
    margin: 0;
    padding: 0.5em 0;
    transition: all 0.4s ease-in-out;
}

.section li.snap-asset .activityinstance .snap-asset-link a:hover,
.section li.snap-asset .activityinstance .snap-asset-link a:focus {
    text-decoration: none;
}

.section li.snap-asset .activityinstance .snap-asset-link a:hover .activityicon,
.section li.snap-asset .activityinstance .snap-asset-link a:focus .activityicon {
    transform: scale(1.25);
}

/* snap has its own implimentation of these, so hide moodles */
.activityinstance .accesshide,
.groupinglabel {
    display: none;
}

.section .activity.modtype_label.label {
    background-image: none;
    height: auto;
    width: 100%;
    text-align: left;
    font-weight: 300;
    padding: 0.5em 0;
    margin: 0.5em 0;
    box-shadow: none;
    border: none !important;
}

.section .activity.modtype_label.label:before,
.section .activity.modtype_label.label:after {
    content: " ";
    display: table;
}

.section .activity.modtype_label.label:after {
    clear: both;
}

.section .activity.modtype_label.label:before,
.section .activity.modtype_label.label:after {
    content: " ";
    display: table;
}

.section .activity.modtype_label.label:after {
    clear: both;
}

.section .activity.modtype_label.label .asset-wrapper,
.section .activity.modtype_label.label .activityinstance {
    padding: 0;
}

.section li.snap-native {
    border: none;
    height: auto;
    margin: 0.5em auto;
}

.section li.snap-native .asset-wrapper {
    padding: 0;
}

.section li.snap-native .activityicon,
.section li.snap-native .snap-assettype {
    display: none;
}

.section li.snap-native .contentafterlink {
    font-size: 1em;
    padding-bottom: 1em;
}

.section li.snap-native .summary-figure {
    text-align: center;
}

.section li.snap-native .pagemod-content {
    display: none;
    clear: both;
    padding: 1em 0;
}

.section li.snap-native .pagemod-content:focus {
    outline: 0;
}

.section li.snap-native .summary-text + h6 {
    clear: left;
}

.section li.snap-native.state-expanded .summary-text,
.section li.snap-native.state-expanded .summary-figure {
    display: none;
}

@media screen and (min-width: 768px) {
    li.modtype_page .summary-figure {
        width: 50%;
        float: left;
        padding-right: 4%;
    }
}

.snap-native.snap-image .activityinstance .snap-asset-link a {
    display: none;
}

.modtype_book,
.modtype_page {
    border-bottom: 1px solid #ccc;
}

.snap-native.modtype_book ol.bookmod-chapters {
    margin: 0;
}

.snap-image-image {
    position: relative;
}

.snap-image-image .snap-image-link {
    display: block;
}

.snap-image-image .snap-image-summary,
.snap-image-image .snap-image-title {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 0 4%;
    font-size: 1em;
}

.snap-image-image .snap-image-title {
    text-align: center;
}

.snap-image-image .snap-image-summary {
    position: relative;
    margin-top: -3em;
}

.section li.snap-resource {
    display: block;
    transition: all 0.4s ease-in-out;
}

.section li.snap-resource .activityinstance .activityicon {
    height: 1.5em;
    width: 1.5em;
    margin-top: 0;
}

.section li.snap-resource .snap-asset-link {
    font-size: 1em;
}

body.snap-resource-card li.snap-resource {
    height: 200px;
    width: 31%;
    margin: 1%;
    float: left;
    clear: none;
    background-image: url([[pix:theme|file]]);
    background-repeat: no-repeat;
    background-position: 50% 70%;
    background-size: 38px auto;
}

body.snap-resource-card li.snap-resource:hover {
    background-size: 50px auto;
}

body.snap-resource-card li.snap-resource .asset-wrapper {
    cursor: pointer;
}

body.snap-resource-card li.snap-resource .asset-wrapper:before,
body.snap-resource-card li.snap-resource .asset-wrapper:after {
    content: " ";
    display: table;
}

body.snap-resource-card li.snap-resource .asset-wrapper:after {
    clear: both;
}

body.snap-resource-card li.snap-resource .asset-wrapper:before,
body.snap-resource-card li.snap-resource .asset-wrapper:after {
    content: " ";
    display: table;
}

body.snap-resource-card li.snap-resource .asset-wrapper:after {
    clear: both;
}

body.snap-resource-card li.snap-resource .activityicon {
    display: none;
}

body.snap-resource-card li.snap-resource .contentafterlink {
    font-size: small;
}

body.snap-resource-card li.snap-resource.snap-mime-document,
body.snap-resource-card li.snap-resource.snap-mime-writer,
body.snap-resource-card li.snap-resource.snap-mime-oth,
body.snap-resource-card li.snap-resource.snap-mime-text {
    border-top-color: #03a9f4;
    background-image: url([[pix:core|/f/document]]);
}

body.snap-resource-card li.snap-resource.snap-mime-powerpoint,
body.snap-resource-card li.snap-resource.snap-mime-impress {
    border-top-color: #ff7300;
    background-image: url([[pix:core|/f/powerpoint]]);
}

body.snap-resource-card li.snap-resource.snap-mime-spreadsheet,
body.snap-resource-card li.snap-resource.snap-mime-chart,
body.snap-resource-card li.snap-resource.snap-mime-database,
body.snap-resource-card li.snap-resource.snap-mime-calc {
    border-top-color: #009e51;
    background-image: url([[pix:core|/f/spreadsheet]]);
}

body.snap-resource-card li.snap-resource.snap-mime-pdf,
body.snap-resource-card li.snap-resource.snap-mime-eps,
body.snap-resource-card li.snap-resource.snap-mime-flash {
    border-top-color: #f44336;
    background-image: url([[pix:core|/f/pdf]]);
}

body.snap-resource-card li.snap-resource.snap-mime-flash {
    background-image: url([[pix:core|/f/flash]]);
}

body.snap-resource-card li.snap-resource.snap-mime-mp3,
body.snap-resource-card li.snap-resource.snap-mime-wav,
body.snap-resource-card li.snap-resource.snap-mime-audio {
    border-top-color: #8bc34a;
    background-image: url([[pix:core|/f/audio]]);
}

body.snap-resource-card li.snap-resource.snap-mime-mov,
body.snap-resource-card li.snap-resource.snap-mime-wmv,
body.snap-resource-card li.snap-resource.snap-mime-video,
body.snap-resource-card li.snap-resource.snap-mime-quicktime,
body.snap-resource-card li.snap-resource.snap-mime-mpeg,
body.snap-resource-card li.snap-resource.snap-mime-avi {
    border-top-color: #55b5cc;
    background-image: url([[pix:core|/f/video]]);
}

body.snap-resource-card li.snap-resource.modtype_lightboxgallery,
body.snap-resource-card li.snap-resource.snap-mime-bmp {
    border-top-color: #4abc96;
    background-image: url([[pix:core|/f/image]]);
}

body.snap-resource-card li.snap-resource.modtype_url {
    border-top-color: #999;
    background-image: url([[pix:core|/f/url]]);
}

body.snap-resource-card li.snap-resource.modtype_imscp,
body.snap-resource-card li.snap-resource.modtype_scorm {
    border-top-color: #f7981d;
    background-image: url([[pix:core|/f/book]]);
}

body.snap-resource-card li.snap-resource.modtype_imscp,
body.snap-resource-card li.snap-resource.modtype_scorm {
    background-image: url([[pix:core|/f/scorm]]);
}

body.snap-resource-card li.snap-resource.modtype_folder {
    border-top-color: #fed859;
    background-image: url([[pix:core|/f/folder]]);
}

body.snap-resource-card li.snap-resource.snap-mime-archive {
    border-top-color: #fed859;
    background-image: url([[pix:core|/f/archive]]);
}

body.snap-resource-card li.snap-resource.snap-mime-markup,
body.snap-resource-card li.snap-resource.snap-mime-html,
body.snap-resource-card li.snap-resource.snap-mime-sourcecode {
    border-top-color: #f0652a;
    background-image: url([[pix:core|/f/sourcecode]]);
}

body.snap-resource-card li.snap-resource.snap-mime-text {
    border-top-color: #f1bf26;
}

@media screen and (max-width: 480px) {
    body.snap-resource-card li.snap-resource {
        width: 99%;
        margin: 1em auto;
        height: auto;
        background-image: none !important;
    }

    body.snap-resource-card li.snap-resource .activityinstance {
        width: 75%;
    }

    body.snap-resource-card li.snap-resource .activityinstance .activityicon {
        display: inline;
    }

    body.snap-resource-card li.snap-resource .snap-asset-actions {
        width: 250px;
    }

    body.snap-resource-card li.snap-resource .snap-asset-actions .snap-asset-move,
    body.snap-resource-card li.snap-resource .snap-asset-actions .snap-edit-more-dropdown,
    body.snap-resource-card li.snap-resource .snap-asset-actions > a {
        width: 25%;
        text-align: left;
        padding: 0;
    }
}

.snap-resource-list li.snap-resource {
    border: none;
    margin: 0 1%;
}

.snap-resource-list li.snap-resource .snap-assettype {
    display: none;
}

.snap-resource-list li.snap-resource .snap-asset-actions {
    width: 250px;
}

.section li.snap-activity {
    margin: 1em 1%;
    padding-bottom: 1em;
}

.section li.snap-activity.modtype_forum,
.section li.snap-activity.modtype_chat,
.section li.snap-activity.modtype_hsuforum {
    border-top-color: #8bc34a;
}

.section li.snap-activity.modtype_assign,
.section li.snap-activity.modtype_assignment,
.section li.snap-activity.modtype_workshop {
    border-top-color: #03a9f4;
}

.section li.snap-activity.modtype_choice,
.section li.snap-activity.modtype_feedback,
.section li.snap-activity.modtype_quiz,
.section li.snap-activity.modtype_survey,
.section li.snap-activity.modtype_questionnaire,
.section li.snap-activity.modtype_lesson {
    border-top-color: #ffa000;
}

.section li.snap-activity.modtype_data,
.section li.snap-activity.modtype_glossary,
.section li.snap-activity.modtype_wiki {
    border-top-color: #009688;
}

.section li.snap-activity.modtype_collaborate {
    border-top-color: #c800a1;
}

.section li.snap-activity.modtype_folder {
    border-top-color: #fed859;
}

/* EDIT SUMMARY */
/* Make it obvious that you can edit a summary - Add text and some styles to that gear thing */
#page-site-index .sitetopic > a:last-of-type,
.summary .edit-summary {
    clear: both;
    display: block;
    text-align: center;
    margin: 1em 0;
    background-color: transparent;
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
}

#page-site-index .sitetopic > a:last-of-type:after {
    content: attr(title);
    display: block;
    font-weight: 300;
}

#page-site-index .sitetopic > a:last-of-type:before {
    content: " ";
    background: transparent url("[[pix:theme|pencil]]") no-repeat 50% 50%;
    display: block;
    height: 3em;
    width: 3em;
    margin: 0.5em auto;
}

#page-site-index .sitetopic > a .iconsmall {
    display: none;
}

.snap-asset-meta {
    clear: both;
    padding: 0;
}

.snap-completion-meta,
.snap-group-tag,
.snap-grouping-tag {
    text-align: right;
    font-size: small;
    margin-bottom: 0.5em;
}

.snap-completion-meta a,
.snap-group-tag a,
.snap-grouping-tag a {
    padding: 0.5em;
    font-weight: 500;
}

.snap-completion-meta a + a,
.snap-group-tag a + a,
.snap-grouping-tag a + a {
    border-left: 1px solid;
}

.snap-due-date {
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    border-radius: 0;
    font-weight: normal;
    font-size: 1em;
    border-left-color: white;
}

.snap-due-date[href]:visited {
    color: #fff;
}

.snap-conditional-tag,
.snap-draft-tag,
.snap-current-tag {
    font-size: small;
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    background-color: #eee;
    margin: 0.5em 0;
    padding: 0.5em;
}

.snap-conditional-tag .availabilityinfo,
.snap-draft-tag .availabilityinfo,
.snap-current-tag .availabilityinfo {
    display: inline;
    margin-left: 0.5em;
}

.snap-conditional-tag ul,
.snap-draft-tag ul,
.snap-current-tag ul {
    margin: 0 !important;
    list-style: none;
    padding: 0;
}

.snap-conditional-tag strong,
.snap-draft-tag strong,
.snap-current-tag strong {
    font-weight: normal;
}

.snap-completion-meta {
    display: block !important;
    clear: both;
}

.snap-draft-tag,
.snap-current-tag {
    display: none !important;
    font-size: small;
}

.hidden .content .snap-draft-tag,
.snap-asset.draft .snap-draft-tag {
    display: block !important;
}

.current .snap-current-tag {
    display: block !important;
    color: white;
    background-color: #8bc34a;
}

li.draft {
    border-top-color: #eee !important;
}

li.draft .activityinstance {
    opacity: 0.75;
}

li.draft .editing_hide {
    display: none;
}

li.draft .editing_show {
    display: block;
}

.section.hidden {
    opacity: 1 !important;
}

.section.hidden .content {
    opacity: 0.75;
}

.section.hidden li.draft .activityinstance {
    opacity: 1;
}

.snap-asset-completion-tracking {
    position: absolute;
    top: 0.5em;
    right: 1em;
    display: block;
    line-height: 0;
}

/* Completion actions */
@keyframes circleajax {
    0% {
        border-top-color: #646464;
        border-right-color: rgba(50, 50, 50, 0.25);
        border-bottom-color: rgba(50, 50, 50, 0.25);
        border-left-color: rgba(50, 50, 50, 0.25);
    }
    25% {
        border-top-color: rgba(50, 50, 50, 0.25);
        border-right-color: #646464;
        border-bottom-color: rgba(50, 50, 50, 0.25);
        border-left-color: rgba(50, 50, 50, 0.25);
    }
    50% {
        border-top-color: rgba(50, 50, 50, 0.25);
        border-right-color: rgba(50, 50, 50, 0.25);
        border-bottom-color: #646464;
        border-left-color: rgba(50, 50, 50, 0.25);
    }
    75% {
        border-top-color: rgba(50, 50, 50, 0.25);
        border-right-color: rgba(50, 50, 50, 0.25);
        border-bottom-color: rgba(50, 50, 50, 0.25);
        border-left-color: #646464;
    }
    100% {
        border-top-color: #646464;
        border-right-color: rgba(50, 50, 50, 0.25);
        border-bottom-color: rgba(50, 50, 50, 0.25);
        border-left-color: rgba(50, 50, 50, 0.25);
    }
}

span.autocompletion img,
form.togglecompletion {
    position: relative;
    width: 20px;
    height: 20px;
}

form.togglecompletion {
    transition: all 0.4s ease-in-out;
}

form.togglecompletion input[type="image"] {
    width: 100%;
    height: 100%;
}

form.togglecompletion:hover,
form.togglecompletion:focus {
    transform: scale(1.1);
}

form.togglecompletion.ajaxing:after {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    margin-top: -4px;
    margin-left: -4px;
    top: 0;
    left: 0;
    border: solid;
    border-width: 6px;
    border-radius: 50%;
    box-sizing: border-box;
    border-top-color: #323232;
    border-right-color: rgba(50, 50, 50, 0.25);
    border-bottom-color: rgba(50, 50, 50, 0.25);
    border-left-color: rgba(50, 50, 50, 0.25);
    animation-name: circleajax;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

form.togglecompletion.ajaxing div {
    display: none;
}

/* Indent text associated with activity/resource. */
.section li.snap-activity .contentafterlink,
.section li.snap-activity .hsuforum-recent {
    margin-left: 47px;
}

.snap-asset-actions {
    visibility: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 250px;
}

.snap-asset-actions > a,
.snap-asset-actions .snap-edit-more-dropdown,
.snap-asset-actions .snap-asset-move {
    display: inline-block !important;
    padding: 0.3em 7%;
    text-align: center;
    width: 33%;
    cursor: pointer;
}

.snap-asset-actions > a:hover .svg-icon,
.snap-asset-actions .snap-edit-more-dropdown:hover .svg-icon,
.snap-asset-actions .snap-asset-move:hover .svg-icon,
.snap-asset-actions > a:focus .svg-icon,
.snap-asset-actions .snap-edit-more-dropdown:focus .svg-icon,
.snap-asset-actions .snap-asset-move:focus .svg-icon {
    transform: scale(1.1);
    border-color: #999;
}

.snap-asset-actions .svg-icon {
    border-radius: 100%;
    border: 1px solid white;
    width: 1.75em;
    height: 1.75em;
    background-color: white;
    transition: all 0.4s ease-in-out;
}

.snap-asset-actions input[type=checkbox]:checked + .svg-icon {
    background-color: #8bc34a !important;
}

.snap-asset-actions .dropdown-menu {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    border: 0;
    padding: 0;
}

.snap-asset-actions .dropdown-menu a {
    font-weight: inherit;
    font-size: 0.8em;
}

.snap-course-listening .snap-asset-actions {
    visibility: visible;
}

.snap-resource .snap-asset-actions {
    width: 100%;
}

.snap-resource .snap-asset-actions > a,
.snap-resource .snap-asset-actions > a:hover,
.snap-resource .snap-asset-actions div > a,
.snap-resource .snap-asset-actions div > a:hover {
    color: #fff;
}

.snap-resource .snap-asset-actions > a,
.snap-resource .snap-asset-actions .snap-edit-more-dropdown,
.snap-resource .snap-asset-actions label {
    padding: 0.3em 7%;
    text-align: center;
    width: 33%;
}

.dropdown-menu .editing_show {
    display: none;
}

/* reset some moodle shame */
.moodle-actionmenu,
.moodle-actionmenu > ul,
.moodle-actionmenu > ul > li {
    display: block;
}

.moodle-actionmenu > ul > li {
    display: inline-block;
}

/*  actions at the footer of an element */
.section .snap-asset .actions {
    clear: both;
    float: none;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}

.section .snap-asset .actions:before,
.section .snap-asset .actions:after {
    content: " ";
    display: table;
}

.section .snap-asset .actions:after {
    clear: both;
}

.section .snap-asset .actions:before,
.section .snap-asset .actions:after {
    content: " ";
    display: table;
}

.section .snap-asset .actions:after {
    clear: both;
}

.section .snap-asset .actions .moodle-actionmenu {
    width: 100%;
    max-width: 320px;
}

.section .snap-asset .actions .moodle-actionmenu .menubar {
    text-align: right;
}

.section .snap-asset .actions .moodle-actionmenu > ul {
    margin: 0;
}

/* add bg colour for actions when editing */
.editing .actions {
    background-color: rgba(255, 255, 255, 0.95);
}

/* remove bg colour for actions when menu shown */
.action-menu-shown .actions {
    background-color: transparent;
}

.section .snap-asset .editing_move {
    padding: 0 2%;
}

div.commands ul.menubar {
    margin: 0;
}

.jsenabled .snap-asset .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
    text-decoration: none;
    padding: 0.5em 1em;
    margin: 0;
    text-align: right;
    background-color: #fff;
}

.toggle-display .caret {
    display: none;
}

.toggle-display.textmenu:after {
    content: "☰";
    margin-left: 0.5rem;
}

.action-menu-shown .toggle-display.textmenu:after {
    content: " ";
    background: transparent url("[[pix:theme|close_x]]") repeat;
    display: inline-block;
    width: 1em;
    height: 1em;
}

.action-menu-shown .moodle-actionmenu > ul > li {
    display: block;
}

.editing .snap-asset .actions .menu {
    position: relative;
    display: block;
    visibility: hidden;
    overflow: hidden;
    z-index: 1;
    width: 0;
    height: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background-color: #fff;
    transform: scale(0);
    transform-origin: 100% 100%;
    transition: transform 0.3s;
}

.editing .snap-asset.action-menu-shown .actions .editing_move,
.editing .snap-asset.action-menu-shown .actions [class*='group'] {
    display: none;
}

.editing .snap-asset.action-menu-shown .actions .menu[style] {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

.editing .snap-asset.action-menu-shown .actions .menu {
    visibility: visible;
    transform: scale(1);
    transition: transform 0.3s;
    padding: 0 0.5em;
    margin: 0;
    width: auto;
    max-width: 320px;
    height: auto;
}

input.titleeditor {
    max-width: 100%;
    padding: 0.3em;
    margin: 0;
}

span.editinstructions {
    box-shadow: none;
    border: 0;
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
}

/* forum unread posts button */
.snap-asset .unread {
    clear: both;
    display: block;
    background-color: transparent;
}

.editing .dndupload-preview .mod-indent {
    display: block;
}

.path-course-view a.reduce-sections {
    padding-left: 0;
}

#changenumsections {
    text-align: center;
}

#changenumsections .increase-sections,
#changenumsections .reduce-sections {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 16px;
    font-size: 18px;
    line-height: 1.6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#changenumsections .increase-sections:focus,
#changenumsections .reduce-sections:focus,
#changenumsections .increase-sections:active:focus,
#changenumsections .reduce-sections:active:focus,
#changenumsections .increase-sections.active:focus,
#changenumsections .reduce-sections.active:focus,
#changenumsections .increase-sections.focus,
#changenumsections .reduce-sections.focus,
#changenumsections .increase-sections:active.focus,
#changenumsections .reduce-sections:active.focus,
#changenumsections .increase-sections.active.focus,
#changenumsections .reduce-sections.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

#changenumsections .increase-sections:hover,
#changenumsections .reduce-sections:hover,
#changenumsections .increase-sections:focus,
#changenumsections .reduce-sections:focus,
#changenumsections .increase-sections.focus,
#changenumsections .reduce-sections.focus {
    color: #03a9f4;
    text-decoration: none;
}

#changenumsections .increase-sections:active,
#changenumsections .reduce-sections:active,
#changenumsections .increase-sections.active,
#changenumsections .reduce-sections.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

#changenumsections .increase-sections.disabled,
#changenumsections .reduce-sections.disabled,
#changenumsections .increase-sections[disabled],
#changenumsections .reduce-sections[disabled],
fieldset[disabled] #changenumsections .increase-sections,
fieldset[disabled] #changenumsections .reduce-sections {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

a#changenumsections .increase-sections.disabled,
a#changenumsections .reduce-sections.disabled,
fieldset[disabled] a#changenumsections .increase-sections,
fieldset[disabled] a#changenumsections .reduce-sections {
    pointer-events: none;
}

#changenumsections .increase-sections img,
#changenumsections .reduce-sections img {
    display: none;
}

#changenumsections .increase-sections .accesshide,
#changenumsections .reduce-sections .accesshide {
    position: relative;
    width: auto;
    height: auto;
    margin: initial;
    overflow: visible;
    clip: auto;
    border: initial;
    font-weight: 300;
}

#snap-course-footer {
    margin: 2em auto -2em;
    padding: 1em 4%;
    background-color: #f1f0ee;
}

#course_recent_updates h3 {
    font-size: 1em;
    clear: both;
}

#course_recent_updates .head .date,
#course_recent_updates .head .name {
    display: inline;
}

#course_recent_updates .head .date {
    float: right;
    font-size: small;
}

#course_recent_updates .info.bold {
    font-weight: inherit;
}

#page-course-completion .mform .fcontainer .fitem_fcheckbox {
    display: flex;
}

#page-course-completion .mform .fcontainer .fitem_fcheckbox .fitemtitle {
    order: 2;
}

#page-course-completion .mform .fcontainer .fitem_fcheckbox .fcheckbox {
    order: 1;
    margin-right: 1em;
}

#page-course-completion .mform .fcontainer .fitem_fcheckbox .fcheckbox input {
    margin: 0;
}

#page-grade-edit-tree-calculation input[type="text"] {
    margin: 0.5rem 0 0.5rem 0.5rem;
}

#page-course-recent img.icon.smallicon {
    width: 35px;
    height: 35px;
}

#page-course-recent h3 {
    margin-bottom: 0;
}

#page-course-recent #region-main td.userpicture {
    width: 70px;
    vertical-align: middle;
}

#page-course-recent #region-main td.userpicture img {
    margin-left: 25px;
}

#page-course-resources table.mod_index td img {
    max-width: 2rem;
}

@media screen and (max-width: 991px) {
    .userlist table.controls tr td.right {
        text-align: left;
    }

    .userlist table.controls tr td {
        padding: 0 0 1em !important;
    }

    .userlist table.controls tr td:empty {
        display: none;
    }

    .userlist table.controls tr td,
    .userlist .singleselect {
        display: block;
        width: auto;
    }
}

@keyframes fadeup {
    0% {
        opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}

.path-course-view li.state-visible,
.path-course-view #page-header,
.path-course-view #region-main {
    animation-name: fadeup;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-duration: 0.68s;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.section-drop,
.section-moving a.section-drop,
.section-moving + .section .section-drop {
    display: none;
}

.section-drop {
    height: 125px;
    margin: 1em 0;
    clear: both;
    border: 2px dashed #dadada;
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    text-align: center;
    display: none;
}

.section-drop,
.snap-move-note {
    background: transparent url("[[pix:theme|move_here]]") no-repeat 50% 80%;
    background-size: 2.5em 2.5em;
}

.snap-move-section .section-drop {
    display: block;
}

.snap-move-section .section-drop:hover {
    border-color: #8bc34a;
}

#snap-footer-alert {
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    color: #fff;
    background-image: none !important;
    outline: none !important;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}

#snap-footer-alert .spinner-three-quarters {
    margin-left: 1em;
    width: 1em;
    height: 1em;
}

#snap-footer-alert.snap-footer-alert-visible {
    padding: 0.5em 0;
    max-height: 200px;
    z-index: 2;
}

.snap-footer-alert-title {
    text-transform: capitalize;
    color: #fff !important;
    display: inline-block;
    background-size: 1.5em 1.5em;
    background-position: 0 center;
    background-repeat: no-repeat;
    padding-left: 1.7em;
    margin-left: 4%;
    width: 68.2%;
}

.snap-footer-alert-cancel {
    float: right;
    margin-right: 4%;
    color: #fff !important;
    opacity: 0.8;
    visibility: hidden;
}

.snap-footer-alert-cancel:hover {
    color: #fff;
    opacity: 1;
}

.snap-footer-alert-cancel.state-visible {
    visibility: visible;
}

.snap-move-inprogress .snap-moving,
.snap-move-inprogress .snap-modchooser,
.snap-move-inprogress .edit-summary,
.snap-move-inprogress .snap-asset-actions .snap-edit-asset,
.snap-move-inprogress .snap-asset-actions .snap-edit-more-dropdown,
.snap-move-inprogress .snap-section-editing,
.snap-move-inprogress .snap-modchooser,
.snap-move-inprogress .snap-dropzone {
    display: none !important;
}

.snap-move-inprogress.snap-move-section .snap-asset-actions,
.snap-move-inprogress.snap-move-section .snap-asset .togglecompletion {
    display: none !important;
}

.snap-move-inprogress .actions {
    display: none;
}

.snap-asset.movefinished {
    animation: fadein 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.snap-move-note,
.snap-drop.asset-drop {
    display: none;
}

.snap-move-asset .snap-asset:not(.asset-moving) {
    border: 2px dashed #999;
}

.snap-move-asset .snap-resource:not(.asset-moving) {
    border: 2px dashed white;
}

.snap-move-asset .snap-asset:not(.asset-moving) .snap-move-note {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    text-align: center;
    padding: 1em;
    display: block;
}

.snap-move-asset .snap-drop.asset-drop {
    display: block;
    clear: both;
    border: 2px dashed #999;
    font-size: 2em;
    color: #565656;
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    text-align: center;
    cursor: pointer;
}

#snap-light-box {
    display: none;
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 1000000;
    overflow-y: scroll;
}

#snap-light-box.state-visible {
    display: block;
}

#snap-light-box #snap-light-box-close {
    position: absolute;
    z-index: 2;
    top: 0.5em;
    right: 0.5em;
}

#snap-light-box .icon-close:before {
    background: transparent url([[pix:theme|close_x]]) no-repeat 50% 50%;
}

#snap-light-box .resourcecontent audio {
    margin: 1em auto;
}

#snap-light-box-content {
    width: 100%;
    padding: 1em 4%;
}

@media screen and (min-width: 768px) {
    .snap-lightbox-description {
        overflow-y: auto;
        max-height: 80vh;
    }
}

/**
 * Snap Table of contents.
 *
 * @package   theme_snap
 * @copyright Copyright (c) 2017 Open LMS (https://www.openlms.net)
 * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
#course-toc {
    /* TOC heading. */
    /* TOC list. */
    /* Section currently displayed. */
    /* Completed section icon. */
    /* CSS mididots. */
}

#course-toc #toc-desktop-menu-heading {
    text-transform: uppercase;
    font-size: 1em;
}

#course-toc #chapters {
    padding: 0;
    /* Chapter link */
}

#course-toc #chapters li {
    padding-bottom: 0.3em;
    line-height: 1;
}

#course-toc #chapters .chapter-title {
    display: block;
    margin-bottom: -0.3em;
    line-height: 1.75;
}

#course-toc .snap-visible-section a {
    color: #565656;
    text-decoration: none;
}

#course-toc .snap-section-complete {
    width: 1.3em;
    height: 1.3em;
}

#course-toc .text + .text:before {
    content: " · ";
}

#snap-course-wrapper {
    margin: 0 4%;
    /* TOC heading. */
    /* TOC list. */
    /* Remove numbering of sections. */
}

#snap-course-wrapper #course-toc,
#snap-course-wrapper #region-main {
    padding-top: 1em;
}

#snap-course-wrapper #toc-desktop-menu-heading {
    padding: 1em 0;
    border-bottom: 1px solid #dadada;
}

#snap-course-wrapper #chapters {
    padding-left: 0;
    list-style: none;
}

#snap-course-wrapper #chapters li {
    margin-left: 0;
}

#snap-course-wrapper .toc-footer {
    padding-bottom: 2em;
}

#snap-course-wrapper .toc-footer a {
    display: block;
    padding: 0.5em 0;
}

#snap-course-wrapper .toc-footer a img {
    width: 1.5em;
    height: 1.5em;
}

#snap-course-wrapper .sectionnumber:before {
    content: '';
}

#page-header #course-toc {
    margin: 1em auto -0.5em;
}

#page-header .mast-image #course-toc {
    margin-top: 6.6vh;
}

#page-header #chapters {
    column-count: 2;
    margin-bottom: 0;
}

#page-header #chapters.list-large {
    column-count: 3;
}

#page-header #toc-desktop-menu-heading {
    padding: 1em 2em 0;
    display: inline-block;
    margin: 0;
}

#page-header ol#chapters {
    list-style-position: outside;
}

#page-header ol#chapters li {
    margin-left: 2em;
}

#page-header #chapters > :first-child {
    list-style: none;
}

#page-header .toc-footer {
    margin-right: 4%;
    text-align: right;
}

#page-header .toc-footer a {
    margin-left: 0.5em;
}

#toc-search {
    position: absolute;
    top: 2em;
    right: 0;
    max-width: 100%;
}

#toc-search:before {
    content: '';
    background: transparent url("[[pix:theme|search]]") no-repeat 50% 50%;
    display: inline-block;
    height: 1.5em;
    width: 1.5em;
    margin-right: -2.5em;
    margin-bottom: -0.3em;
}

#toc-search-input {
    border-radius: 50%;
    width: 3em;
    height: 3em;
    padding: 0 1.5em;
    background-color: transparent;
    border: 1px solid transparent;
    transition: all 0.4s ease-in-out;
}

#toc-search-input.state-active,
#toc-search-input:focus {
    border-radius: 0;
    box-shadow: none;
    width: 320px;
    background-color: white;
}

#toc-searchables {
    display: none;
}

#toc-search-results {
    display: none;
    position: absolute;
    width: 320px;
    z-index: 3;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
}

#toc-search-results li {
    width: 300px;
    padding: 0.1em 4%;
    overflow: hidden;
}

#toc-search-results li img {
    width: 24px;
    height: 24px;
    vertical-align: bottom;
}

#toc-search-results li:first-child {
    padding-top: 0.5em;
}

#toc-search-results li:last-child {
    padding-bottom: 1em;
}

#toc-search-input.state-active + #toc-search-results,
#toc-search-input:focus + #toc-search-results {
    display: block;
}

#page-header #course-toc {
    position: relative;
}

#page-header #toc-search {
    position: absolute;
    top: 0.5em;
    right: 0;
}

#page-header #toc-search-results {
    right: 0.8em;
}

#snap-course-wrapper #toc-search-results {
    left: -0.7em;
}

#toc-mobile-menu-toggle {
    display: none;
}

@media screen and (max-width: 992px) {
    .snap-footer-alert-cancel {
        margin-right: 3em;
    }

    #toc-mobile-menu-toggle {
        background: #dadada url("[[pix:theme|burger]]") no-repeat 50% 50%;
        background-size: 1em;
        display: inline-block;
        bottom: 0.5em;
        right: 0.5em;
        position: fixed;
        width: 2em;
        height: 2em;
        font-size: 1.5em;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        border-radius: 50%;
        z-index: 666;
    }

    #course-toc {
        position: fixed;
        right: 0;
        padding: 0 4%;
        margin: 0;
        z-index: 66;
        background-color: transparent !important;
        transition: all 0.4s ease-in-out;
        outline: none;
    }

    #course-toc #chapters,
    #course-toc .toc-footer,
    #course-toc #toc-desktop-menu-heading {
        display: none;
    }

    #course-toc.state-visible {
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        bottom: 0;
        background-color: white !important;
        overflow-y: scroll;
    }

    #course-toc.state-visible #chapters,
    #course-toc.state-visible .toc-footer {
        display: block;
        column-count: 1;
    }

    #course-toc.state-visible #toc-mobile-menu-toggle {
        position: fixed;
        box-shadow: none;
        top: 0;
        background: white url("[[pix:theme|close_x]]") no-repeat 50% 50%;
        background-size: 1em;
    }

    #toc-search,
    #toc-desktop-menu-heading {
        display: none;
    }
}

#course-toc .section-moving {
    border-left: 0.3em solid;
    padding-left: 0.3em;
}

.snap-my-courses-menu {
    display: inline;
    border: none;
    position: relative;
    padding: 1rem 1rem 1rem 0;
}

.snap-my-courses-menu .userpicture {
    height: 2em;
    width: 2em;
    margin-left: 1rem;
}

.snap-my-courses-menu .conversation_badge_count {
    color: white;
    height: 1.8em;
    width: 1.8em;
    text-align: center;
    font-size: .55em;
    cursor: pointer;
}

.snap-my-courses-menu .message_badge_count,
.snap-my-courses-menu .conversation_badge_count {
    position: absolute;
    padding-top: 0;
    background-image: none;
    border-radius: 50%;
    left: auto;
    right: 0.5em;
    top: 0.5em;
}

.notloggedin header .snap-login-button {
    margin-right: 4%;
}

@media only screen and (min-width: 1200px) {

    .callstoaction {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 2em;
    }

    .callstoaction section {
        width: 100%;
        padding-bottom: 0.5em;
        border-bottom: 1px dotted #999;
    }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) {
    .callstoaction {
        float: left;
        width: 25%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .callstoaction {
        column-count: 2;
    }

    .callstoaction section {
        width: 100%;
        float: none;
        display: inline-block;
    }
}

@media only screen and (max-width: 480px) {

    #primary-nav section {
        width: 96vw !important;
        float: left;
        padding: 1em;
        transition: all 0.4s ease-in-out;
    }

    .courseinfo-body {
        width: 61.8% !important;
        height: auto;
        padding: 0.5em !important;
    }
}

.callstoaction section {
    position: relative;
}

.callstoaction section .snap-sidebar-menu-more {
    position: absolute;
    top: 0.9rem;
    right: 0;
}

.callstoaction section .snap-sidebar-menu-more:hover .svg-icon,
.callstoaction section .snap-sidebar-menu-more:focus .svg-icon {
    border: 1px solid #fff;
    transform: scale(1.1);
}

.callstoaction section .svg-icon {
    transition: all 0.4s ease-in-out;
    border-radius: 100%;
    margin-right: 0;
    width: 36px;
    height: 36px;
}

.courseinfo {
    position: relative;
    float: left;
    width: 100%;
    margin: 0.5em 3% 0.5em 0;
    min-height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    box-shadow: 0 1px 2px 0 #dadada;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}

.courseinfo:hover {
    transform: scale(1.06);
    box-shadow: 0 8px 17px 0 #999, 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.courseinfo:hover .courseinfo-teachers {
    transform: scale(1.2);
}

.courseinfo .courseinfo-teachers {
    transition: all 0.4s ease-in-out;
    position: absolute;
    top: -1em;
    left: -1%;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.courseinfo .userpicture,
.courseinfo .courseinfo-teachers-more {
    border-radius: 50%;
    margin-right: 1%;
    width: 2em;
    height: 2em;
    background-color: white;
    padding: 2px;
}

.courseinfo .courseinfo-teachers-more {
    transition: all 0.4s ease-in-out;
    display: inline-block;
    background-color: white;
    font-size: 0.7em;
    text-align: center;
    padding-top: 0.32em;
    margin: 1%;
    color: #565656 !important;
    text-decoration: none !important;
    border: 3px solid #dadada;
}

.courseinfo .courseinfo-teachers-extra {
    transition: all 0.4s ease-in-out;
    opacity: 0;
    height: 0;
}

.courseinfo.show-all .courseinfo-teachers-extra {
    opacity: 1;
    height: auto;
}

.courseinfo.show-all .courseinfo-teachers {
    overflow: auto;
    top: -5em;
    transition: all 0.4s ease-in-out;
}

.courseinfo .courseinfo-body {
    transition: all 0.4s ease-in-out;
    background-color: white;
    color: #666;
    position: absolute;
    width: 100%;
    padding: 1.5em 0.5em 1em 0.5em;
    bottom: 0;
    min-height: 50%;
}

.courseinfo .courseinfo-body h3 a {
    display: -webkit-box;
    max-height: 3em;
    width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important;
}

.courseinfo h3 {
    font-size: 1em;
    font-weight: 300;
    margin: 0;
}

.courseinfo .completionstatus,
.courseinfo .coursegrade {
    font-size: small;
}

.courseinfo .coursegrade {
    display: block;
    line-height: 2.5em;
}

.courseinfo .published-status {
    clear: both;
    float: left;
    margin-bottom: -1em;
}

.courseinfo .completionstatus {
    border-bottom: 0.5em solid #dadada;
}

.courseinfo .completion-line {
    background-color: #8bc34a;
    height: 0.3em;
    margin-top: -0.3em;
}

@media only screen and (max-width: 767px) {
    .courseinfo-teachers {
        display: none;
    }
}

/* Course favoriting */
.courseinfo .favoritetoggle {
    width: 2em;
    height: 2em;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0.25em;
    z-index: 1;
}

.courseinfo .favoritetoggle:after {
    background: url("[[pix:theme|fav_unchecked]]");
    background-repeat: none;
    content: ' ';
    width: 80%;
    height: 80%;
    display: block;
    margin: 0 10% 5%;
}

.courseinfo.favorited .favoritetoggle:after {
    background: url("[[pix:theme|fav_checked]]");
}

@keyframes spinnerrotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.courseinfo .favoritetoggle.ajaxing {
    animation-name: spinnerrotate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.header-hidden-courses {
    display: none;
}

.header-hidden-courses.state-visible {
    display: inherit;
}

button.snap-icon-toggle.favoritetoggle {
    border-radius: 100%;
    border: 2px solid transparent;
}

button.snap-icon-toggle.favoritetoggle:focus {
    border-color: #fec111;
}

/**
 * Snap core swatch.
 *
 * @package   theme_snap
 * @copyright Copyright (c) 2015 Open LMS (https://www.openlms.net)
 * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

body:not(.behat-site) #id_generalhdr .ftoggler,
body:not(.behat-site) #id_general .ftoggler {
    display: none;
}

.fdescription.required {
    display: none;
}

#id_general .fcontainer,
#id_generalhdr .fcontainer {
    display: block;
}

input[type="radio"] {
    max-width: none;
}

#newsection {
    width: 100%;
    margin: 0;
}

#snap-add-new-section .editor_atto_content {
    min-height: 250px !important;
}

#snap-add-new-section .editor_atto_wrap {
    margin-bottom: 1em;
}

.editor_atto_notification {
    bottom: 1em;
}

.editor_atto_notification .atto_info,
.editor_atto_notification .atto_warning {
    border-radius: 0;
}

.pagelayout-admin .mform,
#page-course-editsection .mform {
    max-width: 100%;
}

#page-mod-url-mod #id_submitbutton,
#page-mod-page-mod #id_submitbutton,
#page-mod-resource-mod #id_submitbutton {
    display: none;
}

#fitem_id_externalurl .filemanager-loading {
    display: none;
}

#page-course-edit #maincontent + h2,
#page-course-editsection #maincontent + h2,
.pagelayout-admin.path-mod #maincontent + h2 {
    font-weight: 300;
    line-height: 1.5;
    color: #565656;
    margin-top: 14px;
    margin-bottom: 14px;
    font-size: 24px;
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
}

#page-course-edit #maincontent + h2 small,
#page-course-editsection #maincontent + h2 small,
.pagelayout-admin.path-mod #maincontent + h2 small,
#page-course-edit #maincontent + h2 .small,
#page-course-editsection #maincontent + h2 .small,
.pagelayout-admin.path-mod #maincontent + h2 .small {
    font-weight: normal;
    line-height: 1;
    color: #999;
}

#page-course-edit #maincontent + h2 small,
#page-course-editsection #maincontent + h2 small,
.pagelayout-admin.path-mod #maincontent + h2 small,
#page-course-edit #maincontent + h2 .small,
#page-course-editsection #maincontent + h2 .small,
.pagelayout-admin.path-mod #maincontent + h2 .small {
    font-size: 75%;
}

#id_cancel {
    border-radius: 0;
    color: #03a9f4;
    font-weight: 300;
    margin-left: 2em;
}

#id_cancel,
#id_cancel:active,
#id_cancel.active,
#id_cancel[disabled],
fieldset[disabled] #id_cancel {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#id_cancel,
#id_cancel:hover,
#id_cancel:focus,
#id_cancel:active {
    border-color: transparent;
}

#id_cancel:hover,
#id_cancel:focus {
    color: #0275a8;
    text-decoration: underline;
    background-color: transparent;
}

#id_cancel[disabled]:hover,
fieldset[disabled] #id_cancel:hover,
#id_cancel[disabled]:focus,
fieldset[disabled] #id_cancel:focus {
    color: #999;
    text-decoration: none;
}

#fitem_id_outcomes .yui3-moodle-core_outcome-mapoutcome-content-wrapper ul {
    padding-left: 4%;
    margin-left: 0;
}

.btn .badge {
    color: #fff;
}

.snap-form-required #id_name,
.snap-form-required #id_externalurl,
.snap-form-required #id_toolurl,
.snap-form-required #id_sessionname {
    width: 100%;
}

.snap-form-required select {
    max-width: 30em;
}

.snap-form-required .editor_atto_content {
    min-height: 250px !important;
}

@media (min-width: 992px) {
    #id_name {
        font-weight: 300;
        line-height: 1.5;
        color: #565656;
        margin-bottom: 14px;
        font-size: 36px;
        font-family:
            "Roboto",
            "Fira Sans",
            "Segoe UI",
            "HelveticaNeue-Light",
            "Helvetica Neue Light",
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif;
        margin-top: 0;
    }

    #id_name small,
    #id_name .small {
        font-weight: normal;
        line-height: 1;
        color: #999;
    }

    #id_name small,
    #id_name .small {
        font-size: 75%;
    }

    .snap-form-required #fgroup_id_buttonar {
        margin-top: 25px;
    }

    .snap-form-advanced fieldset.collapsible legend a.fheader {
        margin-left: -6px;
    }

    .snap-form-advanced legend {
        font-size: 1em;
    }

    .snap-form-advanced select {
        max-width: 300px;
    }

    .snap-form-advanced .collapsible-actions {
        text-align: left;
    }

    .snap-form-advanced .collapsible-actions .collapseexpand {
        margin-left: -6px;
    }
}

@media (max-width: 991px) {
    .snap-form-required #fgroup_id_buttonar {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 0.5em;
        background-color: #fff;
        z-index: 25;
        border-top: 1px solid #eee;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .snap-form-required #id_cancel {
        margin-left: 0;
    }

    .snap-form-required #id_submitbutton2 + #id_submitbutton {
        display: none;
    }
}

#id_s_theme_snap_resourcedisplay {
    margin-left: -15px;
    margin-right: -15px;
    max-width: 100%;
}

#s_theme_snap_resourcedisplay_list,
#s_theme_snap_resourcedisplay_card {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

@media (min-width: 768px) {
    #s_theme_snap_resourcedisplay_list,
    #s_theme_snap_resourcedisplay_card {
        float: left;
        width: 50%;
    }
}

#s_theme_snap_resourcedisplay_list + br,
#s_theme_snap_resourcedisplay_card + br {
    display: none;
}

#s_theme_snap_resourcedisplay_list:before,
#s_theme_snap_resourcedisplay_card:before {
    display: block;
}

#s_theme_snap_resourcedisplay_list:before {
    content: url("[[pix:theme|list]]");
}

#s_theme_snap_resourcedisplay_card:before {
    content: url("[[pix:theme|cards]]");
}

/**
* Plugins css.
*/
/**
* oembed filter.
*/
/* oembed content cards. */
.filter_oembed_lazyvideo_container {
    min-width: 100%;
    background-color: black;
    /* Text. */
    /* Image. */
    /* Content when loaded. */
}

.filter_oembed_lazyvideo_container .filter_oembed_lazyvideo_text {
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    padding: 0.5em;
}

.filter_oembed_lazyvideo_container .filter_oembed_lazyvideo_placeholder {
    width: auto;
    height: 300px;
    margin: 0 auto;
    display: block;
}

.filter_oembed_lazyvideo_container iframe {
    width: 100%;
    min-height: 300px;
}

/* Large screen. */
@media screen and (min-width: 768px) {
    .filter_oembed_lazyvideo_container {
        /* Image. */
        /* Content when loaded. */
    }

    .filter_oembed_lazyvideo_container .filter_oembed_lazyvideo_placeholder {
        height: 400px;
    }

    .filter_oembed_lazyvideo_container iframe {
        min-height: 400px;
    }
}

/**
 * report : dates.
 * https://moodle.org/plugins/report_editdates
 */
#page-report-editdates-index .activityicon {
    width: 2rem;
    height: 2rem;
    margin: 0 0.3rem;
    vertical-align: middle;
}

/**
 * Mod assign grading interface.
 */
.path-mod-assign {
    /* Drop down menus in the anotation bar */
    /* Dialogue close icons */
}

.path-mod-assign [data-region="grading-navigation-panel"],
.path-mod-assign [data-region="review-panel"],
.path-mod-assign [data-region="grade-panel"],
.path-mod-assign [data-region="grading-navigation"],
.path-mod-assign .assignfeedback_editpdf_widget .drawingregion {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}

.path-mod-assign .assignfeedback_editpdf_widget .drawingregion {
    top: 52px;
}

.path-mod-assign [data-region="grading-navigation-panel"],
.path-mod-assign [data-region="user-info"] {
    height: auto;
}

.path-mod-assign [data-region="user-info"] h4 {
    font-size: 1em;
}

.path-mod-assign [data-region="user-info"] .img-rounded {
    height: 3em;
    border-radius: 100%;
}

.path-mod-assign .moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown {
    min-width: 1em;
}

.path-mod-assign ul.assignfeedback_editpdf_menu {
    margin: 0;
    padding: 0;
}

.path-mod-assign [data-region="popout-button"] img.smallicon {
    margin: 0 !important;
}

@media screen and (min-width: 992px) {
    .path-mod-assign {
        /* Remove margin from bs row so panes are full page. */
    }

    .path-mod-assign .grading-main {
        margin-right: 0;
    }

    .path-mod-assign [data-region="review-panel-content"],
    .path-mod-assign [data-region="grade-panel"] {
        max-height: 80vh;
        overflow-y: scroll;
    }

    .path-mod-assign [data-region="review-panel"] {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 0;
    }

    .path-mod-assign [data-region="review-panel"] .pageheader {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }

    .path-mod-assign [data-region="review-panel"].grade-panel-collapsed {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        right: 0;
    }

    .path-mod-assign [data-region="grade-panel"] {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .path-mod-assign [data-region="grade-actions-panel"] {
        position: fixed;
        background-color: white;
        height: auto;
    }

    .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] {
        padding: 0.5em;
    }

    .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
        top: 25%;
        right: 0;
        height: auto;
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) {
    .path-mod-assign [data-region="review-panel"] {
        float: left;
        width: 66.66666667%;
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) {
    .path-mod-assign [data-region="review-panel"].grade-panel-collapsed {
        float: left;
        width: 100%;
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) {
    .path-mod-assign [data-region="grade-panel"] {
        float: left;
        width: 33.33333333%;
    }
}

/**
 * Assign feedback PDF editor.
 * Prevent PDF edit area from displaying outside of dialogs.
 *
 * Note - applies to joule grader which is why this is not nested within .path-mod-assign.
 * Also, note - it's an issue with the editor being inside a dialog, so fix applied more widely than just to
 * joule-grader.
 */
.moodle-dialogue-base .assignfeedback_editpdf_widget .drawingregion {
    left: 0;
    top: 0;
}

/**
 * Survey module.
 * Fix black text on save.
 */
#page-mod-survey-save div[role="main"] h2 {
    padding-top: 0.5em;
    color: #fff;
}

/**
 * Conduit.
 */
#page-blocks-conduit-view .mform .fitem .felement.fgroup span {
    display: inline-block;
}

#page-blocks-conduit-view .mform #fgroup_id_timestarted_grp .felement.fgroup span,
#page-blocks-conduit-view .mform #fgroup_id_timecompleted_grp .felement.fgroup span {
    display: block;
}

.path-blocks-conduit .widgets a {
    margin-top: -1.5em;
}

/*
 * Competencies.
 *
 * Buttons used in multiple templates.
 *
 */
/* Search icon. */
.path-admin-tool-lp [data-region="filtercompetencies"] button {
    font-weight: normal;
    border-radius: 0;
    color: #03a9f4;
}

.path-admin-tool-lp [data-region="filtercompetencies"] button,
.path-admin-tool-lp [data-region="filtercompetencies"] button:active,
.path-admin-tool-lp [data-region="filtercompetencies"] button.active,
.path-admin-tool-lp [data-region="filtercompetencies"] button[disabled],
fieldset[disabled] .path-admin-tool-lp [data-region="filtercompetencies"] button {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.path-admin-tool-lp [data-region="filtercompetencies"] button,
.path-admin-tool-lp [data-region="filtercompetencies"] button:hover,
.path-admin-tool-lp [data-region="filtercompetencies"] button:focus,
.path-admin-tool-lp [data-region="filtercompetencies"] button:active {
    border-color: transparent;
}

.path-admin-tool-lp [data-region="filtercompetencies"] button:hover,
.path-admin-tool-lp [data-region="filtercompetencies"] button:focus {
    color: #0275a8;
    text-decoration: underline;
    background-color: transparent;
}

.path-admin-tool-lp [data-region="filtercompetencies"] button[disabled]:hover,
fieldset[disabled] .path-admin-tool-lp [data-region="filtercompetencies"] button:hover,
.path-admin-tool-lp [data-region="filtercompetencies"] button[disabled]:focus,
fieldset[disabled] .path-admin-tool-lp [data-region="filtercompetencies"] button:focus {
    color: #999;
    text-decoration: none;
}

/* Buttons without full bs class. */
.path-admin-tool-lp button.btn {
    background-color: white;
}

/* Icon size. */
.path-admin-tool-lp ul.inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

.path-admin-tool-lp ul.inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.path-admin-tool-lp ul.inline img {
    width: 2rem;
    height: 2rem;
    margin: 0 0.3rem;
    vertical-align: middle;
}

#page-report-competency-index dd[data-region="coursecompetencyactivities"] a img {
    width: 2rem;
    height: 2rem;
    margin: 0 0.3rem;
    vertical-align: middle;
}

/* autocomplete form - might be used more in moodle 3.2, but just in competencies at the moment. */
.form-autocomplete-downarrow {
    color: #565656;
    top: 0;
}

/**
 * Stop rubric mform from being positioned inefficiently in dialog.
 */
#local-joulegrader-gradepane-panel .mform {
    max-width: 100%;
    margin: 0 auto;
}

/**
 * Mod lesson.
 */
/* Radio button and checkbox inputs. */
#page-mod-lesson-view.path-mod-lesson .answeroptiongroup,
#page-mod-lesson-view.path-mod-lesson .answeroption {
    /* Put options on seperate lines. */
}

#page-mod-lesson-view.path-mod-lesson .answeroptiongroup input[type="radio"],
#page-mod-lesson-view.path-mod-lesson .answeroption input[type="radio"],
#page-mod-lesson-view.path-mod-lesson .answeroptiongroup input[type="checkbox"],
#page-mod-lesson-view.path-mod-lesson .answeroption input[type="checkbox"] {
    top: 0.25em;
}

#page-mod-lesson-view.path-mod-lesson .answeroptiongroup input[type="radio"] + label,
#page-mod-lesson-view.path-mod-lesson .answeroption input[type="radio"] + label,
#page-mod-lesson-view.path-mod-lesson .answeroptiongroup input[type="checkbox"] + label,
#page-mod-lesson-view.path-mod-lesson .answeroption input[type="checkbox"] + label {
    padding-left: 1.5em;
}

#page-mod-lesson-view.path-mod-lesson .answeroptiongroup .fgroup > span,
#page-mod-lesson-view.path-mod-lesson .answeroption .fgroup > span {
    display: table;
}

#page-mod-lesson-view.path-mod-lesson .answeroptiongroup .fgroup > span label p,
#page-mod-lesson-view.path-mod-lesson .answeroption .fgroup > span label p {
    display: inline;
}

.gradingform_guide_comment_chooser {
    max-height: 60vh;
    overflow-y: auto;
}

.gradingform_guide_comment_chooser > ul > li button {
    text-align: left;
    white-space: normal;
}

/**
 * Moodle user profile page.
 *
 * @package   theme_snap
 * @copyright Copyright (c) 2017 Open LMS (https://www.openlms.net)
 * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
#page-user-profile,
.path-course.path-user {
    /* User image and name. */
    /* Full screen. */
}

#page-user-profile .page-context-header,
.path-course.path-user .page-context-header {
    text-align: center;
}

#page-user-profile .page-context-header .page-header-image,
.path-course.path-user .page-context-header .page-header-image,
#page-user-profile .page-context-header .page-header-headings,
.path-course.path-user .page-context-header .page-header-headings {
    display: block;
    padding: 0;
}

#page-user-profile #region-main,
.path-course.path-user #region-main {
    max-width: 100%;
    padding: 1em 4%;
}

#page-user-profile .userprofile,
.path-course.path-user .userprofile {
    /* Message button. */
    /* Profile text. */
    /* Profile option lists. */
}

#page-user-profile .userprofile .header-button-group,
.path-course.path-user .userprofile .header-button-group {
    float: none !important;
}

#page-user-profile .userprofile .description,
.path-course.path-user .userprofile .description {
    max-width: 43.5em;
    margin: 0 auto;
}

#page-user-profile .userprofile .profile_tree,
.path-course.path-user .userprofile .profile_tree {
    margin-left: -15px;
    margin-right: -15px;
    column-count: 1;
    /* Titles. */
    /* Datalists. */
}

#page-user-profile .userprofile .profile_tree section,
.path-course.path-user .userprofile .profile_tree section {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    #page-user-profile .userprofile .profile_tree section,
    .path-course.path-user .userprofile .profile_tree section {
        float: left;
        width: 50%;
    }
}

@media (min-width: 992px) {
    #page-user-profile .userprofile .profile_tree section,
    .path-course.path-user .userprofile .profile_tree section {
        float: left;
        width: 25%;
    }
}

#page-user-profile .userprofile .profile_tree section:nth-of-type(5),
.path-course.path-user .userprofile .profile_tree section:nth-of-type(5) {
    clear: left;
}

#page-user-profile .userprofile .profile_tree .node_category h3,
.path-course.path-user .userprofile .profile_tree .node_category h3 {
    font-weight: 300;
    line-height: 1.5;
    color: #565656;
    margin-top: 14px;
    margin-bottom: 14px;
    font-size: 29px;
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
}

#page-user-profile .userprofile .profile_tree .node_category h3 small,
.path-course.path-user .userprofile .profile_tree .node_category h3 small,
#page-user-profile .userprofile .profile_tree .node_category h3 .small,
.path-course.path-user .userprofile .profile_tree .node_category h3 .small {
    font-weight: normal;
    line-height: 1;
    color: #999;
}

#page-user-profile .userprofile .profile_tree .node_category h3 small,
.path-course.path-user .userprofile .profile_tree .node_category h3 small,
#page-user-profile .userprofile .profile_tree .node_category h3 .small,
.path-course.path-user .userprofile .profile_tree .node_category h3 .small {
    font-size: 75%;
}

#page-user-profile .userprofile .profile_tree .node_category li.contentnode dl dd,
.path-course.path-user .userprofile .profile_tree .node_category li.contentnode dl dd {
    margin: 0;
}

/* Course user profile. */
.path-course.path-user {
    /* If course image, pull the user image up. */
}

.path-course.path-user #page-header.mast-image {
    margin-bottom: -3.75em;
}

/* Global user profile. */
#page-user-profile .page-header-headings h1 {
    margin: 0.25em 0;
}

/* Large screen. */
@media screen and (min-width: 992px) {
    #page-user-profile,
    .path-course.path-user {
        /* Hack to center buttons */
    }

    #page-user-profile div.singlebutton,
    .path-course.path-user div.singlebutton {
        margin-left: 30vw;
    }

    #page-user-profile div.singlebutton + .singlebutton,
    .path-course.path-user div.singlebutton + .singlebutton {
        margin-left: 0;
    }
}

/**
 * Snap user swatch.
 *
 * @package   theme_snap
 * @copyright Copyright (c) 2015 Open LMS (https://www.openlms.net)
 * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
.news-article-message *[style],
.snap-image-summary *[style],
.summary-text *[style],
.summary p[style],
.summary div[style],
.sitetopic p[style],
.sitetopic div[style],
.snap-activity .contentafterlink *[style],
.signuppanel *[style],
.signuppanel .text_to_html *[style],
.snap-lightbox-description *[style] {
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    margin: inherit !important;
    padding: inherit !important;
    font-family: inherit !important;
    background-color: inherit !important;
    max-width: 100% !important;
    border: inherit !important;
}

blockquote {
    border-left: 5px solid #03a9f4;
}

blockquote.blockquote-reverse {
    border-left: 0;
    border-right: 5px solid #03a9f4;
}

hr {
    border-top: 1px solid #03a9f4;
}

a,
a:visited,
.btn-link {
    color: #03a9f4;
}

a:focus,
.dropdown-toggle:focus {
    outline: 3px solid #03a9f4;
}

a:active,
.dropdown-toggle:active,
a:hover,
.dropdown-toggle:hover {
    outline: 0;
}

.js-snap-asset-move:focus + label .svg-icon {
    outline: 3px solid #03a9f4;
}

a:focus,
a:hover,
.btn-link:hover,
.btn-link:focus {
    color: #038dcc;
}

#admin-menu-trigger:hover,
#admin-menu-trigger:focus {
    outline: 0;
    border-color: #03a9f4;
}

.snap-progressbar-link .progressbar-text a,
.snap-progressbar-link .progressbar-text a:visited {
    color: #03a9f4;
}

.snap-progressbar-link .progressbar-text a:focus,
.snap-progressbar-link .progressbar-text a:hover {
    color: #038dcc;
}

.section li.snap-native .activityinstance .snap-asset-link a {
    color: #03a9f4;
}

.section li.snap-native .activityinstance .snap-asset-link a:visited {
    color: #03a9f4;
}

.section li.snap-native .activityinstance .snap-asset-link a:focus,
.section li.snap-native .activityinstance .snap-asset-link a:hover {
    color: #038dcc;
}

.snap-asset-link a {
    color: #565656;
}

.snap-asset-link a:focus,
.snap-asset-link a:hover {
    color: #038dcc;
}

.snap-due-date {
    background-color: #03a9f4;
}

.snap-due-date.snap-date-overdue {
    background-color: #e91e63;
}

#dateselector-calendar-panel .yui3-calendar-day {
    color: #03a9f4;
}

#dateselector-calendar-panel .yui3-calendar-day:hover {
    color: #038dcc;
}

#dateselector-calendar-panel .yui3-calendar-day-selected,
#dateselector-calendar-panel .yui3-calendar-day:hover {
    color: #fff;
    background-color: #03a9f4;
}

#region-main,
#region-main textarea,
.contentafterlink,
.contentwithoutlink,
#course_about,
.user-grade td.feedbacktext,
#course_teachers .text_to_html,
.snap-lightbox-description,
#page-mod-book-print {
    font-family: Georgia, "Times New Roman", Times, serif;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
legend,
.mform legend a,
.mform legend a:hover,
.coursebox .info .coursename,
.form_autocomplete_selection,
.form_autocomplete_suggestions,
.collapsibleregioncaption,
.snap-featured-course-title {
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
}

.snap-action-icon,
#coursetools-list a,
.snap-progress-circle .progressbar-text {
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #03a9f4;
}

.snap-media-body p {
    font-family: Georgia, "Times New Roman", Times, serif;
}

.courseinfo-teachers-more:hover {
    border-color: #03a9f4;
}

.snap-unread-marker {
    color: #03a9f4;
}

#page-mod-quiz-review .arrow_link,
.path-admin-tool-lp button.btn,
#course-category-listings .listing-pagination .yui3-button,
.paging.paging-morelink a,
#changenumsections .increase-sections,
#changenumsections .reduce-sections,
input.form-submit,
input#id_submitbutton,
input#id_submitbutton2,
.path-admin .buttons input[type="submit"],
td.submit input,
#notice .singlebutton + .singlebutton input,
button#local-joulegrader-preview-button,
button.atto_equation_submit,
.yui-skin-sam .yui-button,
.yui3-button,
.yui-button button,
.felement.ftext input + button,
.header-button-group .btn,
.btn.btn-primary,
.btn.btn-default,
.btn.btn-solid,
.button-group > button,
input.form-submit,
input[type="button"],
.moodle-dialogue-content button,
button#restrictbygroup,
button#livelogs-pause-button,
#page-admin-tool-monitor-managerules a > button,
input[type="submit"],
button[type="submit"],
input[type="reset"],
.gradingform_checklist.editor .addgroup input,
.gradingform_checklist.editor .additem input,
.gradingform_rubric.editor .addlevel input,
.gradingform_rubric.editor .addcriterion input,
#page-site-index .section-modchooser-link .section-modchooser-text {
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    transition: all 0.4s ease-in-out;
    color: #03a9f4;
    border-color: #03a9f4;
    border-radius: 4px;
}

#page-mod-quiz-review .arrow_link:visited,
.path-admin-tool-lp button.btn:visited,
#course-category-listings .listing-pagination .yui3-button:visited,
.paging.paging-morelink a:visited,
#changenumsections .increase-sections:visited,
#changenumsections .reduce-sections:visited,
input.form-submit:visited,
input#id_submitbutton:visited,
input#id_submitbutton2:visited,
.path-admin .buttons input[type="submit"]:visited,
td.submit input:visited,
#notice .singlebutton + .singlebutton input:visited,
button#local-joulegrader-preview-button:visited,
button.atto_equation_submit:visited,
.yui-skin-sam .yui-button:visited,
.yui3-button:visited,
.yui-button button:visited,
.felement.ftext input + button:visited,
.header-button-group .btn:visited,
.btn.btn-primary:visited,
.btn.btn-default:visited,
.btn.btn-solid:visited,
.button-group > button:visited,
input.form-submit:visited,
input[type="button"]:visited,
.moodle-dialogue-content button:visited,
button#restrictbygroup:visited,
button#livelogs-pause-button:visited,
#page-admin-tool-monitor-managerules a > button:visited,
input[type="submit"]:visited,
button[type="submit"]:visited,
input[type="reset"]:visited,
.gradingform_checklist.editor .addgroup input:visited,
.gradingform_checklist.editor .additem input:visited,
.gradingform_rubric.editor .addlevel input:visited,
.gradingform_rubric.editor .addcriterion input:visited,
#page-site-index .section-modchooser-link .section-modchooser-text:visited {
    color: #03a9f4;
}

#page-mod-quiz-review .arrow_link:hover,
.path-admin-tool-lp button.btn:hover,
#course-category-listings .listing-pagination .yui3-button:hover,
.paging.paging-morelink a:hover,
#changenumsections .increase-sections:hover,
#changenumsections .reduce-sections:hover,
input.form-submit:hover,
input#id_submitbutton:hover,
input#id_submitbutton2:hover,
.path-admin .buttons input[type="submit"]:hover,
td.submit input:hover,
#notice .singlebutton + .singlebutton input:hover,
button#local-joulegrader-preview-button:hover,
button.atto_equation_submit:hover,
.yui-skin-sam .yui-button:hover,
.yui3-button:hover,
.yui-button button:hover,
.felement.ftext input + button:hover,
.header-button-group .btn:hover,
.btn.btn-primary:hover,
.btn.btn-default:hover,
.btn.btn-solid:hover,
.button-group > button:hover,
input.form-submit:hover,
input[type="button"]:hover,
.moodle-dialogue-content button:hover,
button#restrictbygroup:hover,
button#livelogs-pause-button:hover,
#page-admin-tool-monitor-managerules a > button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
input[type="reset"]:hover,
.gradingform_checklist.editor .addgroup input:hover,
.gradingform_checklist.editor .additem input:hover,
.gradingform_rubric.editor .addlevel input:hover,
.gradingform_rubric.editor .addcriterion input:hover,
#page-site-index .section-modchooser-link .section-modchooser-text:hover,
#page-mod-quiz-review .arrow_link:focus,
.path-admin-tool-lp button.btn:focus,
#course-category-listings .listing-pagination .yui3-button:focus,
.paging.paging-morelink a:focus,
#changenumsections .increase-sections:focus,
#changenumsections .reduce-sections:focus,
input.form-submit:focus,
input#id_submitbutton:focus,
input#id_submitbutton2:focus,
.path-admin .buttons input[type="submit"]:focus,
td.submit input:focus,
#notice .singlebutton + .singlebutton input:focus,
button#local-joulegrader-preview-button:focus,
button.atto_equation_submit:focus,
.yui-skin-sam .yui-button:focus,
.yui3-button:focus,
.yui-button button:focus,
.felement.ftext input + button:focus,
.header-button-group .btn:focus,
.btn.btn-primary:focus,
.btn.btn-default:focus,
.btn.btn-solid:focus,
.button-group > button:focus,
input.form-submit:focus,
input[type="button"]:focus,
.moodle-dialogue-content button:focus,
button#restrictbygroup:focus,
button#livelogs-pause-button:focus,
#page-admin-tool-monitor-managerules a > button:focus,
input[type="submit"]:focus,
button[type="submit"]:focus,
input[type="reset"]:focus,
.gradingform_checklist.editor .addgroup input:focus,
.gradingform_checklist.editor .additem input:focus,
.gradingform_rubric.editor .addlevel input:focus,
.gradingform_rubric.editor .addcriterion input:focus,
#page-site-index .section-modchooser-link .section-modchooser-text:focus,
#page-mod-quiz-review .arrow_link:active,
.path-admin-tool-lp button.btn:active,
#course-category-listings .listing-pagination .yui3-button:active,
.paging.paging-morelink a:active,
#changenumsections .increase-sections:active,
#changenumsections .reduce-sections:active,
input.form-submit:active,
input#id_submitbutton:active,
input#id_submitbutton2:active,
.path-admin .buttons input[type="submit"]:active,
td.submit input:active,
#notice .singlebutton + .singlebutton input:active,
button#local-joulegrader-preview-button:active,
button.atto_equation_submit:active,
.yui-skin-sam .yui-button:active,
.yui3-button:active,
.yui-button button:active,
.felement.ftext input + button:active,
.header-button-group .btn:active,
.btn.btn-primary:active,
.btn.btn-default:active,
.btn.btn-solid:active,
.button-group > button:active,
input.form-submit:active,
input[type="button"]:active,
.moodle-dialogue-content button:active,
button#restrictbygroup:active,
button#livelogs-pause-button:active,
#page-admin-tool-monitor-managerules a > button:active,
input[type="submit"]:active,
button[type="submit"]:active,
input[type="reset"]:active,
.gradingform_checklist.editor .addgroup input:active,
.gradingform_checklist.editor .additem input:active,
.gradingform_rubric.editor .addlevel input:active,
.gradingform_rubric.editor .addcriterion input:active,
#page-site-index .section-modchooser-link .section-modchooser-text:active,
#page-mod-quiz-review .arrow_link.active,
.path-admin-tool-lp button.btn.active,
#course-category-listings .listing-pagination .yui3-button.active,
.paging.paging-morelink a.active,
#changenumsections .increase-sections.active,
#changenumsections .reduce-sections.active,
input.form-submit.active,
input#id_submitbutton.active,
input#id_submitbutton2.active,
.path-admin .buttons input[type="submit"].active,
td.submit input.active,
#notice .singlebutton + .singlebutton input.active,
button#local-joulegrader-preview-button.active,
button.atto_equation_submit.active,
.yui-skin-sam .yui-button.active,
.yui3-button.active,
.yui-button button.active,
.felement.ftext input + button.active,
.header-button-group .btn.active,
.btn.btn-primary.active,
.btn.btn-default.active,
.btn.btn-solid.active,
.button-group > button.active,
input.form-submit.active,
input[type="button"].active,
.moodle-dialogue-content button.active,
button#restrictbygroup.active,
button#livelogs-pause-button.active,
#page-admin-tool-monitor-managerules a > button.active,
input[type="submit"].active,
button[type="submit"].active,
input[type="reset"].active,
.gradingform_checklist.editor .addgroup input.active,
.gradingform_checklist.editor .additem input.active,
.gradingform_rubric.editor .addlevel input.active,
.gradingform_rubric.editor .addcriterion input.active,
#page-site-index .section-modchooser-link .section-modchooser-text.active {
    background-color: #03a9f4;
    color: #fff;
    border-color: #03a9f4;
    text-decoration: none;
}

#page-mod-quiz-review .arrow_link[disabled],
.path-admin-tool-lp button.btn[disabled],
#course-category-listings .listing-pagination .yui3-button[disabled],
.paging.paging-morelink a[disabled],
#changenumsections .increase-sections[disabled],
#changenumsections .reduce-sections[disabled],
input.form-submit[disabled],
input#id_submitbutton[disabled],
input#id_submitbutton2[disabled],
.path-admin .buttons input[type="submit"][disabled],
td.submit input[disabled],
#notice .singlebutton + .singlebutton input[disabled],
button#local-joulegrader-preview-button[disabled],
button.atto_equation_submit[disabled],
.yui-skin-sam .yui-button[disabled],
.yui3-button[disabled],
.yui-button button[disabled],
.felement.ftext input + button[disabled],
.header-button-group .btn[disabled],
.btn.btn-primary[disabled],
.btn.btn-default[disabled],
.btn.btn-solid[disabled],
.button-group > button[disabled],
input.form-submit[disabled],
input[type="button"][disabled],
.moodle-dialogue-content button[disabled],
button#restrictbygroup[disabled],
button#livelogs-pause-button[disabled],
#page-admin-tool-monitor-managerules a > button[disabled],
input[type="submit"][disabled],
button[type="submit"][disabled],
input[type="reset"][disabled],
.gradingform_checklist.editor .addgroup input[disabled],
.gradingform_checklist.editor .additem input[disabled],
.gradingform_rubric.editor .addlevel input[disabled],
.gradingform_rubric.editor .addcriterion input[disabled],
#page-site-index .section-modchooser-link .section-modchooser-text[disabled] {
    opacity: 0.65;
}

.btn.btn-inverse {
    background-color: #03a9f4;
}

.btn.btn-inverse:hover,
.btn.btn-inverse:focus,
.btn.btn-inverse:active,
.btn.btn-inverse.active {
    color: #03a9f4;
    border-color: #03a9f4;
}

.btn.btn-success,
.btn.btn-info,
.btn.btn-warning,
.btn.btn-danger,
.btn.btn-inverse,
.btn.btn-link {
    font-family:
        "Roboto",
        "Fira Sans",
        "Segoe UI",
        "HelveticaNeue-Light",
        "Helvetica Neue Light",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    transition: all 0.4s ease-in-out;
    border-radius: 4px;
}

#id_cancel {
    color: #03a9f4;
}

#id_cancel:focus,
#id_cancel:hover {
    color: #038dcc;
}

.editing.path-course-view section#region-main > .singlebutton input[type="submit"],
.editor_atto_toolbar button,
#page-mast .singlebutton input[type="submit"] {
    box-shadow: none;
}

#show-toc {
    color: #03a9f4;
}

#page-site-index #page-header,
#page-login-index #page,
.news-article-image,
.news-article-preview,
#snap-footer-alert,
#toc-mobile-menu-toggle {
    background-color: #03a9f4;
}

#notice,
#toc-search:before {
    color: #03a9f4;
}

#toc-search-input:hover {
    border-color: #03a9f4;
}

#toc-search-input:focus {
    border-bottom: 1px solid #03a9f4;
}

#page-course-loginas #region-main,
#page-mod-survey-save #region-main {
    background-color: #03a9f4;
}

#snap-login .subcontent.potentialidps {
    border-top: 1px solid #03a9f4;
}

/* highlight selected menu iteam logic */
/*default */
a[href="#sections"] {
    border-bottom: 0.3em solid #03a9f4;
}

/* moodle edit menus */
.moodle-actionmenu[data-enhanced].show .menu a:hover,
.moodle-actionmenu[data-enhanced].show .menu a:focus {
    color: #03a9f4;
    background-color: transparent;
}

li.snap-resource,
li.snap-activity {
    border-top-color: #03a9f4;
}

.yui-skin-sam .yuimenu a.yuimenuitemlabel:hover,
.yui-bootstrapped .yuimenu a.yuimenuitemlabel:hover,
.yui-skin-sam .yuimenu a.yuimenuitemlabel:focus,
.yui-bootstrapped .yuimenu a.yuimenuitemlabel:focus {
    background-color: #03a9f4;
}

.yui-skin-sam .yui-calcontainer .yui-calendar td.calcell a,
.yui-bootstrapped .yui-calcontainer .yui-calendar td.calcell a {
    color: #03a9f4;
}

.yui-skin-sam .yui-calcontainer .yui-calendar td.calcell.selected,
.yui-bootstrapped .yui-calcontainer .yui-calendar td.calcell.selected {
    background-color: #03a9f4;
}

.yui-skin-sam .yui-calcontainer .yui-calendar td.calcell.calcellhover,
.yui-bootstrapped .yui-calcontainer .yui-calendar td.calcell.calcellhover,
.yui-skin-sam .yui-calcontainer .yui-calendar td.calcell.calcellhover a,
.yui-bootstrapped .yui-calcontainer .yui-calendar td.calcell.calcellhover a {
    background: #03a9f4;
}

.yui-skin-sam .yui-dt-paginator a.yui-pg-previous,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-previous,
.yui-skin-sam .yui-dt-paginator a.yui-pg-first,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-first,
.yui-skin-sam .yui-dt-paginator a.yui-pg-next,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-next,
.yui-skin-sam .yui-dt-paginator a.yui-pg-last,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-last,
.yui-skin-sam .yui-dt-paginator a.yui-pg-page,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-page {
    color: #03a9f4;
}

.yui-skin-sam .yui-dt-paginator a.yui-pg-previous:hover,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-previous:hover,
.yui-skin-sam .yui-dt-paginator a.yui-pg-first:hover,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-first:hover,
.yui-skin-sam .yui-dt-paginator a.yui-pg-next:hover,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-next:hover,
.yui-skin-sam .yui-dt-paginator a.yui-pg-last:hover,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-last:hover,
.yui-skin-sam .yui-dt-paginator a.yui-pg-page:hover,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-page:hover,
.yui-skin-sam .yui-dt-paginator a.yui-pg-previous:focus,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-previous:focus,
.yui-skin-sam .yui-dt-paginator a.yui-pg-first:focus,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-first:focus,
.yui-skin-sam .yui-dt-paginator a.yui-pg-next:focus,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-next:focus,
.yui-skin-sam .yui-dt-paginator a.yui-pg-last:focus,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-last:focus,
.yui-skin-sam .yui-dt-paginator a.yui-pg-page:focus,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-page:focus {
    color: #0275a8;
}

.yui-skin-sam .yui-dt-paginator span.yui-pg-current-page,
.yui-bootstrapped .yui-dt-paginator span.yui-pg-current-page,
.yui-skin-sam .yui-dt-paginator span.yui-pg-current-page:hover,
.yui-bootstrapped .yui-dt-paginator span.yui-pg-current-page:hover,
.yui-skin-sam .yui-dt-paginator span.yui-pg-current-page:focus,
.yui-bootstrapped .yui-dt-paginator span.yui-pg-current-page:focus {
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4;
}

.path-blocks-reports .yui3-widget-stdmod div.report-nav-item a.nav-item:hover,
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item a.nav-item:focus {
    background-color: #03a9f4;
}

.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-left a.nav-paginate:hover,
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-right a.nav-paginate:hover,
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-left a.nav-paginate:focus,
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-right a.nav-paginate:focus {
    background-color: #03a9f4;
}

.yui-bootstrapped .yui3-tabview-list .yui3-tab-label,
.yui-skin-sam .yui3-tabview-list .yui3-tab-label {
    color: #03a9f4;
}

.yui-bootstrapped .yui3-tabview-list .yui3-tab-label:hover,
.yui-skin-sam .yui3-tabview-list .yui3-tab-label:hover,
.yui-bootstrapped .yui3-tabview-list .yui3-tab-label:focus,
.yui-skin-sam .yui3-tabview-list .yui3-tab-label:focus {
    color: #038dcc;
}

.yui-bootstrapped .yui-navset .yui-nav li > a,
.yui-skin-sam .yui-navset .yui-nav li > a {
    color: #03a9f4;
}

.yui-bootstrapped .yui-navset .yui-nav li > a:hover,
.yui-skin-sam .yui-navset .yui-nav li > a:hover,
.yui-bootstrapped .yui-navset .yui-nav li > a:focus,
.yui-skin-sam .yui-navset .yui-nav li > a:focus {
    color: #038dcc;
}

img.iconhelp:hover {
    background-color: #03a9f4;
}

.progress .bar,
.progress-bar:not(.progress-bar-info):not(.progress-bar-success):not(.progress-bar-warning):not(.progress-bar-danger) {
    background-color: #03a9f4;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #03a9f4;
}

.que {
    border-bottom: 1px solid #03a9f4;
}

#snap-changecoverimageconfirmation.disabled .ok,
#snap-changecoverimageconfirmation.disabled .ok:visited,
#snap-changecoverimageconfirmation.disabled .ok:hover,
#snap-changecoverimageconfirmation.disabled .ok:active,
#snap-changecoverimageconfirmation.disabled .ok:focus {
    color: #fff;
    border-color: #fff;
    background-color: #03a9f4;
}

.spinner-three-quarters:not(:required).spinner-dark {
    border-color: #03a9f4;
    border-right-color: transparent;
}

.behat-site #moodle-blocks {
    visibility: visible;
    height: inherit;
}

.behat-site #mr-nav {
    position: absolute;
}

.behat-site * {
    transition: none !important;
    animation-name: none !important;
}

.behat-site #snap-footer-alert {
    position: relative;
    transition-property: none !important;
}

/**setting:logo**/
/**setting:snap-user-bootswatch**/
/**setting:customcss**/
body {
    margin: 8px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.container .moodleSkin img.mceIcon {
    display: block;
    height: auto;
    width: auto;
}

.container .moodleSkin img.mceIcon {
    display: block;
    height: auto;
    width: auto;
}
