@font-face {
    font-family: ProximaNova;
    font-weight: 700;
    font-style : normal;
    src        : url(/theme/council/font/ProximaNova-Bold.ttf) format("ttf");
    src        : url(/theme/council/font/ProximaNova-Bold.eot) format("eot");
    src        : url(/theme/council/font/ProximaNova-Bold.woff) format("woff")
}

@font-face {
    font-family: ProximaNova;
    font-weight: 700;
    font-style : italic;
    src        : url(/theme/council/font/ProximaNova-BoldIt.ttf) format("ttf");
    src        : url(/theme/council/font/ProximaNova-BoldIt.eot) format("eot");
    src        : url(/theme/council/font/ProximaNova-BoldIt.woff) format("woff")
}

@font-face {
    font-family: ProximaNova;
    font-weight: 600;
    font-style : normal;
    src        : url(/theme/council/font/ProximaNova-Semibold.ttf) format("ttf");
    src        : url(/theme/council/font/ProximaNova-Semibold.eot) format("eot");
    src        : url(/theme/council/font/ProximaNova-Semibold.woff) format("woff")
}

@font-face {
    font-family: ProximaNova;
    font-weight: 400;
    font-style : normal;
    src        : url(/theme/council/font/ProximaNova-Regular.ttf) format("ttf");
    src        : url(/theme/council/font/ProximaNova-Regular.eot) format("eot");
    src        : url(/theme/council/font/ProximaNova-Regular.woff) format("woff")
}

@font-face {
    font-family: ProximaNova;
    font-weight: 400;
    font-style : italic;
    src        : url(/theme/council/font/ProximaNovaCond-RegularIT.ttf) format("ttf");
    src        : url(/theme/council/font/ProximaNovaCond-RegularIT.eot) format("eot");
    src        : url(/theme/council/font/ProximaNovaCond-RegularIT.woff) format("woff")
}

@font-face {
    font-family: FuturaPT;
    font-weight: 700;
    font-style : normal;
    src        : url(/theme/council/font/FuturaPT-Bold.ttf) format("ttf");
    src        : url(/theme/council/font/FuturaPT-Bold.eot) format("eot");
    src        : url(/theme/council/font/FuturaPT-Bold.woff2) format("woff2")
}

@font-face {
    font-family: FuturaPT;
    font-weight: 600;
    font-style : normal;
    src        : url(/theme/council/font/FuturaPT-Demi.ttf) format("ttf");
    src        : url(/theme/council/font/FuturaPT-Demi.eot) format("eot");
    src        : url(/theme/council/font/FuturaPT-Demi.woff2) format("woff2")
}

@font-face {
    font-family: FuturaPT;
    font-weight: 500;
    font-style : normal;
    src        : url(/theme/council/font/FuturaPT-Medium.ttf) format("ttf");
    src        : url(/theme/council/font/FuturaPT-Medium.eot) format("eot");
    src        : url(/theme/council/font/FuturaPT-Medium.woff2) format("woff2")
}

@font-face {
    font-family: FuturaPT;
    font-weight: 400;
    font-style : normal;
    src        : url(/theme/council/font/FuturaPT-Book.ttf) format("ttf");
    src        : url(/theme/council/font/FuturaPT-Book.eot) format("eot");
    src        : url(/theme/council/font/FuturaPT-Book.woff2) format("woff2")
}

body,
html {
    overflow-x: hidden;
    margin    : 0;
    padding   : 0
}

html:not(.yui3-js-enabled) body {
    margin-left: 0
}

body {
    display            : block;
    font-family        : ProximaNova !important;
    font-weight        : 400;
    color              : #03787b;
    font-size          : 24px;
    overflow-x         : hidden;
    background-color   : #f3fdfb;
    margin-left        : 85px;
    -ms-user-select    : none;
    -moz-user-select   : none;
    -webkit-user-select: none;
    user-select        : none
}

body.drawer-open-left {
    margin-left: 350px
}

p {
    margin-top   : 0;
    margin-bottom: .5rem
}

a {
    color          : #6b6968;
    font-weight    : 400;
    text-decoration: none
}

a:hover {
    text-decoration: none;
    color          : #03787b
}

button {
    -webkit-tap-highlight-color: transparent
}

body.lock {
    overflow: hidden;
    position: relative
}

h1 {
    font-family   : FuturaPT;
    font-weight   : 400;
    font-size     : 36px;
    line-height   : 41px;
    text-transform: uppercase
}

h2,
h3,
h3.lead {
    font-family   : FuturaPT;
    font-size     : 32px;
    text-transform: uppercase;
    font-weight   : 500;
    line-height   : 1
}

h3.lead {
    margin-top: 0
}

h5 {
    font-size     : 30px;
    font-family   : FuturaPT;
    font-weight   : 400;
    text-transform: uppercase;
    color         : #03787b
}

button {
    outline: 0;
    border : none
}

.col-form-label,
label {
    color: #a3a3a3
}

input[type=text] {
    border       : 1px solid #d6d6d7;
    border-radius: 2px;
    padding      : 12.5px 25px;
    outline      : 0;
    width        : 100%;
    font-family  : ProximaNova;
    font-weight  : 400;
    font-size    : 20px;
    color        : #6b6968;
    height       : 50px
}

input[type=file]::-webkit-file-upload-button {
    text-decoration   : none;
    font-size         : 14px;
    font-family       : ProximaNova;
    font-weight       : 600;
    letter-spacing    : 1px;
    color             : #fff;
    border-radius     : 60px;
    background-color  : #0ecaa4;
    padding           : 10px 25px;
    cursor            : pointer;
    width             : -webkit-max-content;
    width             : max-content;
    height            : -webkit-max-content;
    height            : max-content;
    text-transform    : uppercase;
    -webkit-transition: all .3s ease-out;
    transition        : all .3s ease-out;
    outline           : 0;
    -webkit-appearance: none;
    appearance        : none;
    border            : none;
    display           : inline-block
}

input[type=file]::-webkit-file-upload-button,
input[type=file]::file-selector-button {
    text-decoration   : none;
    font-size         : 14px;
    font-family       : ProximaNova;
    font-weight       : 600;
    letter-spacing    : 1px;
    color             : #fff;
    border-radius     : 60px;
    background-color  : #0ecaa4;
    padding           : 10px 25px;
    cursor            : pointer;
    width             : -webkit-max-content;
    width             : max-content;
    height            : -webkit-max-content;
    height            : max-content;
    text-transform    : uppercase;
    -webkit-transition: all .3s ease-out;
    transition        : all .3s ease-out;
    outline           : 0;
    -webkit-appearance: none;
    appearance        : none;
    border            : none;
    display           : inline-block
}

input[type=file]::-webkit-file-upload-button.focus,
input[type=file]::-webkit-file-upload-button:active,
input[type=file]::-webkit-file-upload-button:focus,
input[type=file]::-webkit-file-upload-button:hover {
    background-color  : #03787b !important;
    color             : #fff !important;
    font-weight       : 600 !important;
    outline           : 0;
    -webkit-box-shadow: 0 0 0 0 transparent !important;
    box-shadow        : 0 0 0 0 transparent !important;
    border-color      : transparent !important;
    border-width      : 0 !important;
    outline           : 0 0 0 0 transparent
}

input[type=file]::-webkit-file-upload-button.focus,
input[type=file]::-webkit-file-upload-button:active,
input[type=file]::-webkit-file-upload-button:focus,
input[type=file]::-webkit-file-upload-button:hover,
input[type=file]::file-selector-button.focus,
input[type=file]::file-selector-button:active,
input[type=file]::file-selector-button:focus,
input[type=file]::file-selector-button:hover {
    background-color  : #03787b !important;
    color             : #fff !important;
    font-weight       : 600 !important;
    outline           : 0;
    -webkit-box-shadow: 0 0 0 0 transparent !important;
    box-shadow        : 0 0 0 0 transparent !important;
    border-color      : transparent !important;
    border-width      : 0 !important;
    outline           : 0 0 0 0 transparent
}

textarea {
    border-color              : #d6d6d7 !important;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius : 2px;
    padding                   : 8px !important;
    color                     : #6b6968 !important;
    border-radius             : 2px
}

pre {
    font-family: ProximaNova !important
}

#page-content {
    font-size      : 20px;
    font-weight    : 400;
    color          : #6b6968;
    text-decoration: none
}

.custom-control-input:checked~.custom-control-label::before {
    border-color    : #0ecaa4 !important;
    background-color: #0ecaa4 !important
}

#region-main {
    overflow-x: hidden
}

section#region-main {
    background-color  : #fff;
    -webkit-box-shadow: 0 0 39.99px 3.01px rgba(31, 56, 68, .07);
    box-shadow        : 0 0 39.99px 3.01px rgba(31, 56, 68, .07);
    margin-bottom     : 50px;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    height            : -webkit-max-content;
    height            : -moz-max-content;
    height            : max-content;
    border-width      : 0;
    padding           : 25px
}

#page {
    margin-top      : 0;
    margin-left     : 0;
    margin-right    : 0;
    padding-left    : 0;
    padding-right   : 0;
    background-color: #f3fdfb
}

#page-header {
    margin-left  : 0;
    margin-right : 0;
    padding-left : 0;
    padding-right: 0
}

#page-header .card {
    background-color  : transparent;
    -webkit-box-shadow: unset;
    box-shadow        : unset;
    margin-bottom     : 0;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    height            : -webkit-max-content;
    height            : -moz-max-content;
    height            : max-content;
    border-width      : 0
}

#page-content {
    padding-left : 0;
    padding-right: 0;
    margin-left  : 0;
    margin-right : 0
}

#page-wrapper #page-footer,
body.scrolled #goto-top-link {
    display: none
}

.img-50 {
    width: 50%
}

.img-md-50 {
    width: 50%
}

.calendar_event_course {
    background-color: #e9fff8 !important;
    border-color    : #e9fff8 !important
}

.calendar_event_course a,
.calendar_event_course i {
    color: #0ecaa4 !important
}

.calendar_event_group {
    background-color: #f8e9ff !important;
    border-color    : #f8e9ff !important
}

.calendar_event_group a,
.calendar_event_group i {
    color: #a24bca !important
}

.calendar_event_user {
    background-color: #fff0e9 !important;
    border-color    : #fff0e9 !important
}

.calendar_event_user a,
.calendar_event_user i {
    color: #e87539 !important
}

.calendar_event_site {
    background-color: #ffd3bd;
    border-color    : #ffd3bd
}

#select2-id_eventtype-results li:last-child,
#select2-id_eventtype-results li:nth-child(4) {
    display: none
}

form[action="https://my.council.academy/lib/ajax/service.php"] select[name=eventtype] option[value=category],
form[action="https://my.council.academy/lib/ajax/service.php"] select[name=eventtype] option[value=site] {
    display: none
}

.dropdown-menu.show {
    width    : 100%;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content
}

.dropdown-menu.show .dropdown-item:hover {
    color: #6b6968
}

.dropdown-menu.show .dropdown-item a:hover {
    color: #6b6968
}

body,
html {
    scrollbar-color: #03787b #ececf4;
    scrollbar-width: thin
}

::-webkit-scrollbar {
    width           : 8px;
    height          : 8px;
    background-color: #ececf4
}

::-webkit-scrollbar-thumb {
    background-color: #03787b;
    border-radius   : 9em
}

::-webkit-scrollbar-thumb:hover {
    background-color: #03787b
}

.select2-container {
    width: 100% !important
}

.select2-container--default .select2-selection--single {
    border: unset;
    height: 50px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    width        : 100%;
    border       : 1px solid #d6d6d7;
    border-radius: 2px;
    padding      : 5px 25px 5px 15px;
    height       : 50px;
    font-size    : 20px;
    color        : #6b6968;
    line-height  : 40px;
    white-space  : normal
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    top   : 13px
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border   : 1px solid #aaa;
    font-size: 20px;
    color    : #6b6968;
    padding  : 5px 12px
}

.select2-results__option {
    color    : #6b6968;
    font-size: 20px
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd;
    color           : #6b6968;
    font-weight     : 700
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #f6f6f6;
    color           : #6b6968
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none !important
}

.select2-container--default .select2-selection--single .select2-selection__rendered::after {
    border-bottom           : 2px solid #999;
    border-right            : 2px solid #999;
    content                 : '';
    display                 : block;
    height                  : 8px;
    margin-top              : -4px;
    pointer-events          : none;
    position                : absolute;
    right                   : 10px;
    top                     : 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin    : 66% 66%;
    transform-origin        : 66% 66%;
    -webkit-transform       : rotate(45deg);
    -ms-transform           : rotate(45deg);
    transform               : rotate(45deg);
    -webkit-transition      : all .15s ease-in-out;
    -o-transition           : all .15s ease-in-out;
    transition              : all .15s ease-in-out;
    width                   : 8px
}

.select2-container--open .select2-selection--single .select2-selection__rendered::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform    : rotate(-135deg);
    transform        : rotate(-135deg)
}

.select2-container--open .select2-dropdown--below {
    z-index: 9999
}

.btn-insight,
.btn-primary,
.btn-secondary {
    display           : inline-block;
    text-decoration   : none;
    font-size         : 14px;
    font-family       : ProximaNova;
    font-weight       : 600;
    letter-spacing    : 1px;
    color             : #fff;
    border-radius     : 60px;
    background-color  : #0ecaa4;
    padding           : 10px 25px;
    cursor            : pointer;
    width             : -webkit-max-content;
    width             : -moz-max-content;
    width             : max-content;
    height            : -webkit-max-content;
    height            : -moz-max-content;
    height            : max-content;
    text-transform    : uppercase;
    -webkit-transition: all .3s ease-out;
    -o-transition     : all .3s ease-out;
    transition        : all .3s ease-out;
    outline           : 0;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
    border            : none
}

.btn-insight.focus,
.btn-insight:active,
.btn-insight:focus,
.btn-insight:hover,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
    background-color  : #03787b !important;
    color             : #fff !important;
    font-weight       : 600 !important;
    outline           : 0;
    -webkit-box-shadow: 0 0 0 0 transparent !important;
    box-shadow        : 0 0 0 0 transparent !important;
    border-color      : transparent !important;
    border-width      : 0 !important;
    outline           : 0 0 0 0 transparent
}

.btn-link,
.itemnav.nextitem a,
.itemnav.previtem a {
    color      : #03787b;
    font-weight: 400;
    padding    : 1em 0 !important;
    font-size  : 15px;
    line-height: 18px
}

.btn-link:hover,
.itemnav.nextitem a:hover,
.itemnav.previtem a:hover {
    text-decoration: none;
    color          : #0ecaa4
}

#next-activity-link,
#prev-activity-link,
.itemnav.nextitem a,
.itemnav.previtem a {
    font-size  : 18px;
    line-height: 21px
}

.btn-primary.disabled,
.btn-primary:disabled {
    color           : #fff;
    background-color: #717171;
    border-color    : #717171
}

.btn-primary.disabled:hover,
.btn-primary:disabled:hover {
    background-color: #a3a3a3
}

.btn-outline-insight,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success {
    font-size         : 14px;
    border-radius     : 50px;
    -webkit-transition: all .3s ease-out;
    -o-transition     : all .3s ease-out;
    transition        : all .3s ease-out
}

.btn-outline-primary,
.btn-outline-secondary {
    color       : #03787b;
    border-color: #03787b
}

.btn-outline-primary:hover,
.btn-outline-secondary:hover {
    color             : #fff;
    background-color  : #03787b;
    border-color      : #03787b;
    -webkit-transition: all .3s ease-out;
    -o-transition     : all .3s ease-out;
    transition        : all .3s ease-out
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled,
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    border-color: #6a737b
}

.btn-outline-primary.disabled:hover,
.btn-outline-primary:disabled:hover,
.btn-outline-secondary.disabled:hover,
.btn-outline-secondary:disabled:hover {
    background-color: #6a737b;
    border-color    : #6a737b
}

.rating_container {
    width     : 100%;
    overflow-x: auto
}

.rating_container .rating_table {
    border-spacing: 0;
    width         : 100%;
    margin-bottom : 2rem
}

.rating_container .rating_table td,
.rating_container .rating_table th {
    color      : #a3a3a3;
    font-size  : 18px;
    border-top : none;
    padding    : 15px 20px;
    line-height: 21px
}

.rating_container .rating_table thead th {
    font-weight  : 400;
    border       : none;
    border-bottom: none;
    color        : #717171
}

.rating_container .rating_table tbody tr:nth-child(odd) {
    background-color: #f5faf9
}

.rating_container .rating_table tbody tr.total td,
.rating_container .rating_table tbody tr.total th {
    font-weight: 600;
    color      : #717171
}

.rating_container .rating_table a {
    color      : #6b6968;
    font-weight: 400
}

.rating_container .rating_table a:hover {
    text-decoration: none;
    color          : #03787b
}

input[aria-label="Найти"],
input[aria-label="Поиск курса"],
input[aria-label="Поиск"] {
    height: 40px
}

.simplesearchform {
    -ms-flex-wrap: nowrap;
    flex-wrap    : nowrap
}

.search-icon {
    border-radius   : 0;
    padding         : 0 .5rem;
    height          : auto;
    background-color: #0ecaa4 !important;
    color           : #fff !important
}

.search-icon:hover {
    background-color: #03787b !important
}

.btn-submit.search-icon {
    border-color: transparent
}

.form-control::-webkit-input-placeholder {
    color: #a3a3a3
}

.form-control::-moz-placeholder {
    color: #a3a3a3
}

.form-control:-ms-input-placeholder {
    color: #a3a3a3
}

.form-control::-ms-input-placeholder {
    color: #a3a3a3
}

.form-control::placeholder {
    color: #a3a3a3
}

.custom-select {
    border       : 1px solid #d6d6d7;
    border-radius: 2px;
    padding      : 5px 25px;
    height       : 50px;
    font-size    : 20px;
    color        : #6b6968;
    line-height  : 40px;
    white-space  : normal
}

.custom-select:focus {
    border-color      : unset;
    outline           : 0;
    -webkit-box-shadow: unset;
    box-shadow        : unset
}

.editor_atto_toolbar {
    border-color: #d6d6d7 !important
}

.editor_atto_content {
    border-color              : #d6d6d7 !important;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius : 2px;
    padding                   : 8px !important;
    color                     : #6b6968 !important
}

.pagination .page-link {
    color: #03787b
}

.pagination .page-link:hover {
    color           : #eee;
    background-color: #0ecaa4
}

.pagination .page-item.active .page-link {
    z-index         : 3;
    color           : #fff;
    background-color: #03787b;
    border-color    : #03787b
}

.section-navigation h3.sectionname {
    padding-top: 15px
}

.section-navigation h3.sectionname span {
    font-size  : 24px;
    font-weight: 600
}

.section-navigation span {
    font-size    : 18px;
    margin-bottom: 10px;
    line-height  : 21px
}

.section-navigation span a {
    color      : #03787b;
    font-weight: 400
}

.section-navigation span a:hover {
    text-decoration: none;
    color          : #0ecaa4
}

.section-navigation .jumpmenu .select2 {
    margin-top: 15px
}

.nav-tabs .nav-item {
    font-size: 18px
}

.nav-tabs .nav-item .nav-link {
    display: block;
    padding: .2rem .7rem
}

.nav-tabs .nav-item .nav-link.active {
    color: #03787b
}

.dropdown-item.active,
.dropdown-item:active {
    color           : #6b6968;
    background-color: #f5faf9
}

.badge {
    padding       : 4px;
    border-radius : 50%;
    min-width     : 20px;
    text-align    : center;
    letter-spacing: 1.2px;
    vertical-align: middle;
    color         : #fff;
    font-size     : 12px;
    line-height   : 11px
}

.badge.bg-primary {
    background-color: #fe3b3b !important
}

.badge-success {
    color           : #fff;
    padding         : .25em .4em .25em;
    border-radius   : 60px;
    background-color: #389b5a
}

.badge-warning {
    background-color: #d99636;
    color           : #fff;
    padding         : .35em .4em .25em;
    border-radius   : 60px
}

.badge-secondary {
    color           : #212529;
    background-color: #ececf4;
    padding         : .4em .65em;
    border-radius   : 60px
}

.badge-info {
    color           : #fff;
    background-color: #03787b;
    padding         : .4em .65em;
    border-radius   : 60px
}

.ajaxworking {
    display: none !important
}

.invalid-feedback {
    margin-top: .2rem;
    font-size : 16px
}

.icon.fa-long-arrow-down {
    color: #03787b
}

.fixed-top {
    padding           : 10px 0;
    background-color  : #fff;
    -webkit-box-shadow: 0 0 40px 3px rgba(31, 56, 68, .07);
    box-shadow        : 0 0 40px 3px rgba(31, 56, 68, .07);
    position          : sticky;
    top               : 0;
    z-index           : 11;
    padding-left      : 15px;
    padding-right     : 60px;
    height            : 70px;
    max-height        : auto
}

.fixed-top .usermenu .dropdown-menu a[href*="/report/overview/index.php"] {
    display: none
}

#nav-drawer {
    top          : 0;
    width        : 350px;
    background   : -o-linear-gradient(310deg, #2b7d88 0, #0ecaa4 56%);
    background   : linear-gradient(140deg, #2b7d88 0, #0ecaa4 56%);
    padding-left : 0;
    padding-right: 0;
    padding-top  : 0;
    height       : 100%
}

#nav-drawer .font-weight-bold {
    font-weight: 400 !important
}

#nav-drawer .logo {
    margin: 20px
}

#nav-drawer .logo .header_logo {
    display           : block;
    width             : auto;
    text-decoration   : none;
    outline           : 0;
    margin            : 0;
    width             : 100%;
    overflow          : hidden;
    opacity           : 1;
    -webkit-transition: opacity .2s ease-out;
    -o-transition     : opacity .2s ease-out;
    transition        : opacity .2s ease-out;
    max-width         : 218px
}

#nav-drawer .logo .header_logo img {
    width: 100%
}

#nav-drawer .logo .small_header_logo {
    display        : none;
    max-width      : 50px;
    width          : 0;
    text-decoration: none;
    outline        : 0;
    margin         : 0 auto
}

#nav-drawer .list-group ul.cours_dropdown {
    width     : 100% !important;
    background: rgba(0, 0, 0, .15)
}

#nav-drawer .list-group .list-group-item {
    min-height       : 60px;
    padding          : 5px 20px;
    overflow         : hidden;
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center
}

#nav-drawer .list-group .list-group-item.mycourses_title {
    font-size  : 20px !important;
    margin-top : 30px;
    height     : 40px;
    margin-left: 5px
}

#nav-drawer .list-group .list-group-item.mycourses_title .media-body {
    font-size: 20px !important
}

#nav-drawer .list-group .list-group-item.mycourses_item {
    padding-left: 25px;
    height      : auto;
    padding     : 10px 20px 10px 28px
}

#nav-drawer .list-group .list-group-item.mycourses_item .media-body {
    font-size  : 16px;
    line-height: 19px
}

#nav-drawer .list-group .list-group-item.mycourses_item .media {
    -webkit-box-align: start;
    -ms-flex-align   : start;
    align-items      : flex-start
}

#nav-drawer .list-group .list-group-item .ml-0,
#nav-drawer .list-group .list-group-item .ml-1 {
    width: 100%
}

#nav-drawer .list-group .list-group-item .media {
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center
}

#nav-drawer .list-group .list-group-item .media-body {
    padding-left: .35rem;
    font-size   : 18px;
    line-height : 1.15
}

#nav-drawer .list-group .list-group-item .my-course {
    width       : 22px;
    margin-right: .3rem
}

