.error label {
    color: #ff3e1d;
}

.line {
    border-radius: 8px;
    height: 20px;
    background-color: #ddd;
    -webkit-animation: shine-lines 1.6s infinite ease-in-out;
    animation: shine-lines 1.6s infinite ease-in-out;
}

.table tbody tr.highlight td {
    background-color: #e7e7ff;
}

.table tbody td a {
    color: #697a8d!important;
}

.table tbody td a:hover {
    color: #696cff!important;
}

.table tbody tr td {
    text-align: left;
}

.score_cell {
    display: inline-block;
}

#rating tbody td:nth-child(2) {
    text-align: left!important;
}

#activity tbody td:nth-child(1) {
    text-align: left!important;
}

#activity tbody td:nth-child(2) {
    text-align: left!important;
}

#rating tbody a {
    color: rgb(105, 122, 141);
}

#activity tbody a {
    color: rgb(105, 122, 141);
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

::-webkit-scrollbar-track {
    border-radius: 5px;
    border-style: solid;
    border-color: #fff
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    border-style: solid;
    border-color: #fff
}

::-webkit-scrollbar-track {
    background: #d6d6d6
}

::-webkit-scrollbar-thumb {
    background: #9a9a9a
}

::-webkit-scrollbar-track:horizontal {
    border-width: 2px 0
}

::-webkit-scrollbar-thumb:horizontal {
    border-width: 2px 0
}

::-webkit-scrollbar-track:vertical {
    border-width: 0 2px
}

::-webkit-scrollbar-thumb:vertical {
    border-width: 0 2px
}

::-webkit-scrollbar-thumb:hover {
    background: #757575
}

::-webkit-scrollbar-button {
    display: none;
}

.error-line {
    background-color: #ff00001a!important;
}

.note-gutter {
    width: 16px;
    --background: cyan;
}

.user {
    height: 32px;
    padding-left: 4px;
    vertical-align: text-top;
    display: inline-block;    
}

.user_avatar > svg {
    height: 64px!important;
    width: 64px!important;
}

.course img {
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.course:hover img {
    filter: brightness(50%);
}

.course a {
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.course:hover a {
    color: #787bff;    
}

.listbox {
    height: 209px;
    overflow-y: auto;
}

.switch-input:checked~.switch-toggle-slider {
    background: #696cff;
    color: #fff;
    box-shadow: 0 2px 6px 0 rgba(105,108,255,.3)
}

.switch-primary.switch .switch-input:checked~.switch-toggle-slider {
    background: #696cff;
    color: #fff;
    box-shadow: 0 2px 6px 0 rgba(105,108,255,.3)
}

minidenticon-svg > svg {
    width: 32px;
    height: 32px;
}

.toast-ex {
    right: 1rem!important;
    width: 550px;
}

.nav-align-top>.tab-content,.nav-align-right>.tab-content,.nav-align-bottom>.tab-content,.nav-align-left>.tab-content {
    flex-shrink: 1;
    border: none;
    box-shadow: none;
    background-clip: padding-box;
    background: #fff
}

#loading {
    min-height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    top: auto;
}

#loading > div {
    position: absolute;
    top: 50%;
    left: 50%;
}

.nav .nav-item,.nav .nav-link,.tab-pane,.tab-pane .card-body {
    outline: none !important
}

.nav {
    flex-wrap: inherit
}

.nav.nav-pills:not(.nav-align-right):not(.nav-align-left) {
    flex-wrap: wrap
}

.nav .nav-item {
    white-space: nowrap
}

.nav .nav-tabs {
    background-color: #fff
}

.nav-tabs-shadow {
    box-shadow: 0 .1875rem .5rem 0 rgba(34,48,62,.1)
}

.nav-tabs:not(.flex-column),.nav-tabs.flex-column.flex-md-row,.nav-pills:not(.flex-column),.nav-pills.flex-column.flex-md-row {
    row-gap: 8px
}

@media(max-width: 767.98px) {
    .nav-tabs.flex-column,.nav-pills.flex-column {
        row-gap:4px
    }
}

.nav-tabs .nav-link,.nav-pills .nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize
}