#nav-drawer .list-group .list-group-item .my-course svg {
    fill  : #fff;
    height: 22px
}

#nav-drawer .lk-cours_drop {
    display   : block !important;
    margin-top: 15px;
    height    : auto !important
}

#nav-drawer .lk-cours_drop .cours_drop_head {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    cursor           : pointer;
    padding-bottom   : 5px
}

#nav-drawer .lk-cours_drop .cours_drop_head .arr-drop {
    position          : relative;
    display           : block;
    width             : 8px;
    height            : 8px;
    margin-left       : 20px;
    -webkit-transition: all .2s ease-out;
    -o-transition     : all .2s ease-out;
    transition        : all .2s ease-out;
    -webkit-transform : rotateX(0);
    transform         : rotateX(0)
}

#nav-drawer .lk-cours_drop .cours_drop_head .arr-drop::before {
    position        : absolute;
    top             : 0;
    left            : 0;
    content         : '';
    height          : 0;
    width           : 0;
    display         : block;
    border          : 8px solid transparent;
    border-top-color: #c7f0e8;
    border-bottom   : 0
}

#nav-drawer .lk-cours_drop .cours_drop_head .topic-title {
    -webkit-transition: all .2s ease-out;
    -o-transition     : all .2s ease-out;
    transition        : all .2s ease-out
}

#nav-drawer .lk-cours_drop .cours_drop_head.opened .cours_drop_head .arr-drop {
    -webkit-transform: rotateX(180deg);
    transform        : rotateX(180deg)
}

#nav-drawer .lk-cours_drop .cours_drop_head:hover .topic-title {
    color: #c7f0e8
}

#nav-drawer .lk-cours_drop.opened .arr-drop {
    -webkit-transform: rotateX(180deg);
    transform        : rotateX(180deg)
}

#nav-drawer ul.cours_dropdown .list-group-item-action {
    font-size  : 16px;
    height     : auto !important;
    min-height : 50px;
    line-height: 19px;
    padding    : 5px 5px 8px 5px !important
}

#nav-drawer ul.cours_dropdown:hover {
    font-size: 16px
}

#nav-drawer.closed {
    left: -265px
}

#nav-drawer.closed .logo .small_header_logo {
    display: block;
    width  : 100%;
    float  : right
}

#nav-drawer.closed .logo .small_header_logo img {
    width: 100%
}

#nav-drawer.closed .logo .header_logo {
    display: none
}

#nav-drawer.closed nav.list-group {
    clear      : both;
    padding-top: 20px
}

#nav-drawer.closed nav.list-group ul li .list-group-item {
    text-align : right;
    margin-left: 0 !important
}

#nav-drawer.closed nav.list-group ul li .list-group-item .media {
    display     : inline;
    margin-right: 8px
}

#nav-drawer.closed nav.list-group ul li .list-group-item .media-body {
    display: none
}

#nav-drawer.closed nav.list-group .list-group-item .my-course svg {
    width: 22px
}

#nav-drawer.closed .list-group-item[data-key=mycourses],
#nav-drawer.closed .list-group-item[data-parent-key=mycourses] {
    display: none !important
}

#nav-drawer.closed .lk-cours_drop {
    display: none !important
}

#nav-drawer::-webkit-scrollbar {
    width: 0
}

#page-header .col-12.pt-3.pb-3 {
    padding: 0 !important
}

#page-header .col-12.pt-3.pb-3 .card-body {
    padding: 1.5rem !important
}

#page-header .page-context-header {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center
}

#page-header .page-context-header .page-header-headings {
    margin-right: 1em
}

#page-header .page-context-header .page-header-headings h1 {
    margin-bottom: 0
}

#page-header .page-context-header .header-button-group a {
    text-align: left
}

#page-header .page-context-header .header-button-group a#message-user-button {
    display: none
}

.page-context-header .header-button-group #message-user-button,
.page-context-header .header-button-group #toggle-contact-button {
    display: none
}

.h5p-crossword .h5p-crossword-content {
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction   : column;
    flex-direction       : column;
    font-family          : ProximaNova !important
}

.h5p-crossword .h5p-crossword .h5p-crossword-input-container {
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction   : column;
    flex-direction       : column;
    width                : 100%;
    padding              : 30px 0
}

.h5p-crossword .h5p-crossword-input-fields-group-input {
    letter-spacing: .1em;
    margin-top    : .25em;
    text-transform: uppercase;
    width         : unset !important;
    height        : 25px;
    padding       : 3px;
    border        : 1px solid #d6d6d7;
    border-radius : 2px
}

.h5p-crossword .h5p-crossword .h5p-crossword-input-fields-group-title {
    font-size: 20px
}

.h5p-joubelui-button {
    text-decoration   : none;
    font-size         : 14px;
    font-family       : ProximaNova;
    font-weight       : 600;
    letter-spacing    : 1px;
    color             : #fff;
    border-radius     : 60px;
    background-color  : #0ecaa4;
    padding           : 10px 25px;
    cursor            : pointer;
    width             : -webkit-max-content;
    width             : -moz-max-content;
    width             : max-content;
    height            : -webkit-max-content;
    height            : -moz-max-content;
    height            : max-content;
    text-transform    : uppercase;
    -webkit-transition: all .3s ease-out;
    -o-transition     : all .3s ease-out;
    transition        : all .3s ease-out;
    outline           : 0;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
    border            : none;
    display           : inline-block
}

.h5p-joubelui-button.focus,
.h5p-joubelui-button:active,
.h5p-joubelui-button:focus,
.h5p-joubelui-button:hover {
    background-color  : #03787b !important;
    color             : #fff !important;
    font-weight       : 600 !important;
    outline           : 0;
    -webkit-box-shadow: 0 0 0 0 transparent !important;
    box-shadow        : 0 0 0 0 transparent !important;
    border-color      : transparent !important;
    border-width      : 0 !important;
    outline           : 0 0 0 0 transparent
}

#dateselector-calendar-content {
    font-family: ProximaNova !important
}

.yui3-calendar-content {
    background: #fff !important
}

.yui3-skin-sam .yui3-calendar-header-label {
    font-family: ProximaNova !important;
    color      : #6b6968 !important;
    font-weight: 600 !important;
    font-size  : 22px
}

.yui3-skin-sam .yui3-calendar-day {
    font-weight: 400;
    font-family: ProximaNova !important
}

.yui3-skin-sam .yui3-calendar-day,
.yui3-skin-sam .yui3-calendar-nextmonth-day,
.yui3-skin-sam .yui3-calendar-prevmonth-day {
    padding      : 4px;
    border       : unset !important;
    background   : #fff;
    text-align   : center;
    border-radius: 50%;
    line-height  : 1.6;
    font-size    : 18px
}

.yui3-skin-sam .yui3-calendar-day-selected {
    background-color: #0ecaa4;
    color           : #fff
}

.yui3-skin-sam .yui3-calendar-day:hover {
    background: #03787b;
    color     : #fff
}

.yui3-skin-sam .yui3-calendar-weekday {
    font-weight: 600;
    font-size  : 18px;
    text-align : center;
    color      : #03787b;
    font-family: ProximaNova
}

.yui3-skin-sam .yui3-calendarnav-nextmonth,
.yui3-skin-sam .yui3-calendarnav-prevmonth {
    top: 6px
}

.yui3-skin-sam .yui3-calendarnav-prevmonth {
    border-right-color: #6b6968
}

.yui3-skin-sam .yui3-calendarnav-prevmonth:hover {
    border-right-color: #03787b
}

.yui3-skin-sam .yui3-calendarnav-nextmonth {
    border-left-color: #6b6968
}

.yui3-skin-sam .yui3-calendarnav-nextmonth:hover {
    border-left-color: #03787b
}

.filemanager .mform .form-group {
    font-size: 18px;
    display  : -webkit-box;
    display  : -ms-flexbox;
    display  : flex
}

.filemanager .mform .form-group button {
    margin-right: 5px
}

.filemanager .mform .form-group.fp-license {
    display: none
}

.filemanager .mform .form-group .form-inline {
    padding-right: 0 !important
}

.filemanager .mform .form-group .form-control-label {
    color      : #a3a3a3;
    line-height: 21px
}

.filemanager .mform .form-group input.form-control {
    border       : 1px solid #d6d6d7;
    border-radius: 2px;
    padding      : 12.5px 25px;
    outline      : 0;
    width        : 100%;
    font-family  : ProximaNova;
    font-weight  : 400;
    font-size    : 20px;
    color        : #6b6968;
    height       : 50px;
    height       : 40px;
    padding      : 6px 12px;
    font-size    : 16px
}

.filemanager .mform .form-group .select2-selection__rendered {
    padding    : 6px 12px;
    height     : 40px;
    font-size  : 16px;
    line-height: 27px
}

.filemanager .mform .form-group .select2-selection__rendered::after {
    margin-top: -9px
}

.filemanager .fp-restrictions {
    font-size    : 18px;
    margin-bottom: 10px
}

.filemanager .filemanager-toolbar {
    padding: 10px
}

.filemanager .filemanager-toolbar .fp-toolbar {
    display      : -webkit-box;
    display      : -ms-flexbox;
    display      : flex;
    margin-bottom: 15px
}

.filemanager .filemanager-toolbar .btn {
    margin-right: 10px
}

.filemanager .filemanager-container {
    min-height: 160px
}

.filemanager .filemanager-container .fp-content {
    padding: 10px
}

.filemanager .filemanager-container .fp-content .fp-iconview,
.filemanager .filemanager-container .fp-content .fp-tableview {
    font-size: 14px
}

.filemanager .filemanager-container .fp-content .fp-treeview {
    font-size: 16px
}

.filemanager .filemanager-container .filepicker-container,
.filemanager .filemanager-container .fm-empty-container {
    padding-top: 95px;
    line-height: 18px
}

.filemanager .filemanager-container .filepicker-container .dndupload-message,
.filemanager .filemanager-container .fm-empty-container .dndupload-message {
    font-size: 16px;
    cursor   : pointer;
    color    : #717171
}

.filemanager.fp-dlg .btn,
.filemanager.fp-mkdir-dlg .btn {
    display: inline-block
}

.filemanager.fp-dlg .btn.btn-cancel,
.filemanager.fp-mkdir-dlg .btn.btn-cancel {
    margin-left       : 5px;
    display           : inline-block;
    text-decoration   : none;
    font-size         : 14px;
    font-family       : ProximaNova;
    font-weight       : 600;
    letter-spacing    : 1px;
    color             : #fff;
    border-radius     : 60px;
    background-color  : #0ecaa4;
    padding           : 10px 25px;
    cursor            : pointer;
    width             : -webkit-max-content;
    width             : -moz-max-content;
    width             : max-content;
    height            : -webkit-max-content;
    height            : -moz-max-content;
    height            : max-content;
    text-transform    : uppercase;
    -webkit-transition: all .3s ease-out;
    -o-transition     : all .3s ease-out;
    transition        : all .3s ease-out;
    outline           : 0;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
    border            : none
}

.filemanager.fp-dlg .btn.btn-cancel.focus,
.filemanager.fp-dlg .btn.btn-cancel:active,
.filemanager.fp-dlg .btn.btn-cancel:focus,
.filemanager.fp-dlg .btn.btn-cancel:hover,
.filemanager.fp-mkdir-dlg .btn.btn-cancel.focus,
.filemanager.fp-mkdir-dlg .btn.btn-cancel:active,
.filemanager.fp-mkdir-dlg .btn.btn-cancel:focus,
.filemanager.fp-mkdir-dlg .btn.btn-cancel:hover {
    background-color  : #03787b !important;
    color             : #fff !important;
    font-weight       : 600 !important;
    outline           : 0;
    -webkit-box-shadow: 0 0 0 0 transparent !important;
    box-shadow        : 0 0 0 0 transparent !important;
    border-color      : transparent !important;
    border-width      : 0 !important;
    outline           : 0 0 0 0 transparent
}

.load_file_wrap {
    width            : 100%;
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center;
    position         : absolute;
    height           : 80px;
    top              : 10px
}

.load_file_wrap #file_up_icon {
    width: 70px;
    fill : #72d4c7
}

.dndupload-arrow {
    background: 0 0
}

.message-app {
    border-radius     : 2px;
    background-color  : #fff;
    -webkit-box-shadow: 0 0 39px 3px rgba(31, 56, 68, .07);
    box-shadow        : 0 0 39px 3px rgba(31, 56, 68, .07);
    text-transform    : unset;
    font-weight       : 400;
    color             : #6b6968;
    cursor            : pointer;
    border-color      : transparent !important;
    white-space       : normal !important;
    font-size         : 17px;
    line-height       : 1.2
}

.message-app .header-container .icon.fa-star {
    color: #e9b626 !important
}

.message-app .message.send {
    -webkit-transition: all .25s ease-out;
    -o-transition     : all .25s ease-out;
    transition        : all .25s ease-out
}

.message-app .clickable:hover {
    -webkit-transition: all .25s ease-out;
    -o-transition     : all .25s ease-out;
    transition        : all .25s ease-out
}

.message-app .list-group .list-group-item:hover {
    background-color: #0ecaa4 !important
}

.message-app .list-group .list-group-item:hover .text-muted {
    color: #fff !important
}

.message-app .btn-link,
.message-app .list-group-item-action {
    color: #6b6968
}

.message-app .btn-link:active,
.message-app .btn-link:focus,
.message-app .btn-link:hover,
.message-app .list-group-item-action:active,
.message-app .list-group-item-action:focus,
.message-app .list-group-item-action:hover {
    color: #03787b
}

.message-app .btn-link .contact-status,
.message-app .list-group-item-action .contact-status {
    left: 30px !important;
    top : 30px !important
}

.message-app .btn-link .text-truncate,
.message-app .list-group-item-action .text-truncate {
    font-size: 17px
}

.message-app .btn-link div[data-region=last-message-date],
.message-app .list-group-item-action div[data-region=last-message-date] {
    font-size: 15px
}

.message-app .btn-link.btn-icon {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center
}

.message-app .dropdown-menu a[data-action=request-delete-conversation] {
    display: none !important
}

.message-app .section.card {
    margin-bottom: 0
}

.message-app .simplesearchform .btn-submit {
    border-radius   : 0;
    height          : auto;
    background-color: #0ecaa4;
    color           : #fff !important;
    border-color    : transparent
}

.message-app .simplesearchform .btn-submit:hover {
    background-color: #03787b
}

.message-app a[data-route=view-contacts] {
    font-size: 17px
}

.message-app div[data-region=settings] {
    font-size: 16px
}

.message-app .day {
    margin-bottom: .1em !important
}

.message-app .footer-container {
    padding: 6px
}

.message-app .footer-container textarea {
    border       : 1px solid #d6d6d7;
    border-radius: 2px
}

.message-app #conversation-actions-menu-button,
.message-app [data-region=contact-request-sent-message-container] {
    display: none
}

.message-app .view-conversation div[data-region=confirm-dialogue] .btn.btn-primary,
.message-app .view-conversation div[data-region=confirm-dialogue] [data-action=decline-contact-request] {
    display: none
}

.message-app .view-conversation div[data-region=confirm-dialogue] .btn.btn-primary[data-action=confirm-delete-selected-messages],
.message-app .view-conversation div[data-region=confirm-dialogue] [data-action=decline-contact-request][data-action=confirm-delete-selected-messages] {
    display: inline-block
}

div[data-region=message-drawer] div[data-region=self-conversation-message-container] {
    display    : none;
    font-size  : 18px;
    line-height: 21px;
    white-space: normal
}

div[data-region=message-drawer] div[data-region=self-conversation-message-container] .font-italic {
    margin-top: 10px
}

div[data-region=message-drawer] .nav-pills .nav-link {
    color    : #0ecaa4;
    font-size: 21px
}

div[data-region=message-drawer] .nav-pills .nav-link:hover {
    color: #03787b
}

div[data-region=message-drawer] .nav-pills .nav-link.active {
    background-color: #e9fff8
}

div[data-region=message-drawer] .nav-fill .nav-item {
    -webkit-box-flex: 1;
    -ms-flex        : 1 1 auto;
    flex            : 1 1 auto;
    text-align      : center;
    margin-bottom   : 10px;
    width           : 100%
}

.moodle-dialogue-base .moodle-dialogue-fullscreen {
    max-width: 100% !important
}

.yui3-widget-positioned {
    top: 30% !important
}

.modal-content,
.moodle-dialogue-wrap {
    font-family: ProximaNova
}

.modal-content .modal-header,
.modal-content .moodle-dialogue-hd,
.moodle-dialogue-wrap .modal-header,
.moodle-dialogue-wrap .moodle-dialogue-hd {
    border-bottom: none;
    padding      : 1rem 1rem .5em !important
}

.modal-content .modal-header h3,
.modal-content .modal-header h5,
.modal-content .moodle-dialogue-hd h3,
.modal-content .moodle-dialogue-hd h5,
.moodle-dialogue-wrap .modal-header h3,
.moodle-dialogue-wrap .modal-header h5,
.moodle-dialogue-wrap .moodle-dialogue-hd h3,
.moodle-dialogue-wrap .moodle-dialogue-hd h5 {
    margin-bottom : 0;
    text-transform: uppercase;
    color         : #6b6968;
    font-weight   : 400;
    font-size     : 24px;
    line-height   : 27px;
    font-family   : FuturaPT
}

.modal-content .modal-header .close,
.modal-content .modal-header .closebutton,
.modal-content .moodle-dialogue-hd .close,
.modal-content .moodle-dialogue-hd .closebutton,
.moodle-dialogue-wrap .modal-header .close,
.moodle-dialogue-wrap .modal-header .closebutton,
.moodle-dialogue-wrap .moodle-dialogue-hd .close,
.moodle-dialogue-wrap .moodle-dialogue-hd .closebutton {
    padding: 1rem 1rem .5em !important
}

.modal-content .modal-body,
.modal-content .moodle-dialogue-bd,
.moodle-dialogue-wrap .modal-body,
.moodle-dialogue-wrap .moodle-dialogue-bd {
    padding: .5rem
}

.modal-content .modal-body .file-picker,
.modal-content .moodle-dialogue-bd .file-picker,
.moodle-dialogue-wrap .modal-body .file-picker,
.moodle-dialogue-wrap .moodle-dialogue-bd .file-picker {
    font-size: 16px
}

.modal-content .modal-body label,
.modal-content .moodle-dialogue-bd label,
.moodle-dialogue-wrap .modal-body label,
.moodle-dialogue-wrap .moodle-dialogue-bd label {
    color: #a3a3a3
}

.modal-content .modal-body .fp-setlicense.form-group,
.modal-content .moodle-dialogue-bd .fp-setlicense.form-group,
.moodle-dialogue-wrap .modal-body .fp-setlicense.form-group,
.moodle-dialogue-wrap .moodle-dialogue-bd .fp-setlicense.form-group {
    display: none
}

.modal-content .modal-body .fp-repo-area.nav .nav-item:last-child,
.modal-content .moodle-dialogue-bd .fp-repo-area.nav .nav-item:last-child,
.moodle-dialogue-wrap .modal-body .fp-repo-area.nav .nav-item:last-child,
.moodle-dialogue-wrap .moodle-dialogue-bd .fp-repo-area.nav .nav-item:last-child {
    display: none
}

.modal-content .modal-body .fp-repo-area.nav .nav-link,
.modal-content .moodle-dialogue-bd .fp-repo-area.nav .nav-link,
.moodle-dialogue-wrap .modal-body .fp-repo-area.nav .nav-link,
.moodle-dialogue-wrap .moodle-dialogue-bd .fp-repo-area.nav .nav-link {
    color             : #a3a3a3;
    font-size         : 16px;
    padding           : .5rem;
    line-height       : 19px;
    max-width         : 100%;
    -webkit-transition: all .3s ease-out;
    -o-transition     : all .3s ease-out;
    transition        : all .3s ease-out;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center
}

.modal-content .modal-body .fp-repo-area.nav .nav-link.active,
.modal-content .moodle-dialogue-bd .fp-repo-area.nav .nav-link.active,
.moodle-dialogue-wrap .modal-body .fp-repo-area.nav .nav-link.active,
.moodle-dialogue-wrap .moodle-dialogue-bd .fp-repo-area.nav .nav-link.active {
    background-color: unset;
    color           : #6b6968
}

.modal-content .modal-body .fp-repo-area.nav .nav-link.active .fp-repo-img,
.modal-content .moodle-dialogue-bd .fp-repo-area.nav .nav-link.active .fp-repo-img,
.moodle-dialogue-wrap .modal-body .fp-repo-area.nav .nav-link.active .fp-repo-img,
.moodle-dialogue-wrap .moodle-dialogue-bd .fp-repo-area.nav .nav-link.active .fp-repo-img {
    background-color: #e9b626
}

.modal-content .modal-body .fp-repo-area.nav .nav-link.active .fp-repo-img svg,
.modal-content .moodle-dialogue-bd .fp-repo-area.nav .nav-link.active .fp-repo-img svg,
.moodle-dialogue-wrap .modal-body .fp-repo-area.nav .nav-link.active .fp-repo-img svg,
.moodle-dialogue-wrap .moodle-dialogue-bd .fp-repo-area.nav .nav-link.active .fp-repo-img svg {
    fill: #fff7e0
}

.modal-content .modal-body .fp-repo-area.nav .nav-link:hover,
.modal-content .moodle-dialogue-bd .fp-repo-area.nav .nav-link:hover,
.moodle-dialogue-wrap .modal-body .fp-repo-area.nav .nav-link:hover,
.moodle-dialogue-wrap .moodle-dialogue-bd .fp-repo-area.nav .nav-link:hover {
    color: #03787b
}

.modal-content .modal-body .fp-repo-area.nav .nav-link img.fp-repo-icon,
.modal-content .moodle-dialogue-bd .fp-repo-area.nav .nav-link img.fp-repo-icon,
.moodle-dialogue-wrap .modal-body .fp-repo-area.nav .nav-link img.fp-repo-icon,
.moodle-dialogue-wrap .moodle-dialogue-bd .fp-repo-area.nav .nav-link img.fp-repo-icon {
    display: none
}

.modal-content .modal-body .fp-repo-area.nav .nav-link .fp-repo-img,
.modal-content .moodle-dialogue-bd .fp-repo-area.nav .nav-link .fp-repo-img,
.moodle-dialogue-wrap .modal-body .fp-repo-area.nav .nav-link .fp-repo-img,
.moodle-dialogue-wrap .moodle-dialogue-bd .fp-repo-area.nav .nav-link .fp-repo-img {
    width             : 30px;
    min-width         : 30px;
    height            : 30px;
    border-radius     : 50%;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    background-color  : #fff7e0;
    margin-right      : 10px;
    -webkit-transition: all .3s ease-out;
    -o-transition     : all .3s ease-out;
    transition        : all .3s ease-out
}

.modal-content .modal-body .fp-repo-area.nav .nav-link .fp-repo-img svg,
.modal-content .moodle-dialogue-bd .fp-repo-area.nav .nav-link .fp-repo-img svg,
.moodle-dialogue-wrap .modal-body .fp-repo-area.nav .nav-link .fp-repo-img svg,
.moodle-dialogue-wrap .moodle-dialogue-bd .fp-repo-area.nav .nav-link .fp-repo-img svg {
    width             : 50%;
    fill              : #e9b626;
    -webkit-transition: all .3s ease-out;
    -o-transition     : all .3s ease-out;
    transition        : all .3s ease-out
}

.modal-content .modal-body .fp-repo-items .fp-navbar,
.modal-content .moodle-dialogue-bd .fp-repo-items .fp-navbar,
.moodle-dialogue-wrap .modal-body .fp-repo-items .fp-navbar,
.moodle-dialogue-wrap .moodle-dialogue-bd .fp-repo-items .fp-navbar {
    -webkit-box-shadow: none;
    box-shadow        : none
}

.modal-content .modal-body .fp-repo-items .fp-navbar .fp-pathbar,
.modal-content .moodle-dialogue-bd .fp-repo-items .fp-navbar .fp-pathbar,
.moodle-dialogue-wrap .modal-body .fp-repo-items .fp-navbar .fp-pathbar,
.moodle-dialogue-wrap .moodle-dialogue-bd .fp-repo-items .fp-navbar .fp-pathbar {
    padding-top: 15px
}

.modal-content .modal-body .fp-repo-items .fp-navbar .btn,
.modal-content .moodle-dialogue-bd .fp-repo-items .fp-navbar .btn,
.moodle-dialogue-wrap .modal-body .fp-repo-items .fp-navbar .btn,
.moodle-dialogue-wrap .moodle-dialogue-bd .fp-repo-items .fp-navbar .btn {
    margin-right: 5px
}

.modal-content .modal-body .fp-repo-items .fp-navbar .fp-viewbar.btn-group.disabled .btn,
.modal-content .moodle-dialogue-bd .fp-repo-items .fp-navbar .fp-viewbar.btn-group.disabled .btn,
.moodle-dialogue-wrap .modal-body .fp-repo-items .fp-navbar .fp-viewbar.btn-group.disabled .btn,
.moodle-dialogue-wrap .moodle-dialogue-bd .fp-repo-items .fp-navbar .fp-viewbar.btn-group.disabled .btn {
    background-color: #717171
}

.modal-content .modal-body .fp-repo-items .fp-content,
.modal-content .moodle-dialogue-bd .fp-repo-items .fp-content,
.moodle-dialogue-wrap .modal-body .fp-repo-items .fp-content,
.moodle-dialogue-wrap .moodle-dialogue-bd .fp-repo-items .fp-content {
    -webkit-box-shadow: none;
    box-shadow        : none;
    font-size         : 16px
}

.modal-content .modal-body .fp-repo-items .fp-content label,
.modal-content .moodle-dialogue-bd .fp-repo-items .fp-content label,
.moodle-dialogue-wrap .modal-body .fp-repo-items .fp-content label,
.moodle-dialogue-wrap .moodle-dialogue-bd .fp-repo-items .fp-content label {
    color: #a3a3a3
}

.modal-content .modal-body .fp-repo-items .fp-content .fp-tableview,
.modal-content .moodle-dialogue-bd .fp-repo-items .fp-content .fp-tableview,
.moodle-dialogue-wrap .modal-body .fp-repo-items .fp-content .fp-tableview,
.moodle-dialogue-wrap .moodle-dialogue-bd .fp-repo-items .fp-content .fp-tableview {
    font-size  : 14px;
    padding-top: 10px
}

.modal-content .modal-body .fp-repo-items .fp-content .fp-login-form,
.modal-content .modal-body .fp-repo-items .fp-content .fp-upload-form,
.modal-content .moodle-dialogue-bd .fp-repo-items .fp-content .fp-login-form,
.modal-content .moodle-dialogue-bd .fp-repo-items .fp-content .fp-upload-form,
.moodle-dialogue-wrap .modal-body .fp-repo-items .fp-content .fp-login-form,
.moodle-dialogue-wrap .modal-body .fp-repo-items .fp-content .fp-upload-form,
.moodle-dialogue-wrap .moodle-dialogue-bd .fp-repo-items .fp-content .fp-login-form,
.moodle-dialogue-wrap .moodle-dialogue-bd .fp-repo-items .fp-content .fp-upload-form {
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction   : column;
    flex-direction       : column
}

.modal-content .modal-body .confirmation-dialogue .confirmation-message,
.modal-content .moodle-dialogue-bd .confirmation-dialogue .confirmation-message,
.moodle-dialogue-wrap .modal-body .confirmation-dialogue .confirmation-message,
.moodle-dialogue-wrap .moodle-dialogue-bd .confirmation-dialogue .confirmation-message {
    font-size    : 21px;
    line-height  : 25px;
    margin-bottom: 1rem
}

.modal-content .modal-body .confirmation-dialogue .confirmation-buttons .btn,
.modal-content .moodle-dialogue-bd .confirmation-dialogue .confirmation-buttons .btn,
.moodle-dialogue-wrap .modal-body .confirmation-dialogue .confirmation-buttons .btn,
.moodle-dialogue-wrap .moodle-dialogue-bd .confirmation-dialogue .confirmation-buttons .btn {
    font-size    : 12px;
    margin-bottom: 5px;
    min-width    : 100%;
    padding      : 10px 16px
}

.modal-content .modal-body form[action="https://my.council.academy/question/question.php"] .alloptions .moduletypetitle,
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/question/question.php"] .alloptions .moduletypetitle,
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/question/question.php"] .alloptions .moduletypetitle,
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/question/question.php"] .alloptions .moduletypetitle {
    font-size     : 20px !important;
    padding-top   : .8em !important;
    padding-bottom: .1em !important;
    margin-bottom : .1rem !important
}

.modal-content .modal-body form[action="https://my.council.academy/question/question.php"] .alloptions .option,
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/question/question.php"] .alloptions .option,
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/question/question.php"] .alloptions .option,
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/question/question.php"] .alloptions .option {
    padding: 0 .3em 0 .8em !important
}

.modal-content .modal-body form[action="https://my.council.academy/question/question.php"] .alloptions .option label,
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/question/question.php"] .alloptions .option label,
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/question/question.php"] .alloptions .option label,
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/question/question.php"] .alloptions .option label {
    font-size: 12px;
    cursor   : pointer
}

.modal-content .modal-body form[action="https://my.council.academy/question/question.php"] .alloptions .option label input[type=radio],
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/question/question.php"] .alloptions .option label input[type=radio],
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/question/question.php"] .alloptions .option label input[type=radio],
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/question/question.php"] .alloptions .option label input[type=radio] {
    -webkit-transform: scale(1.3);
    -ms-transform    : scale(1.3);
    transform        : scale(1.3)
}

.modal-content .modal-body form[action="https://my.council.academy/question/question.php"] .alloptions .option label .icon,
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/question/question.php"] .alloptions .option label .icon,
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/question/question.php"] .alloptions .option label .icon,
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/question/question.php"] .alloptions .option label .icon {
    padding: 0 .8rem !important
}

.modal-content .modal-body form[action="https://my.council.academy/question/question.php"] .alloptions .option label .typename,
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/question/question.php"] .alloptions .option label .typename,
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/question/question.php"] .alloptions .option label .typename,
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/question/question.php"] .alloptions .option label .typename {
    font-size  : 14px;
    line-height: 18px;
    width      : 65% !important
}

.modal-content .modal-body form[action="https://my.council.academy/question/question.php"] .alloptions .option label .typesummary,
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/question/question.php"] .alloptions .option label .typesummary,
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/question/question.php"] .alloptions .option label .typesummary,
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/question/question.php"] .alloptions .option label .typesummary {
    padding    : .8em 1.2em !important;
    line-height: 22px !important;
    font-size  : 16px;
    color      : #6b6968
}

.modal-content .modal-body form[action="https://my.council.academy/question/question.php"] .instruction,
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/question/question.php"] .instruction,
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/question/question.php"] .instruction,
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/question/question.php"] .instruction {
    padding    : .8em 1.2em !important;
    line-height: 22px !important;
    font-size  : 16px;
    color      : #6b6968
}

.modal-content .modal-body form[action="https://my.council.academy/question/question.php"] .submitbuttons,
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/question/question.php"] .submitbuttons,
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/question/question.php"] .submitbuttons,
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/question/question.php"] .submitbuttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-content .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] input[type=text],
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] input[type=text],
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] input[type=text],
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] input[type=text] {
    border       : 1px solid #d6d6d7;
    border-radius: 2px;
    padding      : 12.5px 25px;
    outline      : 0;
    width        : 100%;
    font-family  : ProximaNova;
    font-weight  : 400;
    font-size    : 20px;
    color        : #6b6968;
    height       : 50px;
    height       : 40px
}

.modal-content .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-suggestions,
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-suggestions,
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-suggestions,
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-suggestions {
    font-size: 14px
}

.modal-content .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-suggestions li,
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-suggestions li,
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-suggestions li,
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-suggestions li {
    font-size  : 14PX;
    line-height: 1.3
}

.modal-content .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-downarrow,
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-downarrow,
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-downarrow,
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-downarrow {
    color: #03787b;
    top  : -3px
}

.modal-content .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] #id_descriptioneditable,
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] #id_descriptioneditable,
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] #id_descriptioneditable,
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] #id_descriptioneditable {
    border-color              : #d6d6d7 !important;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius : 2px;
    padding                   : 8px !important;
    color                     : #6b6968 !important
}

.modal-content .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .form-group .col-form-label,
.modal-content .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .form-group label,
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .form-group .col-form-label,
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .form-group label,
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .form-group .col-form-label,
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .form-group label,
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .form-group .col-form-label,
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .form-group label {
    color      : #a3a3a3;
    font-size  : 18px;
    line-height: 21px
}

.modal-content .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .form-group .col-md-3,
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .form-group .col-md-3,
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .form-group .col-md-3,
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .form-group .col-md-3 {
    line-height: 21px
}

.modal-content .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .fdescription.required,
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .fdescription.required,
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .fdescription.required,
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .fdescription.required {
    font-size  : 19px;
    line-height: 22px
}

.modal-content .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .moreless-toggler,
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .moreless-toggler,
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .moreless-toggler,
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .moreless-toggler {
    font-size: 20px
}

.modal-content .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-selection,
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-selection,
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-selection,
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-selection {
    font-size : 19px;
    min-height: auto;
    margin    : .25rem 0
}

.modal-content .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-selection [role=option],
.modal-content .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-selection [role=option],
.moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-selection [role=option],
.moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] .form-autocomplete-selection [role=option] {
    width       : 100%;
    line-height : 1;
    text-align  : left;
    font-size   : 14px !important;
    padding-left: 12px
}

.modal-content .modal-body .usp-wrap,
.modal-content .moodle-dialogue-bd .usp-wrap,
.moodle-dialogue-wrap .modal-body .usp-wrap,
.moodle-dialogue-wrap .moodle-dialogue-bd .usp-wrap {
    font-size: 18px
}

.modal-content .modal-body .usp-wrap .usp-search form,
.modal-content .moodle-dialogue-bd .usp-wrap .usp-search form,
.moodle-dialogue-wrap .modal-body .usp-wrap .usp-search form,
.moodle-dialogue-wrap .moodle-dialogue-bd .usp-wrap .usp-search form {
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-pack: center;
    -ms-flex-pack   : center;
    justify-content : center
}

.modal-content .modal-body .usp-wrap .usp-search form .usp-search-field,
.modal-content .moodle-dialogue-bd .usp-wrap .usp-search form .usp-search-field,
.moodle-dialogue-wrap .modal-body .usp-wrap .usp-search form .usp-search-field,
.moodle-dialogue-wrap .moodle-dialogue-bd .usp-wrap .usp-search form .usp-search-field {
    display           : inline-block;
    height            : calc(1.5em + .75rem + 2px);
    width             : 100%;
    padding           : .375rem .75rem;
    font-size         : .9375rem;
    font-weight       : 400;
    line-height       : 1.5;
    color             : #495057;
    background-color  : #fff;
    background-clip   : padding-box;
    border            : 1px solid #8f959e;
    border-radius     : 0;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition        : border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition     : border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition        : border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition        : border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.modal-content .modal-body .usp-wrap .usp-search form .usp-search-btn,
.modal-content .moodle-dialogue-bd .usp-wrap .usp-search form .usp-search-btn,
.moodle-dialogue-wrap .modal-body .usp-wrap .usp-search form .usp-search-btn,
.moodle-dialogue-wrap .moodle-dialogue-bd .usp-wrap .usp-search form .usp-search-btn {
    border-radius   : 0;
    padding         : 0 .5rem;
    height          : auto;
    background-color: #0ecaa4 !important;
    color           : #fff !important;
    border          : none;
    display         : inline-block;
    margin-bottom   : 0
}

.modal-content .modal-body .usp-wrap .usp-search form .usp-search-btn:hover,
.modal-content .moodle-dialogue-bd .usp-wrap .usp-search form .usp-search-btn:hover,
.moodle-dialogue-wrap .modal-body .usp-wrap .usp-search form .usp-search-btn:hover,
.moodle-dialogue-wrap .moodle-dialogue-bd .usp-wrap .usp-search form .usp-search-btn:hover {
    background-color: #03787b !important
}

.modal-content .modal-body .usp-wrap .usp-search .usp-results-count,
.modal-content .moodle-dialogue-bd .usp-wrap .usp-search .usp-results-count,
.moodle-dialogue-wrap .modal-body .usp-wrap .usp-search .usp-results-count,
.moodle-dialogue-wrap .moodle-dialogue-bd .usp-wrap .usp-search .usp-results-count {
    padding: 8px
}

.modal-content .modal-body .usp-wrap .usp-search-results .usp-user:nth-child(odd),
.modal-content .moodle-dialogue-bd .usp-wrap .usp-search-results .usp-user:nth-child(odd),
.moodle-dialogue-wrap .modal-body .usp-wrap .usp-search-results .usp-user:nth-child(odd),
.moodle-dialogue-wrap .moodle-dialogue-bd .usp-wrap .usp-search-results .usp-user:nth-child(odd) {
    background-color: #f5faf9
}

.modal-content .modal-body .usp-wrap .usp-search-results .usp-user .fullname label,
.modal-content .moodle-dialogue-bd .usp-wrap .usp-search-results .usp-user .fullname label,
.moodle-dialogue-wrap .modal-body .usp-wrap .usp-search-results .usp-user .fullname label,
.moodle-dialogue-wrap .moodle-dialogue-bd .usp-wrap .usp-search-results .usp-user .fullname label {
    color: #6b6968
}

.modal-content .modal-body .usp-wrap .usp-search-results .usp-user .usp-checkbox input[type=checkbox],
.modal-content .moodle-dialogue-bd .usp-wrap .usp-search-results .usp-user .usp-checkbox input[type=checkbox],
.moodle-dialogue-wrap .modal-body .usp-wrap .usp-search-results .usp-user .usp-checkbox input[type=checkbox],
.moodle-dialogue-wrap .moodle-dialogue-bd .usp-wrap .usp-search-results .usp-user .usp-checkbox input[type=checkbox] {
    margin-right     : 3px;
    -webkit-transform: scale(1.25);
    -ms-transform    : scale(1.25);
    transform        : scale(1.25)
}

.modal-content .modal-body .usp-wrap .usp-finish input[type=submit],
.modal-content .moodle-dialogue-bd .usp-wrap .usp-finish input[type=submit],
.moodle-dialogue-wrap .modal-body .usp-wrap .usp-finish input[type=submit],
.moodle-dialogue-wrap .moodle-dialogue-bd .usp-wrap .usp-finish input[type=submit] {
    text-decoration   : none;
    font-size         : 14px;
    font-family       : ProximaNova;
    font-weight       : 600;
    letter-spacing    : 1px;
    color             : #fff;
    border-radius     : 60px;
    background-color  : #0ecaa4;
    padding           : 10px 25px;
    cursor            : pointer;
    width             : -webkit-max-content;
    width             : -moz-max-content;
    width             : max-content;
    height            : -webkit-max-content;
    height            : -moz-max-content;
    height            : max-content;
    text-transform    : uppercase;
    -webkit-transition: all .3s ease-out;
    -o-transition     : all .3s ease-out;
    transition        : all .3s ease-out;
    outline           : 0;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
    border            : none;
    display           : inline-block
}

.modal-content .modal-body .usp-wrap .usp-finish input[type=submit].focus,
.modal-content .modal-body .usp-wrap .usp-finish input[type=submit]:active,
.modal-content .modal-body .usp-wrap .usp-finish input[type=submit]:focus,
.modal-content .modal-body .usp-wrap .usp-finish input[type=submit]:hover,
.modal-content .moodle-dialogue-bd .usp-wrap .usp-finish input[type=submit].focus,
.modal-content .moodle-dialogue-bd .usp-wrap .usp-finish input[type=submit]:active,
.modal-content .moodle-dialogue-bd .usp-wrap .usp-finish input[type=submit]:focus,
.modal-content .moodle-dialogue-bd .usp-wrap .usp-finish input[type=submit]:hover,
.moodle-dialogue-wrap .modal-body .usp-wrap .usp-finish input[type=submit].focus,
.moodle-dialogue-wrap .modal-body .usp-wrap .usp-finish input[type=submit]:active,
.moodle-dialogue-wrap .modal-body .usp-wrap .usp-finish input[type=submit]:focus,
.moodle-dialogue-wrap .modal-body .usp-wrap .usp-finish input[type=submit]:hover,
.moodle-dialogue-wrap .moodle-dialogue-bd .usp-wrap .usp-finish input[type=submit].focus,
.moodle-dialogue-wrap .moodle-dialogue-bd .usp-wrap .usp-finish input[type=submit]:active,
.moodle-dialogue-wrap .moodle-dialogue-bd .usp-wrap .usp-finish input[type=submit]:focus,
.moodle-dialogue-wrap .moodle-dialogue-bd .usp-wrap .usp-finish input[type=submit]:hover {
    background-color  : #03787b !important;
    color             : #fff !important;
    font-weight       : 600 !important;
    outline           : 0;
    -webkit-box-shadow: 0 0 0 0 transparent !important;
    box-shadow        : 0 0 0 0 transparent !important;
    border-color      : transparent !important;
    border-width      : 0 !important;
    outline           : 0 0 0 0 transparent
}

.modal-content .container-fluid,
.moodle-dialogue-wrap .container-fluid {
    padding-right: 10px;
    padding-left : 10px
}

.modal-content .modal-footer,
.moodle-dialogue-wrap .modal-footer {
    padding: .5rem 1rem .5em !important
}

.modal-content .modal-footer a,
.moodle-dialogue-wrap .modal-footer a {
    margin   : 0 !important;
    font-size: 18px
}

.modal-content .calendar_event_course~.modal-body,
.modal-content .calendar_event_group~.modal-body,
.modal-content .calendar_event_user~.modal-body,
.moodle-dialogue-wrap .calendar_event_course~.modal-body,
.moodle-dialogue-wrap .calendar_event_group~.modal-body,
.moodle-dialogue-wrap .calendar_event_user~.modal-body {
    padding-top: 1rem
}

.modal-content .calendar_event_course~.modal-body .col-1,
.modal-content .calendar_event_group~.modal-body .col-1,
.modal-content .calendar_event_user~.modal-body .col-1,
.moodle-dialogue-wrap .calendar_event_course~.modal-body .col-1,
.moodle-dialogue-wrap .calendar_event_group~.modal-body .col-1,
.moodle-dialogue-wrap .calendar_event_user~.modal-body .col-1 {
    margin-top: -7px
}

.modal-content .calendar_event_course~.modal-body .col-11,
.modal-content .calendar_event_group~.modal-body .col-11,
.modal-content .calendar_event_user~.modal-body .col-11,
.moodle-dialogue-wrap .calendar_event_course~.modal-body .col-11,
.moodle-dialogue-wrap .calendar_event_group~.modal-body .col-11,
.moodle-dialogue-wrap .calendar_event_user~.modal-body .col-11 {
    color      : #6b6968;
    font-size  : 18px;
    line-height: 23px
}

.navbar {
    max-height: inherit
}

.navbar-expand .navbar-nav .nav-link {
    margin-right: 25px;
    position    : relative
}

.navbar-expand .navbar-nav .nav-link .count-container {
    padding         : 4px;
    border-radius   : 50%;
    width           : 20px;
    text-align      : center;
    letter-spacing  : 1.2px;
    vertical-align  : middle;
    background-color: #ff3b3b;
    color           : #fff;
    font-size       : 12px;
    line-height     : 11px;
    position        : absolute;
    top             : 5px;
    right           : -9px
}

.navbar-brand .site-name {
    display: none !important
}

.navbar a.bg-gray:focus,
.navbar a.bg-gray:hover,
.navbar button.bg-gray:focus,
.navbar button.bg-gray:hover {
    background-color  : transparent !important;
    border-color      : transparent !important;
    outline-width     : 0 !important;
    -webkit-box-shadow: unset !important;
    box-shadow        : unset !important
}

.navbar button i {
    width   : 30px;
    height  : 30px;
    position: relative
}

.navbar button i::after,
.navbar button i::before {
    background-color  : #03787b;
    -webkit-transform : rotate(45deg);
    -ms-transform     : rotate(45deg);
    transform         : rotate(45deg);
    top               : 50%;
    left              : 0;
    -webkit-transition: all .3s ease 0s;
    -o-transition     : all .3s ease 0s;
    transition        : all .3s ease 0s;
    width             : 100%;
    height            : 4px;
    content           : "";
    display           : inline-block;
    position          : absolute
}

.navbar button i:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform    : rotate(-45deg);
    transform        : rotate(-45deg)
}

.navbar button[aria-expanded=false] i {
    width           : 30px;
    height          : 30px;
    position        : relative;
    background-color: #03787b;
    height          : 4px;
    display         : inline-block;
    content         : "";
    top             : 50%
}

.navbar button[aria-expanded=false] i::before {
    top              : -10px;
    -webkit-transform: none;
    -ms-transform    : none;
    transform        : none
}

.navbar button[aria-expanded=false] i::after {
    -webkit-transform: none;
    -ms-transform    : none;
    transform        : none;
    top              : 10px
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:hover i.icon.fa-bell:before {
    opacity: .9
}

#nav-notification-popover-container .popover-region-header-container {
    height            : 30px;
    line-height       : 30px;
    padding-left      : 5px;
    padding-right     : 5px;
    padding-top       : 2px;
    border-bottom     : 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box
}

#nav-notification-popover-container .popover-region-header-container .popover-region-header-actions {
    margin-top: -3px
}

#nav-notification-popover-container .popover-region-content-container .notification-content-item-container .notification-message {
    width           : calc(100% - 24px);
    -o-text-overflow: ellipsis;
    text-overflow   : ellipsis;
    overflow        : hidden
}

#nav-notification-popover-container .popover-region-footer-container {
    padding-top: 1px
}

.all-notifications .content-item-container:hover,
.control-area .content-item-container:hover {
    color           : #717171;
    background-color: #f5faf9
}

.all-notifications .content-item-container:hover .content-item-footer .timestamp,
.control-area .content-item-container:hover .content-item-footer .timestamp {
    color: #717171
}

.all-notifications .content-item-container .notification-image,
.control-area .content-item-container .notification-image {
    display : block;
    width   : 24px;
    height  : 24px;
    float   : left;
    position: relative
}

.all-notifications .content-item-container .notification-image::after,
.control-area .content-item-container .notification-image::after {
    position  : absolute;
    content   : '';
    top       : 8px;
    left      : 0;
    height    : 20px;
    width     : 20px;
    background: url(/theme/council/pix/img/chat_icon-img.svg) center center no-repeat
}

.all-notifications .content-item-container .notification-image img,
.control-area .content-item-container .notification-image img {
    display: none
}

.all-notifications .content-item-container .notification-message,
.control-area .content-item-container .notification-message {
    overflow        : hidden;
    -o-text-overflow: ellipsis;
    text-overflow   : ellipsis
}