.nav-tabs .nav-link.active,.nav-pills .nav-link.active {
    background-color: rgba(0,0,0,0)
}

.nav-tabs:not(.nav-fill):not(.nav-justified) .nav-link,.nav-pills:not(.nav-fill):not(.nav-justified) .nav-link {
    width: 100%
}

.tab-content:not(.doc-example-content) {
    padding: 1.5rem
}

.tab-content:not(.doc-example-content) .tab-pane {
    opacity: 0;
    transition: all linear .1s
}

html:not([dir=rtl]) .tab-content:not(.doc-example-content) .tab-pane {
    transform: translateX(-30px)
}

[dir=rtl] .tab-content:not(.doc-example-content) .tab-pane {
    transform: translateX(30px)
}

.tab-content:not(.doc-example-content) .tab-pane.show {
    opacity: 1;
    transform: unset !important;
    transition: all ease-out .2s .1s
}

.nav-scrollable {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    width: 100%;
    overflow-y: auto;
    flex-wrap: nowrap
}

.nav-tabs {
    position: relative
}

.nav-tabs .tab-slider {
    height: 2px;
    position: absolute
}

.nav-align-left .nav-tabs .tab-slider,.nav-align-right .nav-tabs .tab-slider {
    width: 2px !important
}

.nav-tabs .nav-link {
    background-clip: padding-box;
    border-radius: 0
}

.nav-pills .nav-link {
    padding: .5435rem 1.375rem
}

.nav-pills .nav-item .nav-link:not(.active):hover {
    border-bottom: none;
    padding-bottom: .5435rem;
    background-color: #fff!important;
}

.nav-tabs .nav-item .nav-link:not(.active) {
    background-color: #fff!important;
}

.nav-pills~.tab-content {
    box-shadow: 0 .1875rem .5rem 0 rgba(34,48,62,.1)
}

.nav-sm>.nav .nav-link,.nav-sm.nav .nav-link {
    padding: .3125rem .875rem;
    font-size: .8125rem;
    line-height: 1.125
}

.nav-lg>.nav .nav-link,.nav-lg.nav .nav-link {
    padding: .875rem 1.3125rem;
    font-size: 1.0625rem;
    line-height: 1.625
}

.nav-align-top,.nav-align-right,.nav-align-bottom,.nav-align-left {
    display: flex
}

.nav-align-top .nav-tabs,.nav-align-right .nav-tabs,.nav-align-bottom .nav-tabs,.nav-align-left .nav-tabs {
    background: #fff
}

.nav-align-top>.nav,.nav-align-top>div>.nav,.nav-align-right>.nav,.nav-align-right>div>.nav,.nav-align-bottom>.nav,.nav-align-bottom>div>.nav,.nav-align-left>.nav,.nav-align-left>div>.nav {
    z-index: 1;
    position: relative
}

.nav-align-top:has(.nav-tabs),.nav-align-right:has(.nav-tabs),.nav-align-bottom:has(.nav-tabs),.nav-align-left:has(.nav-tabs) {
    border-radius: .375rem !important
}