.all-notifications .content-item-container.selected,
.all-notifications .content-item-container.unread,
.control-area .content-item-container.selected,
.control-area .content-item-container.unread {
    background-color: #ececf4;
    border          : unset;
    color           : #717171
}

.all-notifications .content-item-container.selected .content-item-footer .timestamp,
.all-notifications .content-item-container.unread .content-item-footer .timestamp,
.control-area .content-item-container.selected .content-item-footer .timestamp,
.control-area .content-item-container.unread .content-item-footer .timestamp {
    color: #717171
}

#page-course-index-category .page-header-headings h1,
#page-enrol-index .page-header-headings h1,
page-enrol-index .page-header-headings h1 {
    display: none
}

#page-course-index-category .mform.form-inline.simplesearchform,
#page-enrol-index .mform.form-inline.simplesearchform,
page-enrol-index .mform.form-inline.simplesearchform {
    max-width: 1300px;
    margin   : 0 auto
}

#page-course-index-category .mform.form-inline.simplesearchform .input-group,
#page-enrol-index .mform.form-inline.simplesearchform .input-group,
page-enrol-index .mform.form-inline.simplesearchform .input-group {
    width: 100%
}

#page-course-index-category .coursebox,
#page-enrol-index .coursebox,
page-enrol-index .coursebox {
    max-width         : 1300px;
    border            : none;
    background-color  : #fff !important;
    margin            : 20px auto;
    border-radius     : 3px;
    outline           : 0;
    -webkit-box-shadow: 0 0 20px 4px rgba(31, 56, 68, .07);
    box-shadow        : 0 0 20px 4px rgba(31, 56, 68, .07);
    height            : auto;
    padding           : 25px 25px 30px
}

#page-course-index-category .coursebox .coursename,
#page-enrol-index .coursebox .coursename,
page-enrol-index .coursebox .coursename {
    margin-bottom: 15px
}

#page-course-index-category .coursebox .coursename a,
#page-enrol-index .coursebox .coursename a,
page-enrol-index .coursebox .coursename a {
    background-image: unset !important;
    text-transform  : uppercase;
    font-weight     : 600;
    font-size       : 24px;
    line-height     : 28px;
    padding-left    : 0 !important;
    margin-bottom   : 15px
}

#page-course-index-category .coursebox .courseimage,
#page-enrol-index .coursebox .courseimage,
page-enrol-index .coursebox .courseimage {
    width     : 30%;
    text-align: center
}

#page-course-index-category .coursebox .courseimage img,
#page-enrol-index .coursebox .courseimage img,
page-enrol-index .coursebox .courseimage img {
    max-width : 100%;
    max-height: unset
}

#page-course-index-category .coursebox .summary,
#page-enrol-index .coursebox .summary,
page-enrol-index .coursebox .summary {
    width   : 67%;
    position: relative
}

#page-course-index-category .coursebox .summary .no-overflow,
#page-enrol-index .coursebox .summary .no-overflow,
page-enrol-index .coursebox .summary .no-overflow {
    padding           : 5px 20px 20px;
    font-size         : 19px;
    line-height       : 26px;
    overflow          : hidden;
    position          : relative;
    max-height        : 1000px;
    -webkit-transition: max-height 1.2s ease;
    -o-transition     : max-height 1.2s ease;
    transition        : max-height 1.2s ease
}

#page-course-index-category .coursebox .summary .no-overflow.hiden,
#page-enrol-index .coursebox .summary .no-overflow.hiden,
page-enrol-index .coursebox .summary .no-overflow.hiden {
    max-height        : 230px;
    -webkit-transition: max-height .6s ease;
    -o-transition     : max-height .6s ease;
    transition        : max-height .6s ease
}

#page-course-index-category .coursebox .summary .no-overflow.hiden::after,
#page-enrol-index .coursebox .summary .no-overflow.hiden::after,
page-enrol-index .coursebox .summary .no-overflow.hiden::after {
    content         : "";
    display         : block;
    height          : 60px;
    position        : absolute;
    left            : 0;
    right           : 0;
    bottom          : 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #fff));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #fff 75%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%)
}

#page-course-index-category .coursebox .summary .no-overflow p,
#page-enrol-index .coursebox .summary .no-overflow p,
page-enrol-index .coursebox .summary .no-overflow p {
    margin-bottom: .5rem
}

#page-course-index-category .coursebox .summary .content_toggle,
#page-enrol-index .coursebox .summary .content_toggle,
page-enrol-index .coursebox .summary .content_toggle {
    margin-left: 20px;
    position   : absolute;
    bottom     : -20px;
    min-width  : 170px;
    height     : 41px
}

#page-course-index-category .coursebox .teachers,
#page-enrol-index .coursebox .teachers,
page-enrol-index .coursebox .teachers {
    width    : 30%;
    font-size: 18px
}

#page-course-index-category .coursebox .teachers li,
#page-enrol-index .coursebox .teachers li,
page-enrol-index .coursebox .teachers li {
    font-weight: 600
}

#page-course-index-category .coursebox .teachers li a,
#page-enrol-index .coursebox .teachers li a,
page-enrol-index .coursebox .teachers li a {
    color      : #03787b;
    font-weight: 400
}

#page-course-index-category .coursebox .teachers li a:hover,
#page-enrol-index .coursebox .teachers li a:hover,
page-enrol-index .coursebox .teachers li a:hover {
    text-decoration: none;
    color          : #0ecaa4
}

#page-course-index-category .singlebutton,
#page-enrol-index .singlebutton,
page-enrol-index .singlebutton {
    margin-top: 10px
}

#page-calendar-view .calendarwrapper .controls {
    width : 98%;
    margin: 10px auto
}

#page-calendar-view .header div[data-region=view-selector] {
    margin-bottom: 10px
}

#page-calendar-view .header select#course {
    width       : 100%;
    margin-right: 0;
    margin-left : 0 !important
}

#page-calendar-view .header .select2-container,
#page-calendar-view .header select#course {
    margin-bottom: 10px
}

#page-calendar-view .calendar-controls .next,
#page-calendar-view .calendar-controls .previous {
    font-size: 17px;
    width    : 30%
}

#page-calendar-view .calendar-controls .current {
    width: 39.95%
}

#page-calendar-view .maincalendar .calendarmonth td,
#page-calendar-view .maincalendar .calendarmonth th,
#page-calendar-view div[data-template="core_calendar/month_detailed"] .calendarmonth td,
#page-calendar-view div[data-template="core_calendar/month_detailed"] .calendarmonth th {
    border: 1px dotted #dee2e6
}

#page-calendar-view .maincalendar .calendarmonth td,
#page-calendar-view div[data-template="core_calendar/month_detailed"] .calendarmonth td {
    height: 5em
}

#page-calendar-view .maincalendar .calendarmonth li,
#page-calendar-view .maincalendar .calendarmonth td,
#page-calendar-view div[data-template="core_calendar/month_detailed"] .calendarmonth li,
#page-calendar-view div[data-template="core_calendar/month_detailed"] .calendarmonth td {
    padding: 0 4px 4px 4px
}

#page-calendar-view .maincalendar .calendarmonth ul,
#page-calendar-view div[data-template="core_calendar/month_detailed"] .calendarmonth ul {
    margin : 0;
    padding: 0
}

#page-calendar-view .maincalendar .calendarmonth ul li,
#page-calendar-view div[data-template="core_calendar/month_detailed"] .calendarmonth ul li {
    list-style-type: none;
    text-align     : left
}

#page-calendar-view .maincalendar .calendarmonth ul li>a,
#page-calendar-view div[data-template="core_calendar/month_detailed"] .calendarmonth ul li>a {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center
}

#page-calendar-view .maincalendar .calendarmonth ul li>a .calendar-circle,
#page-calendar-view div[data-template="core_calendar/month_detailed"] .calendarmonth ul li>a .calendar-circle {
    display: none !important
}

#page-calendar-view .maincalendar .calendarmonth i.icon,
#page-calendar-view div[data-template="core_calendar/month_detailed"] .calendarmonth i.icon {
    margin-left: 0 !important
}

#page-calendar-view .maincalendar .calendarmonth i.icon.fa-group,
#page-calendar-view div[data-template="core_calendar/month_detailed"] .calendarmonth i.icon.fa-group {
    color       : #a24bca;
    margin-right: .35em !important
}

#page-calendar-view .maincalendar .calendarmonth i.icon.fa-user,
#page-calendar-view div[data-template="core_calendar/month_detailed"] .calendarmonth i.icon.fa-user {
    color       : #e87539;
    margin-right: .2em !important
}

#page-calendar-view .maincalendar .calendarmonth img.icon,
#page-calendar-view div[data-template="core_calendar/month_detailed"] .calendarmonth img.icon {
    margin-right: .3em !important;
    margin-left : .05em !important
}

#page-calendar-view .maincalendar .calendarmonth .eventname,
#page-calendar-view div[data-template="core_calendar/month_detailed"] .calendarmonth .eventname {
    font-size       : 15px;
    overflow        : hidden;
    -o-text-overflow: ellipsis;
    text-overflow   : ellipsis;
    white-space     : nowrap;
    display         : inline-block
}

#page-calendar-view .maincalendar .calendarmonth .fa-graduation-cap::before,
#page-calendar-view div[data-template="core_calendar/month_detailed"] .calendarmonth .fa-graduation-cap::before {
    color: #0ecaa4
}

#page-calendar-view div[data-template="core_calendar/day_detailed"] .calendar-controls .current {
    margin-bottom: 10px
}

#page-calendar-view div[data-template="core_calendar/day_detailed"] .card-header {
    padding: .75rem 1.5rem
}

#page-calendar-view div[data-template="core_calendar/day_detailed"] .card-header .commands~div {
    float     : left;
    margin-top: 0 !important
}

#page-calendar-view div[data-template="core_calendar/day_detailed"] .card-header .commands~div img.icon {
    margin-right: .8em !important
}

#page-calendar-view div[data-template="core_calendar/day_detailed"] .card-header .commands~div i.icon {
    margin-right: 1em !important
}

#page-calendar-view div[data-template="core_calendar/day_detailed"] .card-header .commands~div~div {
    width: 87%
}

#page-calendar-view div[data-template="core_calendar/day_detailed"] .card-header h3.name {
    font-size    : 22px;
    line-height  : 25px;
    margin-bottom: .2em
}

#page-calendar-view div[data-template="core_calendar/day_detailed"] .description .col-11,
#page-calendar-view div[data-template="core_calendar/day_detailed"] .description span {
    font-size  : 18px !important;
    line-height: 22px !important
}

#page-calendar-view div[data-template="core_calendar/day_detailed"] .card-footer {
    font-size: 18px
}

#page-calendar-view section[data-region=blocks-column] .calendar_filters li:first-child,
#page-calendar-view section[data-region=blocks-column] .calendar_filters li:last-child,
#page-calendar-view section[data-region=blocks-column] .calendar_filters li:nth-child(2) {
    display: none
}

#page-calendar-view section[data-region=blocks-column] .calendar_filters li a {
    font-size: 18px
}

#page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable {
    max-width      : calc(100% - 2rem);
    min-width      : 300px;
    border-collapse: separate;
    border-spacing : 3px
}

#page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable .calendar-controls .current a {
    font-weight: 600;
    color      : #03787b;
    font-weight: 400
}

#page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable .calendar-controls .current a:hover {
    text-decoration: none;
    color          : #0ecaa4
}

#page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable td a {
    display: inline-block
}

#page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable th.header {
    color    : #03787b;
    font-size: 16px
}

#page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable td.day {
    width        : 2.5em;
    height       : 2.5em;
    line-height  : 2.5em;
    border-radius: 50%;
    border       : 2px solid transparent
}

#page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable td.day a {
    color: #03787b
}

#page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable i.icon.fa.fa-graduation-cap.fa-fw::before {
    color: #0ecaa4
}

#page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable i.icon {
    margin-right: .15em !important;
    color       : #0ecaa4
}

#page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable i.icon.fa-graduation-cap {
    color: #0ecaa4
}

#page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable i.icon.fa-graduation-cap::before {
    color: #0ecaa4
}

#page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable img.icon {
    margin-right: .15em !important;
    margin-left : .05em !important
}

#page-calendar-view form[action="https://my.council.academy/calendar/export.php"],
#page-calendar-view form[action="https://my.council.academy/calendar/managesubscriptions.php"] {
    display: none !important
}

#page-contentbank .cb-toolbar-container {
    -ms-flex-wrap: wrap;
    flex-wrap    : wrap
}

#page-mod-assign-view .groupselector {
    margin-bottom: 20px
}

#page-mod-assign-view .submissionlinks {
    display      : -webkit-box;
    display      : -ms-flexbox;
    display      : flex;
    -ms-flex-wrap: wrap;
    flex-wrap    : wrap
}

#page-mod-assign-view .submissionlinks .btn {
    margin-bottom: 10px
}

#page-mod-assign-view .gradingsummary,
#page-mod-assign-view .submissionstatustable {
    margin-bottom: 40px
}

#page-mod-book-view #region-main .badge {
    display: none !important
}

#page-mod-book-view #block-region-side-pre .book_toc ul {
    padding-left: .7rem
}

#page-mod-book-view #block-region-side-pre .book_toc ul li {
    line-height: 1.3
}

#page-mod-book-view #block-region-side-pre .book_toc ul li a,
#page-mod-book-view #block-region-side-pre .book_toc ul li strong {
    margin-bottom: 5px;
    display      : inline-block
}

#page-mod-assign-view #region-main .badge,
#page-mod-book-view #region-main .badge,
#page-mod-page-view #region-main .badge,
#page-mod-quiz-view #region-main .badge {
    display: none !important
}

#page-mod-assign-view .modified,
#page-mod-book-view .modified,
#page-mod-page-view .modified,
#page-mod-quiz-view .modified {
    font-size: 14px
}

#page-course-view-topics .course-content li.section {
    padding: 20px 25px
}

#page-course-view-topics .course-content li.section .sectionname a {
    color      : #6b6968;
    font-weight: 400;
    font-size  : 20px
}

#page-course-view-topics .course-content li.section .sectionname a:hover {
    text-decoration: none;
    color          : #03787b
}

#page-course-view-topics .course-content li.section .section-title {
    font-size  : 20px;
    line-height: 23px
}

#page-course-view-topics .course-content li.section .section_availability {
    display  : none !important;
    font-size: 17px
}

#page-course-view-topics .course-content li.section .section_availability .badge-info {
    color           : #fff;
    background-color: #cd7f7f;
    padding         : .25em .4em;
    border-radius   : 60px
}

#page-course-view-topics .course-content li.section .availabilityinfo {
    display   : none !important;
    margin-top: .15em
}

#page-course-view-topics .course-content li.section .contentafterlink {
    font-size  : 17px;
    line-height: 22px;
    margin-top : .2em
}

#page-course-view-topics .course-content li.section .section-summary-activities .activity-count {
    color    : #717171;
    font-size: 16px
}

#page-course-view-topics .course-content li.section .section-summary-activities .prog_wrap {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    float            : right;
    width            : 300px;
    -webkit-box-pack : justify;
    -ms-flex-pack    : justify;
    justify-content  : space-between;
    -webkit-box-align: baseline;
    -ms-flex-align   : baseline;
    align-items      : baseline;
    margin-top       : 10px
}

#page-course-view-topics .course-content li.section .section-summary-activities .prog_wrap .progress-title {
    font-size   : 16px;
    color       : #717171;
    margin-right: 10px
}

#page-course-view-topics .course-content li.section .section-summary-activities .prog_wrap .progress {
    height          : .5rem !important;
    display         : block;
    background-color: #ececf4 !important;
    width           : 100%;
    border-radius   : 7px
}

#page-course-view-topics .course-content li.section .section-summary-activities .prog_wrap .progress .progress-bar {
    height          : 7px;
    background-color: #e9b626
}

#page-course-view-topics .course-content li.section .single-section .sectionname {
    padding-top: 25px;
    color      : #03787b
}

#page-course-view-topics .course-content .section li.activity {
    padding: .5em
}

#page-course-view-topics .course-content .section li.activity .badge {
    display: none !important
}

#page-course-view-topics .course-content .section li.activity .actions .icon {
    font-size   : 18px;
    width       : 18px;
    height      : 18px;
    margin-right: 0
}

#page-course-view-topics .course-content .section li.activity .actions .contentafterlink p {
    margin     : .2em 0;
    font-size  : 17px;
    line-height: 21px
}

#page-course-view-topics .activityinstance .aalink,
#page-course-view-topics .activityinstance .dimmed {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    text-indent      : unset;
    padding-left     : unset
}

#page-course-view-topics .activityinstance .aalink img,
#page-course-view-topics .activityinstance .dimmed img {
    display: none
}

#page-course-view-topics .activityinstance .aalink .item_img,
#page-course-view-topics .activityinstance .dimmed .item_img {
    width             : 50px;
    min-width         : 50px;
    height            : 50px;
    border-radius     : 50%;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    display           : -webkit-box !important;
    display           : -ms-flexbox !important;
    display           : flex !important;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    background-color  : #fff7e0;
    margin-right      : 15px;
    text-decoration   : none
}

#page-course-view-topics .activityinstance .aalink .item_img svg,
#page-course-view-topics .activityinstance .dimmed .item_img svg {
    width: 50%;
    fill : #e9b626
}

#page-course-view-topics .activityinstance .aalink .instancename,
#page-course-view-topics .activityinstance .dimmed .instancename {
    color      : #717171;
    font-weight: 600;
    font-size  : 20px;
    line-height: 23px
}

#page-course-view-topics .activityinstance .aalink:hover .instancename,
#page-course-view-topics .activityinstance .dimmed:hover .instancename {
    color: #03787b
}

#page-course-view-topics .activity-information {
    margin-top: 5px
}

#page-course-view-topics .activity-information .btn {
    padding    : 8px 12px;
    font-size  : 13px;
    line-height: 1;
    font-weight: 600
}

#page-course-view-topics .activity .contentwithoutlink {
    display: none !important
}

#page-course-view-topics .mod-indent-1 {
    display: none !important
}

#page-mod-quiz-attempt .info span.qno {
    font-size  : 1em;
    font-weight: 700
}

#page-mod-quiz-attempt .info>div {
    line-height: 1.2
}

#page-mod-quiz-attempt .qnbutton.answersaved .trafficlight {
    background-color: #0ecaa4 !important
}

#page-mod-quiz-attempt .submitbtn {
    padding-bottom: 1.5em
}

#page-mod-quiz-attempt .activity-navigation .row {
    width : 100%;
    margin: 0
}

legend {
    margin        : 25px 0;
    text-transform: uppercase
}

#page-user-edit #page-content .form-control,
#page-user-editadvanced #page-content .form-control {
    border       : 1px solid #d6d6d7;
    border-radius: 2px;
    padding      : 12.5px 25px;
    outline      : 0;
    width        : 100%;
    font-family  : ProximaNova;
    font-weight  : 400;
    font-size    : 20px;
    color        : #6b6968;
    height       : 50px
}

#page-user-edit #page-content .form-group,
#page-user-editadvanced #page-content .form-group {
    color: #a3a3a3
}

#page-user-edit #page-content #region-main,
#page-user-editadvanced #page-content #region-main {
    padding      : 50px;
    padding-right: 130px
}

#page-user-edit #page-content #region-main #maincontent~h2,
#page-user-editadvanced #page-content #region-main #maincontent~h2 {
    display: none
}

#page-user-edit #page-content #region-main #fitem_id_description_editor,
#page-user-edit #page-content #region-main #fitem_id_moodlenetprofile,
#page-user-editadvanced #page-content #region-main #fitem_id_description_editor,
#page-user-editadvanced #page-content #region-main #fitem_id_moodlenetprofile {
    display: none
}

#page-user-edit #page-content #region-main #id_deletepicture,
#page-user-editadvanced #page-content #region-main #id_deletepicture {
    margin-top: 8px
}

#page-course-user #page-header,
#page-grade-report-overview-index #page-header {
    display: none
}

#page-course-user #graded_users_selector,
#page-course-user .grade-navigation,
#page-course-user .groupselector,
#page-grade-report-overview-index #graded_users_selector,
#page-grade-report-overview-index .grade-navigation,
#page-grade-report-overview-index .groupselector {
    padding: 10px
}

#page-course-user .select2-container,
#page-grade-report-overview-index .select2-container {
    max-width: 315px
}

#page-course-user #page-content,
#page-grade-report-overview-index #page-content {
    margin-top: 40px
}

#page-course-user #region-main,
#page-grade-report-overview-index #region-main {
    padding: 20px 0
}

#page-course-user #region-main h3,
#page-grade-report-overview-index #region-main h3 {
    font-family   : FuturaPT;
    font-weight   : 400;
    font-size     : 30px;
    text-transform: uppercase;
    color         : #03787b;
    margin-left   : 25px;
    margin-bottom : 1.2rem
}

#page-course-user #region-main h3~br,
#page-grade-report-overview-index #region-main h3~br {
    display: none
}

#page-course-user .grade-report-user img.itemicon,
#page-grade-report-overview-index .grade-report-user img.itemicon {
    display: none
}

#page-course-user .grade-report-user .gradeitemheader,
#page-grade-report-overview-index .grade-report-user .gradeitemheader {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -ms-flex-wrap    : nowrap;
    flex-wrap        : nowrap;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    min-width        : 300px
}

#page-course-user .grade-report-user .item_img,
#page-grade-report-overview-index .grade-report-user .item_img {
    width             : 50px;
    min-width         : 50px;
    height            : 50px;
    border-radius     : 50%;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    background-color  : #fff7e0;
    margin-right      : 15px;
    text-decoration   : none
}

#page-course-user .grade-report-user .item_img svg,
#page-grade-report-overview-index .grade-report-user .item_img svg {
    width: 50%;
    fill : #e9b626
}

#page-course-user .grade-report-user .total .item_img,
#page-grade-report-overview-index .grade-report-user .total .item_img {
    background-color: #e9b626
}

#page-course-user .grade-report-user .total .item_img svg,
#page-grade-report-overview-index .grade-report-user .total .item_img svg {
    width: 50%;
    fill : #fff7e0
}

#page-course-user .grade-report-user td.level1.levelodd.oddd1.b1t.b2b.b1l.column-leader,
#page-grade-report-overview-index .grade-report-user td.level1.levelodd.oddd1.b1t.b2b.b1l.column-leader {
    padding: 0
}

#page-course-user .grade-report-user .rating_table .column-itemname,
#page-grade-report-overview-index .grade-report-user .rating_table .column-itemname {
    text-align   : left;
    padding-left : 25px;
    padding-right: 0
}

#page-course-user .grade-report-user .rating_table .column-contributiontocoursetotal,
#page-course-user .grade-report-user .rating_table .column-feedback,
#page-course-user .grade-report-user .rating_table .column-grad,
#page-course-user .grade-report-user .rating_table .column-percentage,
#page-course-user .grade-report-user .rating_table .column-range,
#page-course-user .grade-report-user .rating_table .column-weight,
#page-grade-report-overview-index .grade-report-user .rating_table .column-contributiontocoursetotal,
#page-grade-report-overview-index .grade-report-user .rating_table .column-feedback,
#page-grade-report-overview-index .grade-report-user .rating_table .column-grad,
#page-grade-report-overview-index .grade-report-user .rating_table .column-percentage,
#page-grade-report-overview-index .grade-report-user .rating_table .column-range,
#page-grade-report-overview-index .grade-report-user .rating_table .column-weight {
    text-align : center;
    white-space: nowrap
}

#page-course-user .grade-report-user tbody a,
#page-grade-report-overview-index .grade-report-user tbody a {
    color      : #6b6968;
    font-weight: 400
}

#page-course-user .grade-report-user tbody a:hover,
#page-grade-report-overview-index .grade-report-user tbody a:hover {
    text-decoration: none;
    color          : #03787b
}

#page-mod-assign-view .continuebutton,
#page-mod-quiz-view .continuebutton {
    text-align: center;
    margin-top: 15px
}

#page-grade-report-user-index .groupselector {
    text-align: left
}

#page-grade-report-user-index #graded_users_selector {
    float: left;
    width: 100%
}

#page-grade-report-user-index #graded_users_selector label {
    line-height: 1.15
}

#page-grade-report-user-index .view_users_selector {
    float: left
}

#page-grade-report-user-index .select2-container {
    width    : 100% !important;
    max-width: 310px
}

#page-grade-report-user-index .rating_table img {
    display: none
}

#page-grade-report-user-index .rating_table .gradeitemheader {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -ms-flex-wrap    : nowrap;
    flex-wrap        : nowrap;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    min-width        : 300px
}

#page-grade-report-user-index .rating_table .item_img {
    width             : 50px;
    min-width         : 50px;
    height            : 50px;
    border-radius     : 50%;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    display           : -webkit-box !important;
    display           : -ms-flexbox !important;
    display           : flex !important;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    background-color  : #fff7e0;
    margin-right      : 15px;
    text-decoration   : none
}

#page-grade-report-user-index .rating_table .item_img svg {
    width: 50%;
    fill : #e9b626
}

#page-grade-report-grader-index .floater.heading.floating {
    display: none !important
}

#page-grade-report-grader-index #region-main {
    overflow-x: hidden
}

#page-grade-report-grader-index .groupselector {
    margin-bottom: 10px
}

#page-grade-report-grader-index .groupselector form h3 {
    font-size    : 22px;
    margin-bottom: 15px;
    margin-top   : 5px
}

#page-grade-report-grader-index .rating_container {
    margin-bottom: 10px
}

#page-grade-report-grader-index .report-container {
    margin: 0 auto
}

#page-grade-report-grader-index .report-container .rating_table input[type=text] {
    height: 30px;
    border: 1px solid #d6d6d7 !important
}

#page-grade-report-grader-index .report-container .rating_table tr .cell {
    background-color: unset;
    padding         : 5px 20px 5px 5px
}

#page-grade-report-grader-index .report-container .rating_table img {
    display: none
}

#page-grade-report-grader-index .report-container .rating_table .item_img {
    width             : unset;
    min-width         : unset;
    height            : unset;
    border-radius     : 50%;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    display           : -webkit-box !important;
    display           : -ms-flexbox !important;
    display           : flex !important;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    background-color  : #fff7e0;
    margin-right      : 15px;
    text-decoration   : none;
    float             : left;
    margin-right      : 5px
}

#page-grade-report-grader-index .report-container .rating_table .item_img svg {
    width: 20px;
    fill : #e9b626
}

#page-grade-report-grader-index .report-container .rating_table span.gradepass {
    color: #6b6968 !important
}

#page-grade-edit-tree-index .rating_table .gradeitemheader {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center
}

#page-grade-edit-tree-index .rating_table img {
    display: none
}

#page-grade-edit-tree-index .rating_table .item_img {
    width             : 50px;
    min-width         : 50px;
    height            : 50px;
    border-radius     : 50%;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    display           : -webkit-box !important;
    display           : -ms-flexbox !important;
    display           : flex !important;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    background-color  : #fff7e0;
    margin-right      : 15px;
    text-decoration   : none
}

#page-grade-edit-tree-index .rating_table .item_img svg {
    width: 50%;
    fill : #e9b626
}

#page-grade-edit-tree-index .rating_table .form-inline {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack   : space-evenly;
    justify-content : space-evenly
}

#page-grade-report-history-index #region-main {
    overflow-x: hidden
}

#page-grade-report-history-index form.dataformatselector {
    display: none !important
}

#page-grade-report-history-index .form-check-input {
    -webkit-transform: scale(1.23);
    -ms-transform    : scale(1.23);
    transform        : scale(1.23)
}

#page-grade-report-history-index .select2-container {
    max-width: 430px !important;
    margin   : 15px 10px
}

#page-grade-report-history-index .fdate_selector {
    -ms-flex-wrap: wrap;
    flex-wrap    : wrap
}

#page-grade-report-history-index .fdate_selector #id_datefrom_calendar,
#page-grade-report-history-index .fdate_selector #id_datetill_calendar {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    margin-left      : 15px
}

#page-grade-report-history-index .fdate_selector #id_datefrom_calendar .icon,
#page-grade-report-history-index .fdate_selector #id_datetill_calendar .icon {
    margin-top: -1px !important
}

#page-grade-report-history-index .fdate_selector .form-check-input {
    position         : relative;
    -ms-flex-negative: 0;
    flex-shrink      : 0;
    margin-top       : 0;
    margin-right     : .5rem;
    margin-left      : 0
}

#page-grade-report-singleview-index input[type=checkbox] {
    -webkit-transform: scale(1.23);
    -ms-transform    : scale(1.23);
    transform        : scale(1.23)
}

#page-grade-report-singleview-index .groupselector {
    text-align: left
}

#page-grade-report-singleview-index .reporttable .report-container {
    max-width: 100% !important
}

#page-grade-report-singleview-index .reporttable .report-container input[type=text] {
    border       : 1px solid #d6d6d7;
    border-radius: 2px;
    padding      : 12.5px 25px;
    outline      : 0;
    width        : 100%;
    font-family  : ProximaNova;
    font-weight  : 400;
    font-size    : 20px;
    color        : #6b6968;
    height       : 50px;
    height       : 40px
}

#page-grade-report-singleview-index .reporttable .report-container input[name^=finalgrade] {
    float: left;
    width: 80px
}

#page-grade-report-singleview-index .reporttable .selectitems {
    text-align: left
}

#page-grade-report-singleview-index .reporttable .selectitems .singleselect {
    display   : block !important;
    margin-top: 10px
}

#page-grade-report-singleview-index .reporttable .singleview_buttons {
    text-align: left
}

#page-grade-report-singleview-index .reporttable .singleview_bulk {
    width: 100%
}

#page-grade-report-singleview-index .reporttable .singleview_bulk .enable {
    margin-left: 2px;
    margin-top : 8px
}

#page-grade-report-singleview-index .reporttable .singleview_bulk .form-inline {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center
}

#page-grade-report-singleview-index .reporttable .singleview_bulk .form-inline label {
    margin: 0 5px !important
}

#page-grade-report-singleview-index .reporttable .singleview_bulk input[type=text] {
    border       : 1px solid #d6d6d7;
    border-radius: 2px;
    padding      : 12.5px 25px;
    outline      : 0;
    width        : 100%;
    font-family  : ProximaNova;
    font-weight  : 400;
    font-size    : 20px;
    color        : #6b6968;
    height       : 50px;
    width        : 120px
}

#page-grade-report-singleview-index .reporttable_container {
    overflow-x: scroll;
    max-width : 100%
}

#page-grade-report-singleview-index .reporttable~.singleselect {
    width : 100%;
    margin: 5px 0 20px
}

#page-grade-report-singleview-index .reporttable~.singleselect #perpagechanger {
    display: block !important;
    width  : 100%
}

#page-grade-report-singleview-index .reporttable~.singleselect #perpagechanger label {
    -webkit-box-pack: start;
    -ms-flex-pack   : start;
    justify-content : flex-start
}

#page-grade-report-singleview-index .reporttable .rating_table td,
#page-grade-report-singleview-index .reporttable .rating_table th {
    padding: 8px 10px
}

#page-grade-report-singleview-index .reporttable .rating_table thead th.header {
    min-width : 130px;
    text-align: center
}

#page-grade-report-singleview-index .reporttable .rating_table thead th.header.c1 {
    text-align: left !important
}

#page-grade-report-singleview-index .reporttable .rating_table td.category {
    min-width: 245px
}

#page-grade-report-singleview-index .reporttable .rating_table td.cell.c4 .action-icon {
    margin-left: 5px;
    float      : right
}

#page-grade-report-singleview-index .reporttable .rating_table td.cell.c4 .action-icon .icon {
    margin-top: 10px
}

#page-grade-report-singleview-index .reporttable .rating_table img.itemicon {
    display: none !important
}

#page-grade-report-singleview-index .reporttable .rating_table .gradeitem {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -ms-flex-wrap    : nowrap;
    flex-wrap        : nowrap;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    white-space      : normal;
    min-width        : 400px;
    min-height       : 73px
}

#page-grade-report-singleview-index .reporttable .rating_table .item_img {
    width             : 50px;
    min-width         : 50px;
    height            : 50px;
    border-radius     : 50%;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    display           : -webkit-box !important;
    display           : -ms-flexbox !important;
    display           : flex !important;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    background-color  : #fff7e0;
    margin-right      : 15px;
    text-decoration   : none
}

#page-grade-report-singleview-index .reporttable .rating_table .item_img svg {
    width: 50%;
    fill : #e9b626
}

#page-grade-report-singleview-index .reporttable .rating_table .total .item_img {
    background-color: #e9b626
}

#page-grade-report-singleview-index .reporttable .rating_table .total .item_img svg {
    width: 50%;
    fill : #fff7e0
}

#page-grade-report-singleview-index .select2-container {
    max-width: 278px
}

#region-main-settings-menu.has-blocks,
#region-main.has-blocks {
    display: inline-block;
    width  : calc(100% - 475px)
}

#page-content .dropdown-toggle {
    padding   : 10px 15px;
    min-height: 45px
}

#page-content .dropdown-toggle:active,
#page-content .dropdown-toggle:focus,
#page-content .dropdown-toggle:hover {
    padding   : 10px 15px;
    min-height: 45px
}

[data-region=blocks-column] {
    width: 460px;
    float: right
}

#region-main section.block_recentlyaccessedcourses .card-body {
    padding-bottom: 10px !important
}

#region-main section.block_recentlyaccessedcourses .card-body div[data-region=paging-control-container] {
    position: absolute;
    bottom  : 0;
    padding : 10px 10px 25px 0
}

#region-main section.block_recentlyaccessedcourses .card-body div[data-region=paging-control-container] ul.pagination .page-item:first-child .page-link {
    margin-right: 20px
}

#region-main section.block_recentlyaccessedcourses .card-body div[data-region=paging-control-container] ul.pagination .page-link {
    border          : none !important;
    width           : 54px;
    padding         : 0;
    margin-left     : -1px;
    line-height     : 2;
    color           : transparent;
    background-color: transparent;
    border          : none
}

#region-main section.block_recentlyaccessedcourses .card-body div[data-region=paging-control-container] ul.pagination .page-link:hover {
    background-color: transparent;
    border          : none
}

#region-main section.block_recentlyaccessedcourses .card-body div[data-region=paging-control-container] ul.pagination .page-link:hover .icon.fa::before {
    -webkit-filter: brightness(1) grayscale(0);
    filter        : brightness(1) grayscale(0)
}

#region-main section.block_recentlyaccessedcourses .card-body div[data-region=paging-control-container] ul.pagination .page-link:focus {
    -webkit-box-shadow: none !important;
    box-shadow        : none !important
}

#region-main section.block_recentlyaccessedcourses .card-body div[data-region=paging-control-container] ul.pagination .page-item.disabled .page-link {
    border: none !important
}

#region-main section.block_recentlyaccessedcourses .card-body div[data-region=paging-control-container] ul.pagination .fa-chevron-left:before {
    content            : '';
    background         : url(/theme/council/img/arr_slider.svg);
    background-repeat  : no-repeat;
    background-size    : cover;
    background-position: center;
    width              : 48px;
    height             : 26px;
    display            : -webkit-box;
    display            : -ms-flexbox;
    display            : flex;
    -webkit-box-align  : center;
    -ms-flex-align     : center;
    align-items        : center;
    -webkit-transition : all .2s ease-out;
    -o-transition      : all .2s ease-out;
    transition         : all .2s ease-out;
    -webkit-filter     : brightness(1.5) grayscale(1);
    filter             : brightness(1.5) grayscale(1)
}

#region-main section.block_recentlyaccessedcourses .card-body div[data-region=paging-control-container] ul.pagination .fa-chevron-right:before {
    content            : '';
    background         : url(/theme/council/img/arr_slider.svg);
    background-repeat  : no-repeat;
    background-size    : cover;
    background-position: center;
    -webkit-transform  : rotate(180deg);
    -ms-transform      : rotate(180deg);
    transform          : rotate(180deg);
    width              : 48px;
    height             : 25px;
    display            : -webkit-box;
    display            : -ms-flexbox;
    display            : flex;
    -webkit-box-align  : center;
    -ms-flex-align     : center;
    align-items        : center;
    -webkit-transition : all .2s ease-out;
    -o-transition      : all .2s ease-out;
    transition         : all .2s ease-out;
    -webkit-filter     : brightness(1.5) grayscale(1);
    filter             : brightness(1.5) grayscale(1)
}

#region-main .card-body .card-deck.dashboard-card-deck.one-row {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack   : space-evenly !important;
    justify-content : space-evenly !important;
    padding-top     : 40px;
    padding-bottom  : 20px
}

#region-main .card-body .card-deck.dashboard-card-deck.one-row .card.dashboard-card {
    width             : 320px !important;
    -webkit-box-shadow: 0 0 20px 4px rgba(31, 56, 68, .07);
    box-shadow        : 0 0 20px 4px rgba(31, 56, 68, .07);
    margin-bottom     : 50px
}

#region-main .card-deck .card .dashboard-card-img {
    width              : 100%;
    height             : 170px;
    margin-top         : 10px;
    background-position: center;
    background-size    : contain;
    background-repeat  : no-repeat
}

#region-main .card-deck .card .course-info-container {
    color  : #717171;
    padding: 15px 20px 10px !important
}

#region-main .card-deck .card .course-info-container .text-truncate {
    font-size: 16px
}

#region-main .card-deck .card .course-info-container .coursename span[data-region=is-favourite] {
    color: #e9b626 !important
}

#region-main .card-deck .card .course-info-container .coursename .multiline,
#region-main .card-deck .card .course-info-container .coursename .text-truncate {
    font-size         : 20px;
    font-weight       : 600;
    overflow          : hidden;
    -o-text-overflow  : ellipsis;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    line-height       : 23px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space       : normal;
    height            : 67px
}

#region-main .card-deck .card .card.dashboard-card {
    margin-bottom: 30px
}

#region-main .card-deck .card .card-footer.dashboard-card-footer {
    position   : relative;
    width      : 74%;
    margin-left: 30px
}

#region-main .card-deck .card .card-footer.dashboard-card-footer .progress {
    height          : .5rem;
    height          : .5rem !important;
    display         : block;
    background-color: #ececf4 !important;
    width           : 100%;
    border-radius   : 7px;
    margin-bottom   : 45px
}

#region-main .card-deck .card .card-footer.dashboard-card-footer .progress .progress-bar {
    height          : 7px;
    background-color: #e9b626
}

#region-main .card-deck .card .card-footer.dashboard-card-footer .progress .bar_icon {
    position          : absolute;
    width             : 50px;
    min-width         : 50px;
    height            : 50px;
    top               : -5px;
    border-radius     : 50%;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    background-color  : #e9b626;
    margin-right      : 15px;
    text-decoration   : none
}

#region-main .card-deck .card .card-footer.dashboard-card-footer .progress .bar_icon_img {
    width: 50%
}

#region-main .card-deck .card .card-footer.dashboard-card-footer .progress .bar_icon_data {
    top        : 0;
    position   : absolute;
    font-size  : 25px;
    font-weight: 600;
    font-size  : 18px;
    color      : #e9b626
}

#region-main .card-deck .card .card-footer.dashboard-card-footer .complete {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    margin-top       : -20px;
    padding-bottom   : 23px
}

#region-main .card-deck .card .card-footer.dashboard-card-footer .complete_icon {
    width            : 50px;
    min-width        : 50px;
    height           : 50px;
    border-radius    : 50%;
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center;
    background-color : #fff7e0;
    margin-right     : 15px;
    text-decoration  : none;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center
}

#region-main .card-deck .card .card-footer.dashboard-card-footer .complete_icon img {
    width: 50%
}

#region-main .card-deck .card .card-footer.dashboard-card-footer .complete_text {
    text-transform: uppercase;
    color         : #717171
}

#region-main .card-deck .card .card-footer.dashboard-card-footer .small {
    display: none
}

#region-main section.block_myoverview div[data-region=filter] {
    margin: 20px 20px 30px
}

#region-main section.block_myoverview .container-fluid .card-deck.dashboard-card-deck {
    display      : -webkit-box;
    display      : -ms-flexbox;
    display      : flex;
    -ms-flex-wrap: wrap;
    flex-wrap    : wrap;
    margin-left  : -15px;
    margin-right : -15px
}

#region-main section.block_myoverview .container-fluid .card-deck.dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    word-wrap         : break-word;
    margin-left       : 15px;
    margin-right      : 15px;
    width             : calc(100% / 12 * 4 - 30px);
    margin-bottom     : 30px
}

#region-main section.block_myoverview .container-fluid .course-summaryitem,
#region-main section.block_myoverview .container-fluid .list-group-item {
    border            : none;
    background-color  : #fff;
    margin            : 20px auto 30px !important;
    overflow          : hidden !important;
    display           : block;
    border-radius     : 3px;
    outline           : 0;
    -webkit-box-shadow: 0 0 20px 4px rgba(31, 56, 68, .07);
    box-shadow        : 0 0 20px 4px rgba(31, 56, 68, .07);
    max-width         : 900px;
    height            : auto;
    padding           : 0 !important
}

#region-main section.block_myoverview .container-fluid .course-summaryitem .summaryimage,
#region-main section.block_myoverview .container-fluid .list-group-item .summaryimage {
    height             : 100%;
    width              : 250px;
    background-size    : contain;
    background-repeat  : no-repeat;
    background-position: center center;
    border-radius      : 0 !important;
    margin-right       : 10px !important;
    margin-left        : 10px
}

#region-main section.block_myoverview .container-fluid .course-summaryitem .align-self-stretch.d-flex.flex-column.w-100,
#region-main section.block_myoverview .container-fluid .list-group-item .align-self-stretch.d-flex.flex-column.w-100 {
    color  : #717171;
    padding: 30px
}

#region-main section.block_myoverview .container-fluid .course-summaryitem .align-self-stretch.d-flex.flex-column.w-100 .text-muted,
#region-main section.block_myoverview .container-fluid .list-group-item .align-self-stretch.d-flex.flex-column.w-100 .text-muted {
    font-size: 16px;
    color    : #717171 !important
}

#region-main section.block_myoverview .container-fluid .course-summaryitem .align-self-stretch.d-flex.flex-column.w-100 .aalink.coursename,
#region-main section.block_myoverview .container-fluid .list-group-item .align-self-stretch.d-flex.flex-column.w-100 .aalink.coursename {
    width: 90%
}

#region-main section.block_myoverview .container-fluid .course-summaryitem .align-self-stretch.d-flex.flex-column.w-100 .aalink.coursename span[data-region=is-favourite],
#region-main section.block_myoverview .container-fluid .list-group-item .align-self-stretch.d-flex.flex-column.w-100 .aalink.coursename span[data-region=is-favourite] {
    color: #e9b626 !important
}

#region-main section.block_myoverview .container-fluid .course-summaryitem .align-self-stretch.d-flex.flex-column.w-100 .aalink.coursename h6.d-inline,
#region-main section.block_myoverview .container-fluid .list-group-item .align-self-stretch.d-flex.flex-column.w-100 .aalink.coursename h6.d-inline {
    color             : #717171;
    font-weight       : 400;
    font-size         : 20px;
    font-weight       : 600;
    line-height       : 23px;
    outline           : 0;
    text-decoration   : none;
    -webkit-transition: all .3s ease-out;
    -o-transition     : all .3s ease-out;
    transition        : all .3s ease-out;
    display           : block !important;
    margin            : 15px 0 25px
}

#region-main section.block_myoverview .container-fluid .course-summaryitem .align-self-stretch.d-flex.flex-column.w-100 .aalink.coursename h6.d-inline:hover,
#region-main section.block_myoverview .container-fluid .list-group-item .align-self-stretch.d-flex.flex-column.w-100 .aalink.coursename h6.d-inline:hover {
    text-decoration: none;
    color          : #03787b
}

#region-main section.block_myoverview .container-fluid .course-summaryitem .align-self-stretch.d-flex.flex-column.w-100 .coursemenubtn,
#region-main section.block_myoverview .container-fluid .course-summaryitem .align-self-stretch.d-flex.flex-column.w-100 .summary,
#region-main section.block_myoverview .container-fluid .list-group-item .align-self-stretch.d-flex.flex-column.w-100 .coursemenubtn,
#region-main section.block_myoverview .container-fluid .list-group-item .align-self-stretch.d-flex.flex-column.w-100 .summary {
    display: none
}

#region-main section.block_myoverview .container-fluid .course-summaryitem .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3,
#region-main section.block_myoverview .container-fluid .list-group-item .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 {
    width      : 90% !important;
    margin-left: 0 !important;
    position   : relative
}

#region-main section.block_myoverview .container-fluid .course-summaryitem .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .progress,
#region-main section.block_myoverview .container-fluid .list-group-item .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .progress {
    height          : .5rem !important;
    display         : block;
    background-color: #ececf4 !important;
    width           : 100%;
    border-radius   : 7px;
    margin-bottom   : 45px
}

#region-main section.block_myoverview .container-fluid .course-summaryitem .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .progress .progress-bar,
#region-main section.block_myoverview .container-fluid .list-group-item .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .progress .progress-bar {
    height          : 7px;
    background-color: #e9b626
}

#region-main section.block_myoverview .container-fluid .course-summaryitem .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .progress .bar_icon,
#region-main section.block_myoverview .container-fluid .list-group-item .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .progress .bar_icon {
    position          : absolute;
    width             : 50px;
    min-width         : 50px;
    height            : 50px;
    top               : -5px;
    border-radius     : 50%;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    background-color  : #e9b626;
    margin-right      : 15px;
    text-decoration   : none
}

#region-main section.block_myoverview .container-fluid .course-summaryitem .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .progress .bar_icon_img,
#region-main section.block_myoverview .container-fluid .list-group-item .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .progress .bar_icon_img {
    width: 50%
}

#region-main section.block_myoverview .container-fluid .course-summaryitem .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .progress .bar_icon_data,
#region-main section.block_myoverview .container-fluid .list-group-item .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .progress .bar_icon_data {
    top        : 0;
    position   : absolute;
    font-size  : 25px;
    font-weight: 600;
    font-size  : 18px;
    color      : #e9b626
}

#region-main section.block_myoverview .container-fluid .course-summaryitem .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .complete,
#region-main section.block_myoverview .container-fluid .list-group-item .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .complete {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    margin-top       : -20px;
    padding-bottom   : 23px
}

#region-main section.block_myoverview .container-fluid .course-summaryitem .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .complete_icon,
#region-main section.block_myoverview .container-fluid .list-group-item .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .complete_icon {
    width            : 50px;
    min-width        : 50px;
    height           : 50px;
    border-radius    : 50%;
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center;
    background-color : #fff7e0;
    margin-right     : 15px;
    text-decoration  : none;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center
}