.nav-align-top .row-bordered>[class^=col-]::before,.nav-align-top .row-bordered>[class^=col-]::after,.nav-align-top .row-bordered>[class*=" col-"]::before,.nav-align-top .row-bordered>[class*=" col-"]::after,.nav-align-top .row-bordered>[class^="col "]::before,.nav-align-top .row-bordered>[class^="col "]::after,.nav-align-top .row-bordered>[class*=" col "]::before,.nav-align-top .row-bordered>[class*=" col "]::after,.nav-align-top .row-bordered>[class$=" col"]::before,.nav-align-top .row-bordered>[class$=" col"]::after,.nav-align-top .row-bordered>[class=col]::before,.nav-align-top .row-bordered>[class=col]::after,.nav-align-right .row-bordered>[class^=col-]::before,.nav-align-right .row-bordered>[class^=col-]::after,.nav-align-right .row-bordered>[class*=" col-"]::before,.nav-align-right .row-bordered>[class*=" col-"]::after,.nav-align-right .row-bordered>[class^="col "]::before,.nav-align-right .row-bordered>[class^="col "]::after,.nav-align-right .row-bordered>[class*=" col "]::before,.nav-align-right .row-bordered>[class*=" col "]::after,.nav-align-right .row-bordered>[class$=" col"]::before,.nav-align-right .row-bordered>[class$=" col"]::after,.nav-align-right .row-bordered>[class=col]::before,.nav-align-right .row-bordered>[class=col]::after,.nav-align-bottom .row-bordered>[class^=col-]::before,.nav-align-bottom .row-bordered>[class^=col-]::after,.nav-align-bottom .row-bordered>[class*=" col-"]::before,.nav-align-bottom .row-bordered>[class*=" col-"]::after,.nav-align-bottom .row-bordered>[class^="col "]::before,.nav-align-bottom .row-bordered>[class^="col "]::after,.nav-align-bottom .row-bordered>[class*=" col "]::before,.nav-align-bottom .row-bordered>[class*=" col "]::after,.nav-align-bottom .row-bordered>[class$=" col"]::before,.nav-align-bottom .row-bordered>[class$=" col"]::after,.nav-align-bottom .row-bordered>[class=col]::before,.nav-align-bottom .row-bordered>[class=col]::after,.nav-align-left .row-bordered>[class^=col-]::before,.nav-align-left .row-bordered>[class^=col-]::after,.nav-align-left .row-bordered>[class*=" col-"]::before,.nav-align-left .row-bordered>[class*=" col-"]::after,.nav-align-left .row-bordered>[class^="col "]::before,.nav-align-left .row-bordered>[class^="col "]::after,.nav-align-left .row-bordered>[class*=" col "]::before,.nav-align-left .row-bordered>[class*=" col "]::after,.nav-align-left .row-bordered>[class$=" col"]::before,.nav-align-left .row-bordered>[class$=" col"]::after,.nav-align-left .row-bordered>[class=col]::before,.nav-align-left .row-bordered>[class=col]::after {
    border-color: #e4e6e8
}

.nav-align-right,.nav-align-left {
    align-items: stretch
}

.nav-align-right>.nav,.nav-align-right>div>.nav,.nav-align-left>.nav,.nav-align-left>div>.nav {
    flex-grow: 0;
    flex-direction: column;
    border-bottom-width: 0
}

.nav-align-right>.nav.nav-pills .nav-item:not(:last-child),.nav-align-right>div>.nav.nav-pills .nav-item:not(:last-child),.nav-align-left>.nav.nav-pills .nav-item:not(:last-child),.nav-align-left>div>.nav.nav-pills .nav-item:not(:last-child) {
    margin: 0 0 .25rem 0 !important
}

.nav-align-right>.tab-content,.nav-align-left>.tab-content {
    flex-grow: 1
}

.nav-align-right>.tab-content .tab-pane,.nav-align-left>.tab-content .tab-pane {
    transform: translateY(-30px)
}

.nav-align-right>.tab-content .tab-pane.show,.nav-align-left>.tab-content .tab-pane.show {
    transform: translateY(0px)
}

.nav-align-top {
    flex-direction: column
}

.nav-align-top .tab-content {
    border-bottom-right-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.nav-align-top .nav-tabs {
    border-bottom: 1px solid #e4e6e8;
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.nav-align-top .nav-tabs .nav-link:not(.active):hover {
    border-bottom: 2px solid rgba(105,108,255,.16) !important;
    padding-bottom: .4185rem
}

.nav-align-top .nav-tabs.nav-lg .nav-link:not(.active):hover {
    padding-bottom: .75rem
}

.nav-align-top .nav-tabs.nav-sm .nav-link:not(.active):hover {
    padding-bottom: .1875rem
}

.nav-align-top .nav-pills~.tab-content {
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

html:not([dir=rtl]) .nav-align-top>.tab-content .tab-pane,html:not([dir=rtl]) .nav-align-bottom>.tab-content .tab-pane {
    transform: translateX(-30px)
}

[dir=rtl] .nav-align-top>.tab-content .tab-pane,[dir=rtl] .nav-align-bottom>.tab-content .tab-pane {
    transform: translateX(30px)
}

.nav-align-top>.tab-content .tab-pane.show,.nav-align-bottom>.tab-content .tab-pane.show {
    transform: translateX(0px) !important
}

html:not([dir=rtl]) .nav-align-top>.nav.nav-pills .nav-item:not(:last-child),html:not([dir=rtl]) .nav-align-bottom>.nav.nav-pills .nav-item:not(:last-child) {
    margin-right: .25rem
}

[dir=rtl] .nav-align-top>.nav.nav-pills .nav-item:not(:last-child),[dir=rtl] .nav-align-bottom>.nav.nav-pills .nav-item:not(:last-child) {
    margin-left: .25rem
}

.nav-align-right {
    flex-direction: row-reverse
}

.nav-align-right .tab-content {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.nav-align-right .nav-tabs {
    border-left: 1px solid #e4e6e8;
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem;
    position: relative
}

html:not([dir=rtl]) .nav-align-right .nav-tabs .tab-slider {
    left: 0
}

[dir=rtl] .nav-align-right .nav-tabs .tab-slider {
    right: 0
}

html:not([dir=rtl]) .card .nav-align-right .nav-tabs~.tab-content {
    border-right: 0 solid #e4e6e8
}

[dir=rtl] .card .nav-align-right .nav-tabs~.tab-content {
    border-left: 0 solid #e4e6e8
}

html:not([dir=rtl]) .nav-align-right .nav-tabs .nav-link:not(.active):hover {
    border-left: 2px solid rgba(105,108,255,.16) !important;
    padding-left: 1.25rem
}

[dir=rtl] .nav-align-right .nav-tabs .nav-link:not(.active):hover {
    border-right: 2px solid rgba(105,108,255,.16) !important;
    padding-right: 1.25rem
}

.nav-align-right>.nav .nav-item,.nav-align-right>div>.nav .nav-item {
    margin-left: 0
}

[dir=rtl] .nav-align-right>.nav .nav-item,[dir=rtl] .nav-align-right>div>.nav .nav-item {
    margin-left: 0;
    margin-right: 0
}

.nav-align-right .nav-link {
    text-align: right;
    justify-content: end
}

.nav-align-right .nav-pills~.tab-content {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.nav-align-bottom {
    flex-direction: column-reverse
}

.nav-align-bottom .tab-content {
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.nav-align-bottom>.nav .nav-item,.nav-align-bottom>div>.nav .nav-item {
    margin-bottom: 0;
    margin-top: 0
}

.nav-align-bottom>.nav,.nav-align-bottom>div>.nav {
    border-bottom-width: 0;
    border-top: 0 solid #e4e6e8
}

.nav-align-bottom .nav-tabs {
    border-top: 1px solid #e4e6e8;
    border-bottom-right-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.nav-align-bottom .nav-tabs .tab-slider {
    bottom: inherit !important
}

.nav-align-bottom .nav-tabs .nav-link:not(.active):hover {
    border-top: 2px solid rgba(105,108,255,.16) !important;
    padding-top: .4185rem
}

.nav-align-bottom .nav-pills~.tab-content {
    border-bottom-right-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.nav-align-left .tab-content {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.nav-align-left .nav-tabs {
    position: relative
}

html:not([dir=rtl]) .card .nav-align-left .nav-tabs~.tab-content {
    border-left: 0 solid #e4e6e8
}

[dir=rtl] .card .nav-align-left .nav-tabs~.tab-content {
    border-right: 0 solid #e4e6e8
}

html:not([dir=rtl]) .nav-align-left .nav-tabs {
    border-right: 1px solid #e4e6e8
}

html:not([dir=rtl]) .nav-align-left .nav-tabs .nav-link:not(.active):hover {
    border-right: 2px solid rgba(105,108,255,.16) !important;
    padding-right: 1.25rem
}

[dir=rtl] .nav-align-left .nav-tabs {
    border-left: 1px solid #e4e6e8
}

[dir=rtl] .nav-align-left .nav-tabs .nav-link:not(.active):hover {
    border-left: 2px solid rgba(105,108,255,.16) !important;
    padding-left: 1.25rem
}

.nav-align-left>.nav .nav-item,.nav-align-left>div>.nav .nav-item {
    margin-right: 0
}

[dir=rtl] .nav-align-left>.nav .nav-item,[dir=rtl] .nav-align-left>div>.nav .nav-item {
    margin-right: 0;
    margin-left: 0
}

.nav-align-left .nav-link {
    text-align: left;
    justify-content: start
}

.nav-align-left .nav-pills~.tab-content {
    border-top-left-radius: .375rem !important;
    border-bottom-left-radius: .375rem !important
}

.nav-align-left:has(.nav-tabs) {
    overflow: hidden
}

.nav-align-top>.tab-content,.nav-align-right>.tab-content,.nav-align-bottom>.tab-content,.nav-align-left>.tab-content {
    flex-shrink: 1;
    background-clip: padding-box;
    background: #fff
}

.card .nav-align-top>.tab-content,.card .nav-align-right>.tab-content,.card .nav-align-bottom>.tab-content,.card .nav-align-left>.tab-content {
    background: rgba(0,0,0,0)
}

.card .tab-content {
    box-shadow: none !important
}

[dir=rtl] .nav {
    padding-right: 0
}

[dir=rtl] .nav-align-left .nav-link {
    text-align: right
}

[dir=rtl] .nav-align-right .nav-link {
    text-align: left
}

.nav-tabs .nav-link.active,.nav-tabs .nav-link.active:hover,.nav-tabs .nav-link.active:focus,.nav-tabs .nav-link.active,.nav-tabs .nav-link.active:hover,.nav-tabs .nav-link.active:focus {
    box-shadow: 0 -2px 0 #696cff inset
}

.nav-align-bottom .nav-tabs .nav-link.active,.nav-align-bottom .nav-tabs .nav-link.active:hover,.nav-align-bottom .nav-tabs .nav-link.active:focus,.nav-align-bottom .nav-tabs .nav-link.active,.nav-align-bottom .nav-tabs .nav-link.active:hover,.nav-align-bottom .nav-tabs .nav-link.active:focus {
    box-shadow: 0 2px 0 #696cff inset
}

.nav-align-left .nav-tabs .nav-link.active,.nav-align-left .nav-tabs .nav-link.active:hover,.nav-align-left .nav-tabs .nav-link.active:focus,.nav-align-left .nav-tabs .nav-link.active,.nav-align-left .nav-tabs .nav-link.active:hover,.nav-align-left .nav-tabs .nav-link.active:focus {
    box-shadow: -2px 0px 0 #696cff inset
}

.nav-align-right .nav-tabs .nav-link.active,.nav-align-right .nav-tabs .nav-link.active:hover,.nav-align-right .nav-tabs .nav-link.active:focus,.nav-align-right .nav-tabs .nav-link.active,.nav-align-right .nav-tabs .nav-link.active:hover,.nav-align-right .nav-tabs .nav-link.active:focus {
    box-shadow: 2px 0px 0 #696cff inset
}

[dir=rtl] .nav-align-left .nav-tabs .nav-link.active,[dir=rtl] .nav-align-left .nav-tabs .nav-link.active:hover,[dir=rtl] .nav-align-left .nav-tabs .nav-link.active:focus,[dir=rtl] .nav-align-left .nav-tabs .nav-link.active,[dir=rtl] .nav-align-left .nav-tabs .nav-link.active:hover,[dir=rtl] .nav-align-left .nav-tabs .nav-link.active:focus {
    box-shadow: 2px 0px 0 #696cff inset
}

[dir=rtl] .nav-align-right .nav-tabs .nav-link.active,[dir=rtl] .nav-align-right .nav-tabs .nav-link.active:hover,[dir=rtl] .nav-align-right .nav-tabs .nav-link.active:focus,[dir=rtl] .nav-align-right .nav-tabs .nav-link.active,[dir=rtl] .nav-align-right .nav-tabs .nav-link.active:hover,[dir=rtl] .nav-align-right .nav-tabs .nav-link.active:focus {
    box-shadow: -2px 0px 0 #696cff inset
}