#region-main section.block_myoverview .container-fluid .course-summaryitem .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .complete_icon img,
#region-main section.block_myoverview .container-fluid .list-group-item .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .complete_icon img {
    width: 50%
}

#region-main section.block_myoverview .container-fluid .course-summaryitem .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .complete_text,
#region-main section.block_myoverview .container-fluid .list-group-item .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .complete_text {
    text-transform: uppercase;
    color         : #717171
}

#region-main section.block_myoverview .container-fluid .course-summaryitem .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .small,
#region-main section.block_myoverview .container-fluid .list-group-item .align-self-stretch.d-flex.flex-column.w-100 .ml-auto.mt-auto.w-50.pt-3 .small {
    display: none !important
}

#block-region-side-pre .block_calendar_upcoming .event[data-region=event-item] {
    position: relative
}

#block-region-side-pre .block_calendar_upcoming .event[data-region=event-item] span:not(.dimmed_text):first-child {
    display : inline-block;
    width   : 45px;
    position: absolute;
    top     : 10%
}

#block-region-side-pre .block_calendar_upcoming .event[data-region=event-item] span:not(.dimmed_text):first-child .icon_wrap {
    width             : 45px;
    height            : 45px;
    border-radius     : 50%;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    background-color  : #e9fff8;
    text-decoration   : none
}

#block-region-side-pre .block_calendar_upcoming .event[data-region=event-item] span:not(.dimmed_text):first-child .icon_wrap svg.vebinar_icon {
    width: 60%;
    fill : #0ecaa4
}

#block-region-side-pre .block_calendar_upcoming .event[data-region=event-item] a[data-type=event] {
    display     : inline-block;
    padding-left: 55px;
    font-size   : 19px;
    line-height : 1.2
}

#block-region-side-pre .block_calendar_upcoming .event[data-region=event-item] .date {
    padding-left   : 55px;
    font-size      : 17px;
    color          : #a09f9e;
    text-decoration: none;
    line-height    : 1.2
}

#block-region-side-pre .block_calendar_upcoming .event[data-region=event-item] .date a {
    font-size      : 17px;
    color          : #a09f9e;
    text-decoration: none
}

#block-region-side-pre .block_calendar_upcoming .event[data-region=event-item] hr {
    margin: 7px 0
}

#block-region-side-pre .gotocal {
    margin-top: 15px
}

#block-region-side-pre .gotocal a {
    display           : inline-block;
    text-decoration   : none;
    font-size         : 14px;
    font-family       : ProximaNova;
    font-weight       : 600;
    letter-spacing    : 1px;
    color             : #fff;
    border-radius     : 60px;
    background-color  : #0ecaa4;
    padding           : 10px 25px;
    cursor            : pointer;
    width             : -webkit-max-content;
    width             : -moz-max-content;
    width             : max-content;
    height            : -webkit-max-content;
    height            : -moz-max-content;
    height            : max-content;
    text-transform    : uppercase;
    -webkit-transition: all .3s ease-out;
    -o-transition     : all .3s ease-out;
    transition        : all .3s ease-out;
    outline           : 0;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
    border            : none;
    margin            : 0 auto
}

#block-region-side-pre .gotocal a.focus,
#block-region-side-pre .gotocal a:active,
#block-region-side-pre .gotocal a:focus,
#block-region-side-pre .gotocal a:hover {
    background-color  : #03787b !important;
    color             : #fff !important;
    font-weight       : 600 !important;
    outline           : 0;
    -webkit-box-shadow: 0 0 0 0 transparent !important;
    box-shadow        : 0 0 0 0 transparent !important;
    border-color      : transparent !important;
    border-width      : 0 !important;
    outline           : 0 0 0 0 transparent
}

#block-region-side-pre .block_timeline .row.no-gutters {
    -ms-flex-wrap: nowrap;
    flex-wrap    : nowrap
}

#block-region-side-pre .block_timeline .paged-content-page-container .head-item_wrap {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    margin-top       : 10px
}

#block-region-side-pre .block_timeline .paged-content-page-container .head-item_wrap .icon_inline {
    display     : inline-block;
    width       : 45px;
    margin-right: 10px
}

#block-region-side-pre .block_timeline .paged-content-page-container .head-item_wrap .icon_inline .icon_wrap {
    width             : 45px;
    height            : 45px;
    border-radius     : 50%;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    background-color  : #fff7e0;
    text-decoration   : none
}

#block-region-side-pre .block_timeline .paged-content-page-container .head-item_wrap .icon_inline .icon_wrap.icon-danger {
    background-color: #fff3f3
}

#block-region-side-pre .block_timeline .paged-content-page-container .head-item_wrap .icon_inline .icon_wrap.icon-danger svg {
    fill: #cd7f7f
}

#block-region-side-pre .block_timeline .paged-content-page-container .head-item_wrap .icon_inline .icon_wrap svg {
    width: 60%;
    fill : #e9b626
}

#block-region-side-pre .block_timeline .paged-content-page-container .head-item_wrap h5.h6 {
    font-size     : 18px !important;
    text-transform: none;
    margin-top    : 0 !important;
    font-weight   : 600
}

#block-region-side-pre .block_timeline .paged-content-page-container .list-group-item {
    margin: 5px 10px
}

#block-region-side-pre .block_timeline .paged-content-page-container .list-group-item h6.text-truncate {
    font-size  : 19px;
    line-height: 1.2
}

#block-region-side-pre .block_timeline .paged-content-page-container .list-group-item a.list-group-item-action {
    display           : inline-block;
    text-decoration   : none;
    font-size         : 14px;
    font-family       : ProximaNova;
    font-weight       : 600;
    letter-spacing    : 1px;
    color             : #fff;
    border-radius     : 60px;
    background-color  : #0ecaa4;
    padding           : 10px 25px;
    cursor            : pointer;
    width             : -webkit-max-content;
    width             : -moz-max-content;
    width             : max-content;
    height            : -webkit-max-content;
    height            : -moz-max-content;
    height            : max-content;
    text-transform    : uppercase;
    -webkit-transition: all .3s ease-out;
    -o-transition     : all .3s ease-out;
    transition        : all .3s ease-out;
    outline           : 0;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
    border            : none;
    margin-top        : 5px
}

#block-region-side-pre .block_timeline .paged-content-page-container .list-group-item a.list-group-item-action.focus,
#block-region-side-pre .block_timeline .paged-content-page-container .list-group-item a.list-group-item-action:active,
#block-region-side-pre .block_timeline .paged-content-page-container .list-group-item a.list-group-item-action:focus,
#block-region-side-pre .block_timeline .paged-content-page-container .list-group-item a.list-group-item-action:hover {
    background-color  : #03787b !important;
    color             : #fff !important;
    font-weight       : 600 !important;
    outline           : 0;
    -webkit-box-shadow: 0 0 0 0 transparent !important;
    box-shadow        : 0 0 0 0 transparent !important;
    border-color      : transparent !important;
    border-width      : 0 !important;
    outline           : 0 0 0 0 transparent
}

#block-region-side-pre .block_timeline .paged-content-page-container .list-group-item small.text-right.text-nowrap {
    display: none
}

#block-region-side-pre .block_calendar_month .minicalendar {
    max-width      : calc(100% - 2rem);
    min-width      : 300px;
    border-collapse: separate;
    border-spacing : 3px
}

#block-region-side-pre .block_calendar_month .minicalendar .calendar-controls .current a {
    font-weight   : 600;
    text-transform: uppercase
}

#block-region-side-pre .block_calendar_month .minicalendar th.header {
    color    : #03787b;
    font-size: 16px
}

#block-region-side-pre .block_calendar_month .minicalendar td a {
    display: inline-block
}

#block-region-side-pre .block_calendar_month .minicalendar td.day {
    width        : 2.5em;
    height       : 2.5em;
    line-height  : 2.5em;
    border-radius: 50%;
    border       : 2px solid transparent
}

#block-region-side-pre .block_calendar_month .minicalendar td.day a {
    color: #03787b
}

#block-region-side-pre .block_calendar_month .minicalendar td.day.calendar_event_course {
    background-color: #e9fff8
}

#block-region-side-pre .block_calendar_month .minicalendar td.day.calendar_event_course a {
    color: #0ecaa4
}

#page-login-forgot_password {
    margin-left: 0 !important
}

#page-login-forgot_password #nav-drawer {
    display: none !important
}

#page-login-forgot_password .fixed-top.navbar {
    display: none !important
}

#page-login-forgot_password .generalbox {
    font-size  : 17px;
    line-height: 1.4
}

#page-login-forgot_password input.form-control {
    min-width: 250px
}

#page-login-forgot_password #region-main {
    max-width: 1030px;
    width    : 100%;
    margin   : 0 auto;
    min-width: 320px
}

.section_log {
    background         : url(../pix/img/log_bg.png);
    background-repeat  : no-repeat;
    background-position: center;
    background-size    : contain;
    background-color   : #f3fdfb;
    padding            : 120px 0
}

.section_log div[role=alert] p {
    display         : block;
    font-size       : 18px !important;
    font-weight     : 400 !important;
    color           : #6b6968 !important;
    background-color: #f4d6d2 !important;
    padding         : 10px !important;
    border-radius   : 10px !important
}

.section_log .loginerrors {
    position                   : fixed;
    top                        : 40px;
    right                      : -50%;
    display                    : block;
    font-size                  : 16px;
    font-weight                : 400;
    color                      : #6b6968;
    background-color           : #f4d6d2;
    padding                    : 10px;
    margin-top                 : 10px;
    border-radius              : 10px;
    -webkit-transition-property: right;
    -o-transition-property     : right;
    transition-property        : right;
    -webkit-transition-duration: 1s;
    -o-transition-duration     : 1s;
    transition-duration        : 1s
}

.section_log .loginerrors.viewError {
    right: 20%
}

.section_log .loginerrors a {
    display: none
}

.section_log .container {
    max-width: 1170px;
    width    : 100%;
    margin   : 0 auto;
    padding  : 0 15px;
    min-width: 320px;
    position : relative
}

.section_log .log_wrap {
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    background-color  : #fff;
    -webkit-box-shadow: 0 18px 42.32px 3.68px rgba(235, 235, 238, .9);
    box-shadow        : 0 18px 42.32px 3.68px rgba(235, 235, 238, .9);
    border-radius     : 0;
    width             : 100%;
    overflow          : hidden;
    margin            : 0 auto
}

.section_log .log_wrap .form-side {
    padding: 30px 50px;
    width  : 490px
}

.section_log .log_wrap .form-side .card-header,
.section_log .log_wrap .form-side label {
    display: none
}

.section_log .log_wrap .form-side .logo {
    max-width    : 240px;
    margin-bottom: 60px;
    margin-top   : 20px;
    width        : 100%;
    text-align   : left
}

.section_log .log_wrap .form-side .logo img {
    width: 100%
}

.section_log .log_wrap .form-side p {
    font-size  : 36px;
    color      : #717171;
    text-align : left;
    padding    : 0;
    font-weight: 400
}

.section_log .log_wrap .form-side form {
    margin-top: 40px;
    width     : 100%;
    position  : relative
}

.section_log .log_wrap .form-side form input[type=password],
.section_log .log_wrap .form-side form input[type=text] {
    font-family       : ProximaNova;
    border            : 1px solid #d6d6d7;
    border-radius     : 10px;
    background-color  : #fff;
    width             : calc(100% - 75px);
    height            : 58px;
    font-size         : 20px;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    padding           : 0 55px 0 20px;
    margin-bottom     : 20px;
    -webkit-box-shadow: none;
    box-shadow        : none;
    outline           : 0
}

.section_log .log_wrap .form-side form .input_field {
    position: relative
}

.section_log .log_wrap .form-side form .password-control {
    position  : absolute;
    top       : 13px;
    right     : 12px;
    display   : inline-block;
    width     : 26px;
    height    : 26px;
    background: url(../pix/img/view.svg) 0 0 no-repeat
}

.section_log .log_wrap .form-side form .password-control.view {
    background: url(../pix/img/hide.svg) 0 0 no-repeat
}

.section_log .log_wrap .form-side form .rememberpass {
    display            : -webkit-box;
    display            : -ms-flexbox;
    display            : flex;
    -webkit-box-align  : center;
    -ms-flex-align     : center;
    align-items        : center;
    position           : relative;
    padding-left       : 35px;
    margin             : 20px 0 30px;
    cursor             : pointer;
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none
}

.section_log .log_wrap .form-side form .rememberpass:hover input~.checkmark {
    background-color: #ccc
}

.section_log .log_wrap .form-side form .rememberpass label {
    display  : inline-block;
    font-size: 16px;
    color    : #6b6968
}

.section_log .log_wrap .form-side form .rememberpass input {
    position: absolute;
    opacity : 0;
    cursor  : pointer;
    height  : 0;
    width   : 0
}

.section_log .log_wrap .form-side form .rememberpass input:checked~.checkmark {
    background-color: #09c29b
}

.section_log .log_wrap .form-side form .rememberpass input:checked~.checkmark::after {
    display: block
}

.section_log .log_wrap .form-side form .rememberpass .checkmark {
    position        : absolute;
    top             : 0;
    left            : 0;
    height          : 18px;
    width           : 18px;
    border          : 1px solid #09c29b;
    background-color: #fdfffe;
    border-radius   : 2px
}

.section_log .log_wrap .form-side form .rememberpass .checkmark::after {
    content          : "";
    position         : absolute;
    display          : none;
    left             : 5px;
    top              : 1px;
    width            : 5px;
    height           : 10px;
    border           : solid #fff;
    border-width     : 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform    : rotate(45deg);
    transform        : rotate(45deg)
}

.section_log .log_wrap .form-side form button#loginbtn {
    display           : inline-block;
    text-decoration   : none;
    font-size         : 14px;
    font-family       : ProximaNova;
    font-weight       : 600;
    letter-spacing    : 1px;
    color             : #fff;
    border-radius     : 60px;
    background-color  : #0ecaa4;
    padding           : 10px 25px;
    cursor            : pointer;
    width             : -webkit-max-content;
    width             : -moz-max-content;
    width             : max-content;
    height            : -webkit-max-content;
    height            : -moz-max-content;
    height            : max-content;
    text-transform    : uppercase;
    -webkit-transition: all .3s ease-out;
    -o-transition     : all .3s ease-out;
    transition        : all .3s ease-out;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
    display           : block;
    outline           : 0;
    border            : none;
    width             : 100% !important;
    padding           : 18px 70px
}

.section_log .log_wrap .form-side form button#loginbtn.focus,
.section_log .log_wrap .form-side form button#loginbtn:active,
.section_log .log_wrap .form-side form button#loginbtn:focus,
.section_log .log_wrap .form-side form button#loginbtn:hover {
    background-color  : #03787b !important;
    color             : #fff !important;
    font-weight       : 600 !important;
    outline           : 0;
    -webkit-box-shadow: 0 0 0 0 transparent !important;
    box-shadow        : 0 0 0 0 transparent !important;
    border-color      : transparent !important;
    border-width      : 0 !important;
    outline           : 0 0 0 0 transparent
}

.section_log .log_wrap .form-side .forgetpass {
    display: block
}

.section_log .log_wrap .form-side .forgetpass~.mt-3 {
    display: none
}

.section_log .log_wrap .form-side .forgetpass~.mt-3~.mt-2 {
    display: none
}

.section_log .log_wrap .form-side .forgetpass p a {
    text-decoration   : underline;
    font-weight       : 400;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    font-size         : 16px;
    color             : #2b7d88;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    margin            : 30px auto 20px;
    cursor            : pointer;
    -webkit-transition: all .3s ease-out;
    -o-transition     : all .3s ease-out;
    transition        : all .3s ease-out
}

.section_log .log_wrap .form-side .forgetpass p a:hover {
    opacity: .7
}

.section_log .log_wrap .form-side .forgetpass p a.link_site {
    font-size    : 20px;
    font-weight  : 600;
    margin-bottom: 10px
}

.section_log .slider-side {
    width   : calc(100% - 490px);
    height  : 630px;
    position: relative
}

.section_log .slider-side .log-slider_item img {
    width: 100%
}

.section_log .slider-side .log-slider_dot {
    position: absolute;
    bottom  : 35px;
    width   : 100%
}

.section_log .slider-side .log-slider_dot .slick-dots {
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-pack: center;
    -ms-flex-pack   : center;
    justify-content : center;
    margin          : 0 auto
}

.section_log .slider-side .log-slider_dot .slick-dots li {
    list-style: none;
    position  : relative;
    height    : 0;
    width     : 32px;
    margin    : 0 4px
}

.section_log .slider-side .log-slider_dot .slick-dots li button {
    opacity: 0;
    height : 0;
    cursor : pointer;
    width  : 100%
}

.section_log .slider-side .log-slider_dot .slick-dots li::before {
    position        : absolute;
    top             : 6px;
    content         : '';
    width           : 32px;
    height          : 5px;
    background-color: #fff0ac;
    display         : block
}

.section_log .slider-side .log-slider_dot .slick-dots .slick-active::before {
    position        : absolute;
    top             : 6px;
    content         : '';
    width           : 32px;
    height          : 5px;
    background-color: #f0cb39;
    display         : block
}

.section_log .log_wrap #modal-header h4 {
    margin: 0
}

.section_log .log_wrap .form-side form .invalid {
    display          : none;
    position         : absolute;
    border-radius    : 10px;
    background-color : #0ecaa4;
    width            : 100%;
    height           : 42px;
    top              : 57%;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center;
    color            : #fff;
    z-index          : 3;
    font-size        : 15px
}

.section_log .log_wrap .form-side form .invalid.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.section_log .log_wrap .form-side form .invalid:before {
    position         : absolute;
    content          : '';
    left             : 50px;
    top              : -9px;
    width            : 18px;
    height           : 18px;
    background-color : #0ecaa4;
    -webkit-transform: rotate(45deg);
    -ms-transform    : rotate(45deg);
    transform        : rotate(45deg)
}

.section_log.reset .log_wrap .form-side p {
    font-size    : 20px;
    margin-bottom: 10px
}

.section_log.reset .log_wrap .form-side form p {
    font-size: 18px;
    margin   : 15px 0
}

.section_log.reset .log_wrap .form-side form span {
    font-size : 18px;
    color     : #717171;
    display   : block;
    margin    : 5px;
    margin-top: -5px
}

#page-message-output-popup-notifications #page-header .d-sm-flex.align-items-center,
#page-message-output-popup-notifications .notification-area .how-content-area {
    display: none !important
}

#page-message-output-popup-notifications .notification-area {
    border: none !important
}

#page-message-output-popup-notifications .notification-area .content-item-container .notification-message {
    padding-left    : 4px;
    overflow        : hidden;
    -o-text-overflow: ellipsis;
    text-overflow   : ellipsis
}

#page-message-output-popup-notifications .content-area .toggle-mode {
    width  : 100%;
    border : unset;
    padding: 0 10px
}

#page-message-output-popup-notifications .content-area .forumpost {
    font-size: 18px;
    border   : none !important
}

#page-message-output-popup-notifications .content-area .header {
    height            : 55px;
    width             : 100%;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    border-bottom     : 1px solid #e3e3e3;
    padding           : 4px 20px
}

#page-message-output-popup-notifications .content-area .header .image-container {
    position: relative
}

#page-message-output-popup-notifications .content-area .header .image-container::after {
    position  : absolute;
    content   : '';
    top       : 2px;
    left      : 0;
    height    : 24px;
    width     : 24px;
    background: url(/theme/council/pix/img/chat_icon-img.svg) center center no-repeat
}

#page-message-output-popup-notifications .content-area .header .image-container img {
    display: none
}

#page-message-output-popup-notifications .content-area .header .subject {
    display: none
}

#page-message-output-popup-notifications .content-area .content {
    padding-top: 0 !important
}

#page-message-output-popup-notifications .content-area .content .navbar {
    -webkit-box-shadow: unset !important;
    box-shadow        : unset !important;
    -webkit-box-pack  : start !important;
    -ms-flex-pack     : start !important;
    justify-content   : flex-start !important
}

#page-message-output-popup-notifications .content-area .content .navbar a {
    font-size   : 14px;
    color       : #03787b;
    font-weight : 400;
    margin-left : 12px;
    margin-right: 12px
}

#page-message-output-popup-notifications .content-area .content .navbar a:hover {
    text-decoration: none;
    color          : #0ecaa4
}

#page-message-output-popup-notifications .content-area .content .navbar a:first-child {
    margin-left: 0
}

#page-message-output-popup-notifications .content-area .content .forumpost {
    font-size: 18px
}

#page-message-output-popup-notifications .content-area .content .forumpost tbody {
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction   : column;
    flex-direction       : column
}

#page-message-output-popup-notifications .content-area .content .forumpost tbody .header {
    height : -webkit-max-content;
    height : -moz-max-content;
    height : max-content;
    padding: 0 5px 5px
}

#page-message-output-popup-notifications .content-area .content .forumpost .author {
    font-size: 16px;
    color    : #a3a3a3
}

#page-message-output-popup-notifications .content-area .content .forumpost .content {
    padding: 10px 0 5px
}

#page-message-output-popup-notifications .content-area .content .forumpost .content a {
    color      : #03787b;
    font-weight: 400
}

#page-message-output-popup-notifications .content-area .content .forumpost .content a:hover {
    text-decoration: none;
    color          : #0ecaa4
}

#page-message-output-popup-notifications .content-area .content .forumpost .content .commands {
    margin-top: .6rem
}

#page-message-output-popup-notifications .content-area .content .unsubscribelink {
    display: none
}

#page-message-output-popup-notifications .content-area .content .btn-insight {
    all               : unset;
    color             : #03787b;
    border-color      : #03787b;
    border            : 1px solid #03787b;
    font-size         : 14px;
    font-weight       : 600;
    border-radius     : 15px;
    padding           : .375rem .75rem;
    cursor            : pointer;
    -webkit-transition: all .3s ease-out;
    -o-transition     : all .3s ease-out;
    transition        : all .3s ease-out
}

#page-message-output-popup-notifications .content-area .content .btn-insight:hover {
    border-width: 1px !important
}

#page-message-output-popup-notifications .content-area .footer {
    display: none
}

#page-mod-forum-discuss #region-main-settings-menu,
#page-mod-forum-discuss .discussion-settings-menu,
#page-mod-forum-discuss div[data-container=discussion-tools]~.d-flex.flex-wrap.mb-1,
#page-mod-forum-discuss form#mode,
#page-mod-forum-discuss h3.discussionname,
#page-mod-forum-discuss h3[data-region-content=forum-post-core-subject],
#page-mod-forum-view #region-main-settings-menu,
#page-mod-forum-view .discussion-settings-menu,
#page-mod-forum-view div[data-container=discussion-tools]~.d-flex.flex-wrap.mb-1,
#page-mod-forum-view form#mode,
#page-mod-forum-view h3.discussionname,
#page-mod-forum-view h3[data-region-content=forum-post-core-subject] {
    display: none !important
}

#page-mod-forum-discuss .simplesearchform .input-group,
#page-mod-forum-view .simplesearchform .input-group {
    -ms-flex-wrap: nowrap !important;
    flex-wrap    : nowrap !important
}

#page-mod-forum-discuss .simplesearchform .input-group .btn-submit,
#page-mod-forum-view .simplesearchform .input-group .btn-submit {
    border: none !important
}

#page-mod-forum-discuss .dropdown-toggle.btn,
#page-mod-forum-view .dropdown-toggle.btn {
    padding: 15px !important
}

#page-mod-forum-discuss .forum-post-container .forumpost,
#page-mod-forum-view .forum-post-container .forumpost {
    border: none !important
}

#page-mod-forum-discuss .forum-post-container time,
#page-mod-forum-view .forum-post-container time {
    font-size: 16px !important;
    color    : #a3a3a3
}

#page-mod-forum-discuss .forum-post-container .post-actions a,
#page-mod-forum-view .forum-post-container .post-actions a {
    margin-right  : 8px;
    padding-top   : .3em !important;
    padding-bottom: .3em !important
}

#page-mod-forum-discuss .forum-post-container .post-actions a[href*="/mod/forum/discuss.php"],
#page-mod-forum-view .forum-post-container .post-actions a[href*="/mod/forum/discuss.php"] {
    display: none
}

#page-mod-forum-discuss .indent,
#page-mod-forum-view .indent {
    margin-top: 25px
}

#page-mod-forum-discuss .indent .forumpost,
#page-mod-forum-view .indent .forumpost {
    background-color  : #fff !important;
    -webkit-box-shadow: 0 0 39.99px 3.01px rgba(31, 56, 68, .07);
    box-shadow        : 0 0 39.99px 3.01px rgba(31, 56, 68, .07);
    border-radius     : 10px;
    margin-bottom     : 20px !important
}

#page-mod-forum-discuss .indent .forumpost .header,
#page-mod-forum-view .indent .forumpost .header {
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    padding          : 10px 20px
}

#page-mod-forum-discuss .indent .forumpost .header img,
#page-mod-forum-view .indent .forumpost .header img {
    width: 40px !important
}

#page-mod-forum-discuss .indent .forumpost .header .d-flex.flex-column .mb-3,
#page-mod-forum-view .indent .forumpost .header .d-flex.flex-column .mb-3 {
    margin-bottom: 0 !important
}

#page-mod-forum-discuss .indent .forumpost .body-content-container .author-groups-container,
#page-mod-forum-view .indent .forumpost .body-content-container .author-groups-container {
    display: none
}

#page-mod-forum-discuss .indent .forumpost .body-content-container .post-content-container,
#page-mod-forum-view .indent .forumpost .body-content-container .post-content-container {
    padding  : 0 16px 0 24px;
    font-size: 18px
}

#page-mod-forum-discuss .indent .forumpost .card,
#page-mod-forum-view .indent .forumpost .card {
    -webkit-box-shadow: unset;
    box-shadow        : unset
}

#page-mod-forum-discuss .indent .forumpost .btn,
#page-mod-forum-view .indent .forumpost .btn {
    display: inline-block
}

#page-mod-forum-discuss label,
#page-mod-forum-view label {
    color: #a3a3a3
}

#page-mod-forum-discuss input[type=text],
#page-mod-forum-view input[type=text] {
    border       : 1px solid #d6d6d7;
    border-radius: 2px;
    padding      : 12.5px 25px;
    outline      : 0;
    width        : 100%;
    font-family  : ProximaNova;
    font-weight  : 400;
    font-size    : 20px;
    color        : #6b6968;
    height       : 50px
}

#page-mod-forum-discuss #id_messageeditable,
#page-mod-forum-view #id_messageeditable {
    border-color              : #d6d6d7 !important;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius : 2px;
    padding                   : 8px !important;
    color                     : #6b6968 !important
}

#page-mod-forum-discuss .fgroup_id_buttonar #id_advancedadddiscussion,
#page-mod-forum-view .fgroup_id_buttonar #id_advancedadddiscussion {
    font-size: 18px
}

#page-mod-forum-discuss .fdescription.required,
#page-mod-forum-view .fdescription.required {
    font-size: 17px
}

#page-mod-forum-discuss table.discussion-list,
#page-mod-forum-view table.discussion-list {
    border-spacing: 0;
    width         : 100%;
    margin-bottom : 2rem
}

#page-mod-forum-discuss table.discussion-list td,
#page-mod-forum-discuss table.discussion-list th,
#page-mod-forum-view table.discussion-list td,
#page-mod-forum-view table.discussion-list th {
    color      : #a3a3a3;
    font-size  : 18px;
    border-top : none;
    padding    : 15px 20px;
    line-height: 21px
}

#page-mod-forum-discuss table.discussion-list thead th,
#page-mod-forum-view table.discussion-list thead th {
    font-weight  : 400;
    border       : none;
    border-bottom: none;
    color        : #717171
}

#page-mod-forum-discuss table.discussion-list tbody tr:nth-child(odd),
#page-mod-forum-view table.discussion-list tbody tr:nth-child(odd) {
    background-color: #f5faf9
}

#page-mod-forum-discuss table.discussion-list tbody tr.total td,
#page-mod-forum-discuss table.discussion-list tbody tr.total th,
#page-mod-forum-view table.discussion-list tbody tr.total td,
#page-mod-forum-view table.discussion-list tbody tr.total th {
    font-weight: 600;
    color      : #717171
}

#page-mod-forum-discuss table.discussion-list a,
#page-mod-forum-view table.discussion-list a {
    color      : #6b6968;
    font-weight: 400
}

#page-mod-forum-discuss table.discussion-list a:hover,
#page-mod-forum-view table.discussion-list a:hover {
    text-decoration: none;
    color          : #03787b
}

#page-mod-forum-discuss table.discussion-list .icon.fa-map-pin,
#page-mod-forum-view table.discussion-list .icon.fa-map-pin {
    color: #03787b
}

#page-mod-forum-discuss table.discussion-list .topic a,
#page-mod-forum-view table.discussion-list .topic a {
    color      : #6b6968;
    font-weight: 400
}

#page-mod-forum-discuss table.discussion-list .topic a:hover,
#page-mod-forum-view table.discussion-list .topic a:hover {
    text-decoration: none;
    color          : #03787b
}

#page-mod-forum-discuss table.discussion-list .author-info,
#page-mod-forum-view table.discussion-list .author-info {
    font-size: 15px
}

#page-mod-forum-discuss div[data-content=forum-discussion] .d-flex.flex-wrap.mb-1 {
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction   : column;
    flex-direction       : column
}

#page-mod-forum-discuss div[data-content=forum-discussion] .d-flex.flex-wrap.mb-1 .select2-container {
    width: 280px !important
}

#page-mod-forum-discuss div[data-content=forum-discussion] .d-flex.flex-wrap.mb-1 .ml-2 {
    margin-left  : 0 !important;
    margin-top   : 10px;
    margin-bottom: 5px
}

#page-mod-forum-discuss div[data-content=forum-discussion] .d-flex.flex-wrap.mb-1 .ml-2 #forummenu .select2-container {
    margin-right : 10px;
    margin-bottom: 10px
}

#page-mod-forum-discuss div[data-content=forum-discussion] .d-flex.flex-wrap.mb-1 .ml-2 #forummenu input[type=submit] {
    margin-bottom: 10px;
    margin-left  : 0 !important
}

#page-mod-forum-discuss .forumpost .header,
#page-mod-forum-discuss .forumpost .post-content-container {
    font-size: 18px
}

#page-mod-forum-discuss .forumpost .post-actions a {
    margin-left: 10px
}

#page-mod-forum-post #id_messageeditable {
    border-color              : #d6d6d7 !important;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius : 2px;
    padding                   : 8px !important;
    color                     : #6b6968 !important
}

.path-mod-forum :target>.forumpost:before {
    background               : #03787b !important;
    top                      : 0 !important;
    bottom                   : 0 !important;
    border-top-left-radius   : 10px;
    border-bottom-left-radius: 10px;
    padding-right            : 8px
}

#page-mod-glossary-view .singlebutton.glossaryaddentry {
    margin-bottom: 10px
}

#page-mod-glossary-view .entrybox a,
#page-mod-glossary-view .entrybox b {
    font-size: 18px
}

#page-mod-glossary-view .paging p {
    font-size    : 18px;
    margin-bottom: 15px;
    line-height  : 24px;
    display      : -webkit-box;
    display      : -ms-flexbox;
    display      : flex;
    -ms-flex-wrap: wrap;
    flex-wrap    : wrap
}

#page-mod-glossary-view .paging p a {
    color      : #03787b;
    font-weight: 400
}

#page-mod-glossary-view .paging p a:hover {
    text-decoration: none;
    color          : #0ecaa4
}

#page-message-notificationpreferences .preferences-container {
    overflow-x: auto
}

#page-message-notificationpreferences .table {
    font-size: 18px
}

#page-message-notificationpreferences .table h4 {
    font-size: 22px
}

#page-message-notificationpreferences .table thead th {
    vertical-align: middle;
    line-height   : 20px
}

#page-message-notificationpreferences .table thead td {
    vertical-align: middle
}

#page-message-notificationpreferences .table thead th[data-processor-name=airnotifier],
#page-message-notificationpreferences .table thead th[data-processor-name=email],
#page-message-notificationpreferences .table thead th[data-processor-name=popup] {
    width: 15%
}

#page-message-notificationpreferences .table td .col-6 {
    line-height: 20px
}

#page-message-notificationpreferences .table .preference-state {
    font-size: 12px
}

#page-message-notificationpreferences .table .preference-state .preference-state-status-container {
    width: 35px
}

#page-mod-quiz-report .mdl-align div {
    display      : -webkit-box;
    display      : -ms-flexbox;
    display      : flex;
    -ms-flex-wrap: wrap;
    flex-wrap    : wrap
}

#page-mod-quiz-report form[action="https://my.council.academy/mod/quiz/report.php"] .btn-secondary {
    margin-top: 10px
}

#page-mod-quiz-report #commands {
    display      : -webkit-box;
    display      : -ms-flexbox;
    display      : flex;
    -ms-flex-wrap: wrap;
    flex-wrap    : wrap;
    padding      : 15px 0
}

#page-user-profile #page-header .card-body {
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction   : column;
    flex-direction       : column;
    -webkit-box-align    : start;
    -ms-flex-align       : start;
    align-items          : flex-start
}

#page-user-profile #page-header .card-body .page-header-headings {
    text-align: center
}

#page-user-profile #page-header .card-body .context-header-settings-menu {
    display: none
}

#page-user-profile #page-header .card-body #page-navbar~.ml-auto.d-flex {
    display: none !important
}

#page-user-files .page-context-header {
    display: none
}

@media (min-width:576px) {
    #page-course-view-topics .course-content .course-content ul.section {
        margin: .3em .5rem !important
    }
}

@media screen and (max-width:1600px) {
    body.drawer-open-left {
        margin-left: 280px
    }

    h1 {
        font-size  : 32px;
        line-height: 36px
    }

    h2,
    h3,
    h3.lead {
        font-size  : 28px;
        line-height: 32px
    }

    h5 {
        font-size  : 26px;
        line-height: 30px
    }

    input[type=text] {
        padding  : 5px 15px;
        height   : 40px;
        font-size: 16px
    }

    .select2-container--default .select2-selection--single {
        height: 40px
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        height     : 40px;
        font-size  : 18px;
        line-height: 30px;
        padding    : 5px 23px 5px 8px
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered::after {
        margin-top: -6px
    }

    .select2-results__option {
        font-size  : 18px;
        line-height: 22px
    }

    .select2-container--default .select2-search--dropdown .select2-search__field {
        font-size: 18px
    }

    .rating_container .rating_table thead th {
        font-size  : 16px;
        line-height: 19px
    }

    .custom-select {
        height     : 40px;
        font-size  : 18px;
        line-height: 30px;
        padding    : 5px 25px 5px 10px
    }

    #nav-drawer.closed nav.list-group ul li .list-group-item .media {
        margin-right: 13px
    }

    #nav-drawer {
        width: 280px
    }

    #nav-drawer.closed {
        left: -195px
    }

    #nav-drawer .logo .header_logo {
        max-width: 190px
    }

    #nav-drawer .list-group .list-group-item {
        min-height       : 50px;
        padding          : 5px 15px 5px 20px;
        overflow         : hidden;
        display          : -webkit-box;
        display          : -ms-flexbox;
        display          : flex;
        -webkit-box-align: center;
        -ms-flex-align   : center;
        align-items      : center
    }

    #nav-drawer .list-group .list-group-item .media {
        font-size: 17px
    }

    .filemanager .mform .form-group input.form-control {
        padding  : 5px 15px;
        height   : 40px;
        font-size: 16px
    }

    .modal-content .modal-header h3,
    .modal-content .modal-header h5,
    .modal-content .moodle-dialogue-hd h3,
    .modal-content .moodle-dialogue-hd h5,
    .moodle-dialogue-wrap .modal-header h3,
    .moodle-dialogue-wrap .modal-header h5,
    .moodle-dialogue-wrap .moodle-dialogue-hd h3,
    .moodle-dialogue-wrap .moodle-dialogue-hd h5 {
        font-size  : 22px;
        line-height: 25px
    }

    .modal-content .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] input[type=text],
    .modal-content .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] input[type=text],
    .moodle-dialogue-wrap .modal-body form[action="https://my.council.academy/lib/ajax/service.php"] input[type=text],
    .moodle-dialogue-wrap .moodle-dialogue-bd form[action="https://my.council.academy/lib/ajax/service.php"] input[type=text] {
        padding  : 5px 15px;
        height   : 40px;
        font-size: 16px
    }

    #page-course-index-category .mform.form-inline.simplesearchform,
    #page-enrol-index .mform.form-inline.simplesearchform,
    page-enrol-index .mform.form-inline.simplesearchform {
        max-width: 1100px
    }

    #page-course-index-category .coursebox,
    #page-enrol-index .coursebox,
    page-enrol-index .coursebox {
        max-width: 1100px
    }

    #page-course-index-category .coursebox .summary .no-overflow,
    #page-enrol-index .coursebox .summary .no-overflow,
    page-enrol-index .coursebox .summary .no-overflow {
        padding    : 5px 15px 15px;
        font-size  : 18px;
        line-height: 25px
    }

    #page-course-index-category .coursebox .summary .no-overflow.hiden,
    #page-enrol-index .coursebox .summary .no-overflow.hiden,
    page-enrol-index .coursebox .summary .no-overflow.hiden {
        max-height: 195px
    }

    #page-course-index-category .coursebox .summary .no-overflow.hiden::after,
    #page-enrol-index .coursebox .summary .no-overflow.hiden::after,
    page-enrol-index .coursebox .summary .no-overflow.hiden::after {
        height: 80px
    }

    #page-course-index-category .coursebox .teachers li a,
    #page-enrol-index .coursebox .teachers li a,
    page-enrol-index .coursebox .teachers li a {
        display      : block;
        margin-bottom: 5px
    }

    #page-calendar-view div[data-template="core_calendar/day_detailed"] .card-header h3.name {
        font-size  : 20px;
        line-height: 23px
    }

    #page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable {
        max-width      : 344px;
        min-width      : 300px;
        border-collapse: separate;
        border-spacing : 1px
    }

    #page-course-view-topics .activityinstance .aalink .instancename,
    #page-course-view-topics .activityinstance .dimmed .instancename {
        font-size  : 18px;
        line-height: 21px
    }

    #page-user-edit #page-content .form-control,
    #page-user-editadvanced #page-content .form-control {
        padding  : 5px 15px;
        height   : 40px;
        font-size: 16px
    }

    #page-course-user #region-main h3,
    #page-grade-report-overview-index #region-main h3 {
        font-size: 24px
    }

    #page-course-user .grade-report-user .item_img,
    #page-grade-report-overview-index .grade-report-user .item_img {
        width       : 35px;
        min-width   : 35px;
        height      : 35px;
        margin-right: 10px
    }

    #page-grade-report-history-index .select2-container {
        max-width: 380px !important
    }

    #page-grade-report-singleview-index .reporttable .report-container input[type=text] {
        padding  : 5px 15px;
        height   : 40px;
        font-size: 16px
    }

    #page-grade-report-singleview-index .reporttable .singleview_bulk input[type=text] {
        padding  : 5px 15px;
        height   : 40px;
        font-size: 16px
    }

    #region-main-settings-menu.has-blocks,
    #region-main.has-blocks {
        width: 68%
    }

    [data-region=blocks-column] {
        width: 30%
    }

    #region-main .card-body .card-title span {
        font-size: 25px
    }

    #block-region-side-pre .block_calendar_upcoming .event a[data-type=event] {
        font-size: 18px
    }

    #block-region-side-pre .block_calendar_upcoming .event .date {
        font-size: 16px
    }

    #block-region-side-pre .block_calendar_upcoming .event .date a {
        font-size: 16px
    }

    #block-region-side-pre .block_calendar_month .minicalendar {
        max-width      : 344px;
        min-width      : 300px;
        border-collapse: separate;
        border-spacing : 1px
    }

    .section_log .log_wrap .form-side form input[type=password],
    .section_log .log_wrap .form-side form input[type=text] {
        width        : calc(100% - 75px);
        height       : 50px;
        margin-bottom: 10px;
        font-size    : 18px
    }

    .section_log .container {
        width    : 60%;
        min-width: 920px
    }

    .section_log .log_wrap .form-side {
        padding: 15px 25px;
        width  : 400px
    }

    .section_log .log_wrap .form-side .logo {
        max-width    : 190px;
        margin-bottom: 35px;
        margin-top   : 15px
    }

    .section_log .log_wrap .form-side p {
        font-size: 25px
    }

    .section_log .log_wrap .form-side form {
        margin-top: 25px
    }

    .section_log .log_wrap .form-side form input[type=password],
    .section_log .log_wrap .form-side form input[type=text] {
        width        : calc(100% - 75px);
        height       : 50px;
        margin-bottom: 10px;
        font-size    : 18px
    }

    .section_log .log_wrap .form-side form .rememberpass {
        margin: 15px 0 20px
    }

    .section_log .log_wrap .form-side form button#loginbtn {
        font-size: 17px;
        padding  : 14px 70px
    }

    .section_log .log_wrap .form-side .forgetpass p a {
        margin: 20px auto 20px
    }

    .section_log .slider-side {
        width   : calc(100% - 400px);
        height  : 460px;
        position: relative
    }

    #page-mod-forum-discuss input[type=text],
    #page-mod-forum-view input[type=text] {
        padding  : 5px 15px;
        height   : 40px;
        font-size: 16px
    }

    #page-mod-forum-discuss table.discussion-list thead th,
    #page-mod-forum-view table.discussion-list thead th {
        font-size  : 16px;
        line-height: 19px
    }
}

@media screen and (max-width:1490px) {
    #page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable {
        max-width      : 320px;
        min-width      : 100%;
        border-collapse: separate;
        border-spacing : 3px
    }

    #page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable td.day {
        height     : 2em;
        line-height: 2em
    }

    #block-region-side-pre .block_calendar_month .card-body {
        padding: 20px !important
    }

    #block-region-side-pre .block_calendar_month .card-body .minicalendar {
        max-width      : 320px;
        min-width      : 100%;
        border-collapse: separate;
        border-spacing : 3px
    }

    #block-region-side-pre .block_calendar_month .card-body .minicalendar td.day {
        height     : 2em;
        line-height: 2em
    }
}

@media screen and (max-width:1440px) {
    #region-main section.block_myoverview .container-fluid .card-deck.dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
        width: calc(100% / 12 * 6 - 30px)
    }
}

@media screen and (max-width:1410px) {
    #page-calendar-view div[data-template="core_calendar/day_detailed"] .card-header .commands~div~div {
        width: 83%
    }
}

@media screen and (max-width:1400px) {
    #page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable td.day {
        height     : 1.7em;
        line-height: 1.7em
    }

    #block-region-side-pre .block_calendar_month .card-body .minicalendar td.day {
        height     : 1.7em;
        line-height: 1.7em
    }
}

@media screen and (max-width:1367px) {

    .rating_container .rating_table td,
    .rating_container .rating_table th {
        padding    : 10px 15px;
        font-size  : 16px;
        line-height: 19px
    }

    #page-mod-forum-discuss table.discussion-list td,
    #page-mod-forum-discuss table.discussion-list th,
    #page-mod-forum-view table.discussion-list td,
    #page-mod-forum-view table.discussion-list th {
        padding    : 10px 15px;
        font-size  : 16px;
        line-height: 19px
    }
}

@media screen and (max-width:1320px) {
    #page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable td.day {
        height     : 1.5em;
        line-height: 1.5em
    }

    #block-region-side-pre .block_calendar_month .card-body .minicalendar td.day {
        height     : 1.5em;
        line-height: 1.5em
    }
}

@media screen and (max-width:1200px) {
    .rating_container .rating_table thead th {
        font-size  : 14px;
        line-height: 17px;
        white-space: nowrap
    }

    #page-user-edit #page-content #region-main,
    #page-user-editadvanced #page-content #region-main {
        padding : 15px 12px;
        position: relative
    }

    #region-main section.block_myoverview .container-fluid .card-deck.dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
        width: calc(100% / 12 * 4 - 30px)
    }

    #page-login-forgot_password #region-main legend {
        line-height: 1.15;
        margin     : 15px 0 10px !important
    }

    #page-mod-forum-discuss table.discussion-list thead th,
    #page-mod-forum-view table.discussion-list thead th {
        font-size  : 14px;
        line-height: 17px;
        white-space: nowrap
    }
}

@media (max-width:1199.98px) {
    #page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable {
        max-width     : 360px !important;
        min-width     : unset !important;
        border-spacing: 1px !important
    }

    #page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable td.day {
        width      : 2.5em !important;
        height     : 2.5em !important;
        line-height: 2.5em !important
    }

    #region-main-settings-menu.has-blocks,
    #region-main.has-blocks {
        width  : 100%;
        display: block
    }

    [data-region=blocks-column] {
        width: 100%
    }

    #block-region-side-pre .block_calendar_month .minicalendar {
        max-width     : 360px !important;
        min-width     : unset !important;
        border-spacing: 1px !important
    }

    #block-region-side-pre .block_calendar_month .minicalendar td.day {
        width      : 2.5em !important;
        height     : 2.5em !important;
        line-height: 2.5em !important
    }
}

@media screen and (max-width:1024px) {
    body.drawer-open-left {
        margin-left: 0 !important
    }

    body {
        margin-left: 0 !important
    }

    h1 {
        font-size  : 30px;
        line-height: 34px
    }

    h2,
    h3,
    h3.lead {
        font-size  : 24px;
        line-height: 27px
    }

    h5 {
        font-size  : 22px;
        line-height: 25px
    }

    #page-content {
        font-size: 18px
    }

    section#region-main {
        padding: 20px !important
    }

    .yui3-panel {
        position : absolute;
        max-width: 97%
    }

    .img-md-50 {
        width: 50% !important
    }

    .rating_container .rating_table td,
    .rating_container .rating_table th {
        padding: 8px 13px
    }

    .section-navigation h3.sectionname span {
        font-size: 22px
    }

    .section-navigation span {
        font-size  : 17px;
        line-height: 20px
    }

    .fixed-top {
        position     : sticky;
        z-index      : 998;
        top          : 0;
        padding-right: 15px;
        height       : 50px
    }

    #nav-drawer:not(.closed)~#page .fixed-top {
        position: static;
        z-index : unset
    }

    #nav-drawer {
        width     : 100% !important;
        overflow-x: hidden;
        overflow-y: auto
    }

    #nav-drawer nav.list-group ul li .list-group-item .media {
        width: 70%
    }

    #nav-drawer.closed {
        left: -100%
    }

    #nav-drawer.closed .logo .header_logo {
        display: block
    }

    #nav-drawer.closed .logo .small_header_logo {
        display: none
    }

    #page-header .col-12.pt-3.pb-3 .card-body {
        padding: 1rem !important
    }

    .navbar button i::after,
    .navbar button i::before {
        -webkit-transition: none;
        -o-transition     : none;
        transition        : none
    }

    .navbar button i {
        height: 25px;
        width : 25px
    }

    .navbar button[aria-expanded=true] {
        width   : 30px;
        height  : 30px;
        position: fixed;
        z-index : 1001;
        right   : 30px;
        top     : 10px
    }

    .navbar button[aria-expanded=true] i:after,
    .navbar button[aria-expanded=true] i:before {
        background-color: #fff
    }

    .navbar-expand .navbar-nav .nav-link {
        margin-right: 15px
    }

    #page-course-index-category .coursebox,
    #page-enrol-index .coursebox,
    page-enrol-index .coursebox {
        padding: 15px 15px 20px
    }

    #page-course-index-category .coursebox .coursename a,
    #page-enrol-index .coursebox .coursename a,
    page-enrol-index .coursebox .coursename a {
        font-size  : 20px;
        line-height: 23px
    }

    #page-course-index-category .coursebox .summary,
    #page-enrol-index .coursebox .summary,
    page-enrol-index .coursebox .summary {
        width: 66%
    }

    #page-course-index-category .coursebox .summary .no-overflow.hiden,
    #page-enrol-index .coursebox .summary .no-overflow.hiden,
    page-enrol-index .coursebox .summary .no-overflow.hiden {
        max-height: 150px
    }

    #page-course-index-category .coursebox .summary .no-overflow.hiden::after,
    #page-enrol-index .coursebox .summary .no-overflow.hiden::after,
    page-enrol-index .coursebox .summary .no-overflow.hiden::after {
        height: 100px
    }

    #page-course-index-category .coursebox .summary .no-overflow:not(.hiden),
    #page-enrol-index .coursebox .summary .no-overflow:not(.hiden),
    page-enrol-index .coursebox .summary .no-overflow:not(.hiden) {
        margin-bottom: 20px
    }

    #page-course-index-category .coursebox .summary .content_toggle,
    #page-enrol-index .coursebox .summary .content_toggle,
    page-enrol-index .coursebox .summary .content_toggle {
        bottom: -10px
    }

    #page-course-view-topics .course-content li.section {
        padding: 15px
    }

    #page-course-view-topics .course-content li.section .section-title {
        font-size  : 19px;
        line-height: 22px
    }

    #page-course-view-topics .course-content li.section .contentafterlink,
    #page-course-view-topics .course-content li.section .section_availability {
        font-size  : 16px;
        line-height: 21px
    }

    #page-course-view-topics .activityinstance .aalink .item_img,
    #page-course-view-topics .activityinstance .dimmed .item_img {
        width       : 35px;
        min-width   : 35px;
        height      : 35px;
        margin-right: 10px
    }

    #page-course-view-topics .activityinstance .aalink .instancename,
    #page-course-view-topics .activityinstance .dimmed .instancename {
        font-size  : 17px;
        line-height: 20px
    }

    #page-course-user #page-content,
    #page-grade-report-overview-index #page-content {
        margin-top: 15px
    }

    #page-course-user #region-main h3,
    #page-grade-report-overview-index #region-main h3 {
        font-size: 20px
    }

    #page-grade-report-user-index .rating_table .item_img {
        width       : 35px;
        min-width   : 35px;
        height      : 35px;
        margin-right: 10px
    }

    #page-grade-report-grader-index .report-container .rating_table .item_img {
        width       : unset;
        min-width   : unset;
        height      : unset;
        margin-right: 10px
    }

    #page-grade-edit-tree-index .rating_table .item_img {
        width       : 35px;
        min-width   : 35px;
        height      : 35px;
        margin-right: 10px
    }

    #page-grade-report-history-index .select2-container {
        margin: 5px 0 10px
    }

    #page-grade-report-history-index .fdate_selector #id_datefrom_calendar,
    #page-grade-report-history-index .fdate_selector #id_datetill_calendar {
        margin-left: 5px
    }

    #page-grade-report-singleview-index .reporttable .rating_table .item_img {
        width       : 35px;
        min-width   : 35px;
        height      : 35px;
        margin-right: 10px
    }

    #region-main section.block_myoverview .container-fluid .card-deck.dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
        width: calc(100% / 12 * 6 - 30px)
    }

    #page-login-forgot_password #region-main {
        padding: 25px 35px !important
    }

    .section_log .container {
        width    : calc(100% - 30px);
        min-width: unset
    }

    .section_log .log_wrap {
        width    : 50%;
        min-width: 450px
    }

    .section_log .log_wrap .form-side {
        width: 100%
    }

    .section_log .log_wrap .slider-side {
        display: none
    }

    #page-mod-forum-discuss table.discussion-list td,
    #page-mod-forum-discuss table.discussion-list th,
    #page-mod-forum-view table.discussion-list td,
    #page-mod-forum-view table.discussion-list th {
        padding: 8px 13px
    }

    #page-user-profile #page-header .card-body {
        -webkit-box-align: center;
        -ms-flex-align   : center;
        align-items      : center
    }
}

@media screen and (max-width:768px) {
    h1 {
        font-size  : 28px;
        line-height: 32px
    }

    h2,
    h3,
    h3.lead {
        font-size  : 22px;
        line-height: 25px
    }

    h5 {
        font-size  : 20px;
        line-height: 23px
    }

    section#region-main {
        padding: 15px 10px !important
    }

    .img-sm-100 {
        width: 100% !important
    }

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        padding-right: 10px !important;
        padding-left : 10px !important
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        -o-text-overflow: ellipsis;
        text-overflow   : ellipsis;
        white-space     : nowrap;
        padding         : 5px 22px 5px 8px;
        height          : 40px;
        font-size       : 16px;
        line-height     : 30px
    }

    #page-header .col-12.pt-3.pb-3 .card-body {
        padding: .5rem !important
    }

    #page-user-edit #page-content #region-main,
    #page-user-editadvanced #page-content #region-main {
        padding : 10px;
        position: relative
    }

    #page-user-edit #page-content #region-main .form-group,
    #page-user-editadvanced #page-content #region-main .form-group {
        margin-bottom: .5rem
    }

    #page-user-edit #page-content #region-main .form-group .col-sm-12,
    #page-user-editadvanced #page-content #region-main .form-group .col-sm-12 {
        padding       : 10px 0;
        padding-bottom: 0
    }

    #page-user-edit #page-content #region-main .form-group .col-sm-12 .col-form-label,
    #page-user-editadvanced #page-content #region-main .form-group .col-sm-12 .col-form-label {
        font-size: 16px
    }

    #page-course-user .select2-container,
    #page-grade-report-overview-index .select2-container {
        max-width: 295px
    }

    #region-main section.block_myoverview .container-fluid .card-deck.dashboard-card-deck {
        margin-left : -10px;
        margin-right: -10px
    }

    #region-main section.block_myoverview .container-fluid .card-deck.dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
        margin-left : 10px;
        margin-right: 10px
    }

    #page-login-forgot_password #region-main {
        padding: 15px 25px !important
    }

    .section_log .loginerrors {
        margin: 10px
    }

    .section_log .log_wrap .form-side p {
        padding      : 0 20px;
        margin-bottom: unset
    }

    #page-mod-forum-discuss .indent .forumpost .header,
    #page-mod-forum-view .indent .forumpost .header {
        padding: 8px 12px
    }

    #page-mod-glossary-view .paging p {
        font-size  : 17px;
        line-height: 23px
    }
}

@media (max-width:767.98px) {
    .nav-tabs .nav-item .nav-link.active:not(:disabled):not(.disabled).active {
        background-color: #03787b;
        padding         : .2rem .7rem
    }

    .nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
    .nav-pills .nav-link.active:not(:disabled):not(.disabled):active,
    .nav-tabs .nav-link.active:not(:disabled):not(.disabled).active,
    .nav-tabs .nav-link.active:not(:disabled):not(.disabled):active,
    .show>.nav-pills .nav-link.active.dropdown-toggle,
    .show>.nav-tabs .nav-link.active.dropdown-toggle {
        color           : #fff;
        background-color: #03787b;
        border-color    : #03787b
    }

    #page-course-index-category .mform.form-inline.simplesearchform,
    #page-enrol-index .mform.form-inline.simplesearchform,
    page-enrol-index .mform.form-inline.simplesearchform {
        width        : 100%;
        padding-right: 0;
        padding-left : 0
    }
}

@media screen and (max-width:767.98px) {
    #page-header .page-context-header .page-header-headings {
        padding: .5rem !important
    }

    #page-calendar-view div[data-template="core_calendar/day_detailed"] .card-header {
        padding: 1rem
    }

    #page-calendar-view div[data-template="core_calendar/day_detailed"] .card-footer,
    #page-calendar-view div[data-template="core_calendar/day_detailed"] .card-header,
    #page-calendar-view div[data-template="core_calendar/day_detailed"] .description {
        padding: 1rem
    }
}

@media screen and (max-width:760px) {
    #nav-drawer .logo {
        margin: 15px
    }

    #nav-drawer .logo .header_logo {
        max-width: 170px
    }

    .modal-content .modal-header h3,
    .modal-content .modal-header h5,
    .modal-content .moodle-dialogue-hd h3,
    .modal-content .moodle-dialogue-hd h5,
    .moodle-dialogue-wrap .modal-header h3,
    .moodle-dialogue-wrap .modal-header h5,
    .moodle-dialogue-wrap .moodle-dialogue-hd h3,
    .moodle-dialogue-wrap .moodle-dialogue-hd h5 {
        font-size  : 18px;
        line-height: 21px
    }

    .modal-content .modal-header .close,
    .modal-content .modal-header .closebutton,
    .modal-content .moodle-dialogue-hd .close,
    .modal-content .moodle-dialogue-hd .closebutton,
    .moodle-dialogue-wrap .modal-header .close,
    .moodle-dialogue-wrap .modal-header .closebutton,
    .moodle-dialogue-wrap .moodle-dialogue-hd .close,
    .moodle-dialogue-wrap .moodle-dialogue-hd .closebutton {
        margin: -1rem 0 -1rem auto
    }

    #page-course-user #region-main h3,
    #page-grade-report-overview-index #region-main h3 {
        font-size: 17px
    }

    .section_log .container {
        min-width: 290px
    }

    .section_log .log_wrap {
        width: 65%
    }

    .section_log .log_wrap .form-side {
        padding: 15px
    }

    .section_log .log_wrap .form-side .logo {
        max-width    : 155px;
        margin-bottom: 20px;
        margin-top   : 15px;
        margin-left  : 20px
    }

    .section_log .log_wrap .form-side p {
        font-size: 18px
    }

    .section_log .log_wrap .form-side form input[type=password],
    .section_log .log_wrap .form-side form input[type=text] {
        width    : calc(100% - 55px);
        height   : 46px;
        font-size: 16px;
        padding  : 0 40px 0 15px
    }

    .section_log .log_wrap .form-side form .rememberpass {
        font-size   : 14px;
        padding-left: 28px
    }

    .section_log .log_wrap .form-side form button#loginbtn {
        font-size: 16px;
        padding  : 10px 20px
    }
}

@media screen and (max-width:720px) {
    #page-grade-report-singleview-index .reporttable .singleview_bulk .form-inline {
        -webkit-box-orient   : vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction   : column;
        flex-direction       : column;
        -webkit-box-align    : start;
        -ms-flex-align       : start;
        align-items          : flex-start
    }

    #page-grade-report-singleview-index .reporttable .singleview_bulk .form-inline label {
        margin: 10px 0 4px !important
    }

    #page-grade-report-singleview-index .reporttable .singleview_bulk .form-inline input {
        margin: 0
    }
}

@media screen and (max-width:600px) {
    section#region-main {
        padding: 10px 5px !important
    }

    .yui3-panel {
        position : absolute;
        max-width: 100%
    }

    #page-header .page-context-header {
        -webkit-box-orient   : vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction   : column;
        flex-direction       : column;
        -webkit-box-align    : center;
        -ms-flex-align       : center;
        align-items          : center
    }

    #page-header .page-context-header .page-header-image {
        margin-right: 0
    }

    #page-header .page-context-header .page-header-headings {
        margin-right: 0
    }

    #page-header .page-context-header div {
        margin-bottom: .2rem
    }

    #page-course-index-category .coursebox,
    #page-enrol-index .coursebox,
    page-enrol-index .coursebox {
        padding: 15px 10px 10px
    }

    #page-course-index-category .coursebox .coursename a,
    #page-enrol-index .coursebox .coursename a,
    page-enrol-index .coursebox .coursename a {
        font-size  : 18px;
        line-height: 21px
    }

    #page-course-index-category .coursebox .content,
    #page-enrol-index .coursebox .content,
    page-enrol-index .coursebox .content {
        display              : -webkit-box;
        display              : -ms-flexbox;
        display              : flex;
        -webkit-box-orient   : vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction   : column;
        flex-direction       : column
    }

    #page-course-index-category .coursebox .content .courseimage,
    #page-enrol-index .coursebox .content .courseimage,
    page-enrol-index .coursebox .content .courseimage {
        width                    : 60%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order           : 0;
        order                    : 0;
        margin                   : 0 auto
    }

    #page-course-index-category .coursebox .content .summary,
    #page-enrol-index .coursebox .content .summary,
    page-enrol-index .coursebox .content .summary {
        width                    : 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order           : 1;
        order                    : 1;
        margin                   : 15px auto
    }

    #page-course-index-category .coursebox .content .summary .no-overflow,
    #page-enrol-index .coursebox .content .summary .no-overflow,
    page-enrol-index .coursebox .content .summary .no-overflow {
        padding: 5px 10px 7px 7px
    }

    #page-course-index-category .coursebox .content .summary .no-overflow.hiden,
    #page-enrol-index .coursebox .content .summary .no-overflow.hiden,
    page-enrol-index .coursebox .content .summary .no-overflow.hiden {
        max-height: 150px
    }

    #page-course-index-category .coursebox .content .summary .no-overflow.hiden::after,
    #page-enrol-index .coursebox .content .summary .no-overflow.hiden::after,
    page-enrol-index .coursebox .content .summary .no-overflow.hiden::after {
        height: 60px
    }

    #page-course-index-category .coursebox .content .summary .no-overflow:not(.hiden),
    #page-enrol-index .coursebox .content .summary .no-overflow:not(.hiden),
    page-enrol-index .coursebox .content .summary .no-overflow:not(.hiden) {
        margin-bottom: 0
    }

    #page-course-index-category .coursebox .content .summary .content_toggle,
    #page-enrol-index .coursebox .content .summary .content_toggle,
    page-enrol-index .coursebox .content .summary .content_toggle {
        position: unset;
        display : block;
        margin  : 5px auto 0
    }

    #page-course-index-category .coursebox .content .teachers,
    #page-enrol-index .coursebox .content .teachers,
    page-enrol-index .coursebox .content .teachers {
        width                    : 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order           : 2;
        order                    : 2;
        font-size                : 18px;
        line-height              : 21px;
        padding                  : 5px
    }

    #page-login-forgot_password #region-main {
        padding: 10px 15px !important
    }
}

@media screen and (max-width:576px) {
    h1 {
        font-size  : 24px;
        line-height: 27px
    }

    h2,
    h3,
    h3.lead {
        font-size  : 20px;
        line-height: 23px
    }

    h5 {
        font-size  : 18px;
        line-height: 21px
    }

    #page-content {
        font-size: 16px
    }

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        padding-right: 5px !important;
        padding-left : 5px !important
    }

    .section-navigation h3.sectionname span {
        font-size: 20px
    }

    #page-calendar-view div[data-template="core_calendar/day_detailed"] .card-header .commands {
        margin-bottom: 5px
    }

    #page-calendar-view div[data-template="core_calendar/day_detailed"] .card-header h3.name {
        font-size  : 18px;
        line-height: 21px
    }

    #page-calendar-view div[data-template="core_calendar/day_detailed"] .card-header {
        padding: .8rem
    }

    #page-calendar-view div[data-template="core_calendar/day_detailed"] .description .col-11,
    #page-calendar-view div[data-template="core_calendar/day_detailed"] .description span {
        font-size  : 16px !important;
        line-height: 20px !important
    }

    #page-calendar-view div[data-template="core_calendar/day_detailed"] .card-footer {
        font-size: 16px
    }

    #page-calendar-view div[data-template="core_calendar/day_detailed"] .card-footer,
    #page-calendar-view div[data-template="core_calendar/day_detailed"] .card-header,
    #page-calendar-view div[data-template="core_calendar/day_detailed"] .description {
        padding: .8rem
    }

    #page-course-view-topics .course-content li.section .section-summary-activities .activity-count {
        font-size: 14px
    }

    #page-course-view-topics .course-content li.section .section-summary-activities .prog_wrap .progress-title {
        font-size: 14px
    }

    #page-course-view-topics .course-content li.section .section-summary-activities .prog_wrap .progress {
        height: .4rem !important
    }

    #page-course-view-topics .course-content li.section {
        padding: 10px 5px
    }

    #page-course-view-topics .course-content li.section .section-title {
        font-size  : 18px;
        line-height: 21px
    }

    #page-course-view-topics .course-content li.section .contentafterlink,
    #page-course-view-topics .course-content li.section .section_availability {
        font-size  : 14px;
        line-height: 18px
    }

    #page-course-view-topics .course-content .section li.activity {
        padding: .4em .3em
    }

    #page-course-user #graded_users_selector,
    #page-course-user .grade-navigation,
    #page-course-user .groupselector,
    #page-grade-report-overview-index #graded_users_selector,
    #page-grade-report-overview-index .grade-navigation,
    #page-grade-report-overview-index .groupselector {
        width: 100%
    }

    #page-course-user #graded_users_selector .singleselect,
    #page-course-user .grade-navigation .singleselect,
    #page-course-user .groupselector .singleselect,
    #page-grade-report-overview-index #graded_users_selector .singleselect,
    #page-grade-report-overview-index .grade-navigation .singleselect,
    #page-grade-report-overview-index .groupselector .singleselect {
        display: block !important
    }

    #page-course-user .select2-container,
    #page-grade-report-overview-index .select2-container {
        max-width: unset !important
    }

    #page-grade-report-user-index .view_users_selector {
        min-width: 100%
    }

    #page-grade-report-user-index .select2-container {
        max-width: 100%
    }

    #page-grade-report-history-index .select2-container {
        max-width: unset !important;
        margin   : 0
    }

    #page-grade-report-singleview-index .select2-container {
        max-width: 100%
    }

    #region-main section.block_myoverview .container-fluid .card-deck.dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
        width: calc(100% / 12 * 12 - 20px)
    }

    #region-main section.block_myoverview .container-fluid .course-summaryitem {
        margin: 30px 0 !important
    }

    #region-main section.block_myoverview .container-fluid .course-summaryitem .d-flex {
        -webkit-box-orient   : vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction   : column;
        flex-direction       : column
    }

    #region-main section.block_myoverview .container-fluid .course-summaryitem .d-flex .summaryimage {
        width : 100%;
        height: 200px;
        margin: 10px auto 0
    }

    #region-main section.block_myoverview .container-fluid .course-summaryitem .d-flex .ml-auto.mt-auto.w-50.pt-3 {
        width      : 100% !important;
        margin-left: 10px !important
    }

    #page-mod-forum-discuss .forum-post-container time,
    #page-mod-forum-view .forum-post-container time {
        font-size: 14px !important
    }

    #page-mod-forum-discuss .indent .forumpost .header,
    #page-mod-forum-view .indent .forumpost .header {
        -webkit-box-orient   : vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction   : column;
        flex-direction       : column
    }

    #page-mod-forum-discuss .indent .forumpost .header .mr-2,
    #page-mod-forum-view .indent .forumpost .header .mr-2 {
        margin-right : 0;
        margin-bottom: .5rem
    }

    #page-mod-forum-discuss .indent .forumpost .header .mr-2 img,
    #page-mod-forum-view .indent .forumpost .header .mr-2 img {
        width: 60px !important
    }

    #page-mod-forum-discuss .indent .forumpost .header .d-flex.flex-column .mb-3,
    #page-mod-forum-view .indent .forumpost .header .d-flex.flex-column .mb-3 {
        font-size: 16px
    }

    #page-mod-forum-discuss .indent .forumpost .body-content-container .post-content-container,
    #page-mod-forum-view .indent .forumpost .body-content-container .post-content-container {
        padding  : 0 8px 0 12px;
        font-size: 16px
    }

    #page-mod-forum-discuss .forumpost .header,
    #page-mod-forum-discuss .forumpost .post-content-container {
        font-size: 17px
    }
}

@media (max-width:576px) {

    #page-course-index-category .mform.form-inline.simplesearchform,
    #page-enrol-index .mform.form-inline.simplesearchform,
    page-enrol-index .mform.form-inline.simplesearchform {
        padding-top: 15px
    }
}

@media screen and (max-width:560px) {

    body,
    html {
        scrollbar-width: thin
    }

    ::-webkit-scrollbar {
        width: 2px
    }
}

@media screen and (max-width:500px) {
    .section_log .container {
        width: calc(100% - 30px)
    }

    .section_log .log_wrap {
        width    : 100%;
        min-width: unset
    }

    .section_log .log_wrap .form-side {
        padding: 15px 10px
    }
}

@media screen and (max-width:400px) {
    #page-course-view-topics .course-content li.section .section-summary-activities .prog_wrap {
        width: 250px
    }
}

@media screen and (max-width:360px) {
    h1 {
        font-size  : 21px;
        line-height: 24px
    }

    h2,
    h3,
    h3.lead {
        font-size  : 18px;
        line-height: 21px
    }

    #page-calendar-view div[data-template="core_calendar/day_detailed"] .card-header h3.name {
        font-size  : 17px;
        line-height: 20px
    }

    #page-calendar-view div[data-template="core_calendar/day_detailed"] .card-header {
        padding: .6rem
    }

    #page-calendar-view div[data-template="core_calendar/day_detailed"] .description .col-11,
    #page-calendar-view div[data-template="core_calendar/day_detailed"] .description span {
        font-size  : 15px !important;
        line-height: 19px !important
    }

    #page-calendar-view div[data-template="core_calendar/day_detailed"] .card-footer,
    #page-calendar-view div[data-template="core_calendar/day_detailed"] .card-header,
    #page-calendar-view div[data-template="core_calendar/day_detailed"] .description {
        padding: .6rem
    }

    #region-main section.block_myoverview .container-fluid .card-deck.dashboard-card-deck {
        margin-left : -5px;
        margin-right: -5px
    }

    #region-main section.block_myoverview .container-fluid .card-deck.dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
        margin-left : 5px;
        margin-right: 5px
    }

    .section_log .col-xl-6.col-sm-8 {
        padding: 0 !important
    }

    .section_log .section_log .log_wrap .form-side .logo {
        margin-left: 10px
    }

    .section_log .log_wrap .form-side p {
        padding: 0 10px
    }
}

@media (max-width:360px) {
    #page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable {
        min-width     : 280px !important;
        min-width     : 100% !important;
        border-spacing: 3px
    }

    #page-calendar-view section[data-region=blocks-column] .minicalendar.calendartable td.day {
        width      : 2em !important;
        height     : 2em !important;
        line-height: 2em !important
    }

    #block-region-side-pre .block_calendar_month .minicalendar {
        min-width     : 280px !important;
        min-width     : 100% !important;
        border-spacing: 3px
    }

    #block-region-side-pre .block_calendar_month .minicalendar td.day {
        width      : 2em !important;
        height     : 2em !important;
        line-height: 2em !important
    }
}

@media screen and (max-widh:1024px) {
    .nav-tabs .nav-item {
        font-size: 16px
    }
}