/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : May 23, 2022, 3:15:49 PM
    Author     : bob
*/

/* Font */
/* Open Sans */
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,800;1,300;1,400&display=swap');*/

/* General */
body {
    font-family: 'Arial', sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
}

/* html header fixed and footer absolute bottom */
html {
    min-height: 100%;
    /* min-height 100% so footer would be always on bottom */
    position: relative;
    padding-top: 5rem;
    padding-bottom: 6.25rem;
}

.footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

/* Main container */
.main-container {
    padding: 4rem 0;
}

/* Breadcrumb */
.breadcrumb-section {
    padding: 1rem 0;
}

.breadcrumb-custom {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0;
}

.breadcrumb-item {
    display: inline-flex;
    align-items: center;
    height: 35px;
}

.breadcrumb-item+.breadcrumb-item::before {
    position: relative;
    top: 3px;
    width: 23px;
    height: auto;
    flex-shrink: 0;
}

.breadcrumb-section .btn-breadcrumb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0;
    width: 35px;
    height: 35px;
    margin-right: 0.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.breadcrumb-section .btn-breadcrumb svg {
    width: 20px;
    height: auto;
}

/* Headers */
h1 {
    font-size: 1.875rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

/* Focus disable dotted box on focus */
a:focus,
button:focus,
.btn:focus,
.form-control:focus,
.form-check-input:focus,
.form-select:focus {
    outline: none !important;
    box-shadow: none !important;
}

a.disabled,
a:disabled,
.btn.disabled,
.btn:disabled {
    pointer-events: unset;
    cursor: not-allowed;
}

a.disabled:hover,
a:disabled:hover,
.btn.disabled:hover,
.btn:disabled:hover {
    text-decoration: none !important;
}

.visibility-hidden {
    visibility: hidden;
}

strong {
    font-weight: 600;
}

/* a */
a {
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: underline;
}

a.btn:hover,
a.btn:focus {
    text-decoration: none;
}

/* Image */
img {
    max-width: 100%;
    height: auto;
}

/* Media */
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.media .media-image {
    display: flex;
    margin-right: 10px;
}

.media .media-body {
    -ms-flex: 1;
    flex: 1;
}

/* Hover opacity 0.8 */
.btn:hover,
.btn-close:hover,
.desktop-table .table-footer .table-footer-holder.content-center .table-footer-pagination a:not(.disabled):hover,
.custom-pagination .custom-pagination-holder.content-center .custom-pagination-pagination a:not(.disabled):hover,
.lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination .icon-holder a:not(.disabled):hover,
.day-preview .day-preview-content ul li a:hover {
    opacity: 0.8;
}

/* Buttons */
.btn {
    font-size: 0.875rem;
    font-weight: 500;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    background-image: none;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-close svg {
    width: 12px;
    height: auto;
}

/* Btn pill */
.btn-pill-blue-45,
.btn-pill-gray-45,
.btn-pill-white-45 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    padding: 0 2rem;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.btn-pill-white-45 svg {
    width: auto;
    height: 20px;
    margin-right: 5px;
}

.btn-pill-blue-30,
.btn-pill-white-30,
.btn-pill-gray-30,
.btn-pill-outline-blue-30 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 2rem;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

/* Btn square */
.btn-square-blue-45,
.btn-square-gray-45 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    padding: 0 2rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


/* Dropdown */
.dropdown-toggle-no-caret:after {
    display: none;
}

.dropdown-toggle {
    position: relative;
}

.dropdown-toggle svg {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 10px;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.dropdown-toggle.show svg {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.dropdown-toggle.no-transform svg {
    position: relative;
    right: auto;
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.dropdown-toggle.no-transform.show svg {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.dropdown-toggle .icon-holder {
    position: relative;
    display: flex;
    align-items: center;
    height: 50px;
    margin-right: 15px;
}

.dropdown-toggle .icon-holder svg {
    position: relative;
    top: 0;
    right: 0;
    width: 20px;
    height: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.dropdown-menu {
    font-size: 0.875rem;
    border: 0 none;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.dropdown-menu.multilevel-menu .btn-close {
    width: 30px;
    height: 30px;
}

.dropdown-menu.multilevel-menu .btn-close svg {
    width: 10px;
    height: auto;
}

.dropdown-menu.multilevel-menu li {
    position: relative;
}

.dropdown-menu.multilevel-menu .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -8px;

}

.dropdown-menu.multilevel-menu .submenu.left {
    right: 100%;
    left: auto;
}

.dropdown-menu.multilevel-menu li.dropdown>a {
    padding-right: 25px;
}

.dropdown-menu.multilevel-menu li.dropdown>a::after {
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 16px;
    height: 16px;
}

.dropdown-menu.multilevel-menu li.dropdown:hover>.submenu {
    display: block;
}

.dropdown-menu.dropdown-lg {
    min-width: 16.25rem;
    max-width: 16.25rem;
}

.dropdown-menu.dropdown-xl {
    min-width: 21rem;
    max-width: 21rem;
}

.dropdown-item {
    padding: .625rem 1rem;
    white-space: normal;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.dropdown-item:hover,
.dropdown-item:focus {
    text-decoration: none;
}

.dropdown-item.active {
    font-weight: 600;
}

.dropdown-divider {
    opacity: 1;
}

.dropdown-custom .dropdown-content {
    padding: 0 1rem;
}

.dropdown-custom h6 {
    padding: 0 1rem;
}

.dropdown-custom .dropdown-header {
    display: flex;
    justify-content: flex-start;
    padding: .625rem 1rem;
    align-items: center;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.dropdown-custom .dropdown-header:hover,
.dropdown-custom .dropdown-header:focus {
    text-decoration: none;
}

.dropdown-custom .dropdown-header svg {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

.dropdown-custom .dropdown-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.dropdown-custom .dropdown-item svg {
    flex-shrink: 0;
    width: auto;
    height: 20px;
    margin-right: 10px;
}

.dropdown-custom .dropdown-item.logout {
    font-weight: 600;
}

.dropdown-custom .dropdown-item.top-lista {
    font-weight: 600;
}

/* Form */

/* Remove Arrows/Spinners */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.form-group {
    margin-bottom: 30px;
}

.form-group label {
    font-weight: 600;
    padding-left: 0.75em;
    margin-bottom: 0.25rem;
}

.form-control {
    font-size: 0.875rem;
    height: 3.125rem;
}

.form-group .form-control {
    height: 45px;
}

.form-control::placeholder {
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    opacity: 1;
    cursor: not-allowed;
}

form .select-fields {
    margin-bottom: 30px;
}

form .select-fields .form-group {
    margin-bottom: 0;
}

textarea.form-control.height-10 {
    min-height: calc(10em + (.75rem + 2px));
}

.input-with-left-icon {
    position: relative;
}

.input-with-left-icon input {
    padding-left: 40px;
}

.input-with-left-icon svg {
    width: 20px;
    height: auto;
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}

/* Select */
.form-select {
    height: 45px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
}

.form-select.multiple {
    height: auto;
}

.form-select:focus {
    box-shadow: none;
}

.form-select.select-pill {
    padding: .375rem 2.25rem .375rem 1.2rem;
    -moz-padding-start: calc(1.2rem - 3px);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

/* Form check */
.check-holder {
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    padding: .375rem .75rem .375rem .75rem;
    max-height: 150px;
    overflow-y: auto;
}

.check-holder .form-check:last-child {
    margin-bottom: 0;
}

.form-check {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.form-check label {
    cursor: pointer;
    font-weight: 500;
    margin-bottom: 0;
    padding-left: 0;
}

.form-check label a {
    font-weight: 600;
}

.form-check .form-check-input {
    flex-shrink: 0;
    width: 1.25em;
    height: 1.25em;
    margin-top: 0;
    margin-right: 0.5rem;
    cursor: pointer;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    cursor: not-allowed;
}

.form-check.form-check-inline {
    display: inline-flex;
}

/* Form title */
.form-title {
    font-size: 1rem;
    font-weight: 600;
    padding-bottom: 0.5rem;
    margin-top: 30px;
}

.password-change {
    margin-top: 3rem;
}

/* Quiz form */
.quiz-form .form-group .quiz-question {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0.5rem;
}

.quiz-form .form-group .quiz-question .question-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.quiz-form .question-indicator {
    position: absolute;
    top: 0;
    left: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.quiz-form .question-indicator svg {
    width: 1.25rem;
    height: auto;
}

.quiz-form .form-group .form-check-holder {
    position: relative;
    padding-left: 60px;
}

.quiz-form .form-group .form-check .form-check-input {
    width: 2em;
    height: 2em;
}

.quiz-form .form-group .form-check .form-check-label {
    font-size: 1rem;
    line-height: 1;
}

.quiz-form .form-group p.correct-answer {
    font-size: 1rem;
}

.quiz-form .button-holder {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 3rem;
}

.quiz-form .button-holder .btn:not(:last-child) {
    margin-right: 1rem;
}

/* Badges */
.badge {
    padding: 0.25em 0.5em;
}

.badge.badge-notification {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 100%;
    width: 20px;
    height: 20px;
    padding: 0;
    font-size: .875em;
    line-height: unset;
    z-index: 1;
    -webkit-transform: translate(-50%, -25%);
    -moz-transform: translate(-50%, -25%);
    -ms-transform: translate(-50%, -25%);
    -o-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%);
}

.badge.badge-notification-dot {
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    padding: 0;
    z-index: 1;
    -webkit-transform: translate(50%, 50%);
    -moz-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    -o-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.autocomplete {
    position: absolute;
    top: 100%;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    border: 0 none;
    padding: 12px 20px;
    font-size: 14px;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.desktop-search-header {
    display: flex;
    flex-basis: 100%;
}

.desktop-search-col {
    display: flex;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
    flex-wrap: wrap;
    margin-right: 2%;
}

.search-results-holder {
    display: flex;
    align-items: flex-start;
    flex-basis: 100%;
    max-height: 20rem;
    overflow-x: hidden;
}

.search-col {
    display: flex;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
    flex-wrap: wrap;
    margin-right: 2%;
}

.desktop-search-col h3,
.search-col h3 {
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.search-col h4 {
    font-size: 0.875rem;
    font-weight: 600;
    padding-bottom: 0.5rem;
}

.search-col h4:not(:first-of-type) {
    margin-top: 1rem;
}

.search-col h5 {
    font-size: 0.875rem;
}

.search-col .media {
    margin-bottom: 10px;
    align-items: flex-start;
    flex-basis: 100%;
}

.search-col .media-image img {
    max-width: 75px;
}

.search-col .media-image svg {
    width: 20px;
    height: auto;
}

.search-col .media-image i {
    font-size: 20px;
    margin-top: 3px;
}

.search-col .media-heading {
    margin-bottom: 0;
}

.search-col .ellipsis {
    min-width: 0;
    flex-basis: 100%;
    display: flex;
}

.search-col .ellipsis a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* Header */
.header-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1020;
}

.header {
    display: flex;
    align-items: center;
    height: 5rem;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.header .col-logo,
.header .col-categories,
.header .col-header-options {
    display: flex;
    align-items: center;
}

.header .col-logo {
    position: relative;
}

.show-change-logo .header .col-logo .change-logo {
    opacity: 1;
    visibility: visible;
}

.header .logo img {
    height: 50px;
    width: auto;
}

.header .menu-button .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 0 30px 0 20px;
    margin: 0;
    font-weight: 600;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.header .menu-button .category-icon {
    display: none;
}

.header .col-header-options .btn-icon {
    width: 30px;
    padding: 0;
    margin-right: 15px;
}

.header .col-header-options .btn-icon-dropdown {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 50px;
    padding: 0;
}

.header .col-header-options .btn-icon-dropdown svg {
    right: unset;
}

.header .col-header-center .header-center-holder {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header .col-header-center .header-center-holder .search-box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    max-width: 45rem;
}

.header .col-header-center .header-center-holder .search-box .input-group .form-control.input-with-icon {
    padding: .375rem .75rem .375rem 2.5rem;
}

.header .col-header-center .header-center-holder .search-box .input-group .select-holder,
.header .col-header-center .header-center-holder .search-box .input-group .button-holder {
    position: relative;
}

.header .col-header-center .header-center-holder .search-box .input-group .select-holder:before,
.header .col-header-center .header-center-holder .search-box .input-group .button-holder:before {
    content: "";
    height: 30px;
    width: 1px;
    position: absolute;
    top: 50%;
    left: 1px;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header .col-header-center .header-center-holder .search-box .input-group .select-holder .form-select {
    max-width: 130px;
    min-width: 130px;
    border: 0 none;
    height: 50px;
    padding: .375rem 2.25rem .375rem 1rem;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: .25rem;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: .25rem;
    border-top-left-radius: 0;
    border-top-right-radius: .25rem;
    -webkit-border-bottom-right-radius: .25rem;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: .25rem;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: 0;
}

.header .col-header-center .header-center-holder .search-box .input-group .button-holder {
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: .25rem;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: .25rem;
    border-top-left-radius: 0;
    border-top-right-radius: .25rem;
    -webkit-border-bottom-right-radius: .25rem;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: .25rem;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: 0;
}

.header .col-header-center .header-center-holder .search-box .input-group .button-holder .btn {
    border: 0 none;
    height: 50px;
    font-size: 0.875rem;
    padding: .375rem 1rem .375rem 1rem;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: .25rem;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: .25rem;
    border-top-left-radius: 0;
    border-top-right-radius: .25rem;
    -webkit-border-bottom-right-radius: .25rem;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: .25rem;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: 0;
}

/* Header Not Logged In */
.header-not-logged-in {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 30px 15px 0 15px;
}

.header-not-logged-in .logo {
    height: 45px;
    width: auto;
}

.header-not-logged-in .header-not-logged-in-options {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.header-not-logged-in .header-not-logged-in-options .btn-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    padding: 0 2rem;
    margin-right: 2rem;
    text-decoration: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.header-not-logged-in .header-not-logged-in-options .btn-link:hover {
    text-decoration: underline;
}

/* Search */
.search-box svg.search-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}

.search-box .form-control {
    border: 0 none;
}

/* header-options */
.col-header-options .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 0 20px;
    margin: 0;
}

.col-header-options .btn.my-team {
    padding: 0 30px 0 20px;
    margin-right: 10px;
    font-weight: 600;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.col-header-options .btn-user .media-image {
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.col-header-options .btn-user img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.col-header-options .btn-user svg {
    width: 25px;
    height: 25px;
}

.col-header-options .btn-icon svg {
    width: 25px;
    height: 25px;
}

.col-header-options .btn-user .truncate p {
    margin: 0;
}

.col-header-options .btn-icon .badge.badge-notification-dot {
    top: 3px;
}

.col-header-options .btn-icon .badge.badge-notification-dot:empty {
    display: block;
}

.col-header-options .btn-icon-dropdown svg {
    width: 10px;
    height: 10px;
}

.col-header-options .dropdown-cart .dropdown-content {
    max-height: 18.5rem;
    overflow-y: auto;
}

.col-header-options .dropdown-notification .dropdown-content {
    max-height: 26rem;
    overflow-y: auto;
}

.col-header-options .dropdown-cart .media,
.col-header-options .dropdown-notification .media {
    align-items: flex-start;
}

.col-header-options .dropdown-cart .media-image,
.col-header-options .dropdown-notification .media-image {
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.col-header-options .dropdown-cart .media-image svg,
.col-header-options .dropdown-notification .media-image svg {
    width: 30px;
    height: 30px;
}

.col-header-options .dropdown-notification .media-image img {
    margin-top: 5px;
    width: auto;
    height: 35px;
}

.col-header-options .dropdown-cart .media-body h3,
.col-header-options .dropdown-notification .media-body h3 {
    font-size: 1rem;
}

.col-header-options .dropdown-cart .media-body time,
.col-header-options .dropdown-notification .media-body time {
    display: block;
    margin-bottom: .5rem;
}

.col-header-options .dropdown-cart .media-body p,
.col-header-options .dropdown-notification .media-body p {
    margin-bottom: 0;
}

.col-header-options .dropdown-cart .button-holder,
.col-header-options .dropdown-notification .button-holder {
    padding: 1rem 1rem 0.5rem 1rem;
}

.col-header-options .dropdown-cart .button-holder .btn,
.col-header-options .dropdown-notification .button-holder .btn {
    height: 45px;
}

.col-header-options .dropdown-cart .cart-total {
    padding: .625rem 1rem;
    font-size: 1rem;
    font-weight: 600;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.col-header-options .dropdown-cart .button-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.col-header-options .dropdown-cart .button-holder p {
    width: 100%;
}

.col-header-options .dropdown-cart .button-holder .btn {
    display: inline-flex;
    width: 45%;
}

/* Toast */
.toast-container {
    position: fixed;
    padding: 0 12px;
    top: 7.188rem;
    left: 50%;
    z-index: 1020;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.toast:not(.showing):not(.show) {
    opacity: 0;
    visibility: hidden;
}

.toast {
    position: relative;
    border: 0 none;
    padding: 10px 80px 10px 0;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    opacity: 1;
    visibility: visible;
}

.toast .toast-body {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-basis: 100%;
    padding: 12px 15px;
}

.toast .toast-content {
    display: flex;
    flex-wrap: wrap;
    padding-left: 55px;
}

.toast .toast-border {
    width: 6px;
    min-width: 6px;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.toast .toast-icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.toast .toast-icon svg {
    width: auto;
    height: 20px;
}

.toast h3 {
    width: 100%;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
}

.toast p {
    width: 100%;
    margin-bottom: 0;
}

.toast a {
    font-weight: 600;
}

.toast ul {
    padding-left: 0;
    margin-bottom: 0;
}

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

.toast .btn-close {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    text-transform: uppercase;
    z-index: 2;
    box-sizing: border-box;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    border: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* Modal */
.custom-modal .modal-content {
    border: 0 none;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.custom-modal .modal-header {
    justify-content: flex-start;
    border-bottom: 0 none;
    padding: 1.25rem 5rem 1.25rem 1.25rem;
}

.custom-modal .modal-header .btn-close {
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 0;
}

.custom-modal .modal-icon-holder {
    margin-right: 20px;
}

.custom-modal .modal-icon-holder svg {
    width: 70px;
    height: auto;
}

.custom-modal .modal-header-content h5 {
    font-size: 1.25rem;
    font-weight: 600;
}

.custom-modal .modal-body {
    padding: 1.25rem;
}

.custom-modal .modal-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-top: 0 none;
    padding: 0.625rem 1.25rem 1.25rem 1.25rem;
}

.custom-modal .modal-footer .btn {
    padding: 0 1rem;
    margin: 0;
}

.custom-modal .modal-footer .btn:not(:last-child) {
    margin-right: 15px;
}

/* Banner */
.top-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
}

.top-banner h1 {
    font-size: 2.5rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
}

/* Section */
.page-section:not(:first-of-type) {
    margin-top: 4rem;
}

/* Section title */
.section-title {
    margin-bottom: 3rem;
}

.section-title h2 span {
    display: inline-block;
    padding: 0 1rem 0.5rem 1rem;
}

.section-title h2 {
    position: relative;
    font-size: 2.5rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0.5rem;
}

.section-title p {
    text-align: center;
    margin-bottom: 0;
}

.section-title .button-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
}

/* Tabs */
.nav-pills.style-1 {
    justify-content: center;
    padding: 0.625rem;
    margin-bottom: 1.5rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    border-radius: .625rem;
}

.nav-pills.style-1 .nav-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 152px;
    height: 45px;
    text-transform: uppercase;
    padding: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.nav-pills.style-1 .nav-link:not(.nav-link.active):hover {
    text-decoration: underline;
}

.nav-pills.style-1 .nav-item:not(:last-child) {
    margin-right: 1rem;
}

/* Progress bar */
.progress {
    height: 0.375rem;
}

.progress.course-bar {
    position: relative;
    overflow: visible;
}

.progress-bar {
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

/* Page filters */
.active-filters-container {
    display: flex;
    padding: 0 32px;
}

.active-filters-slider-container {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    padding: 0;
}

.active-filters-slider {
    position: relative;
}

.active-filters-mask {
    overflow-x: visible;
    padding: 0;
}

.active-filters-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    white-space: normal;
    width: 100%;
}

.active-filters-content .btn {
    display: flex;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 5px;
    margin-right: 20px;
    text-decoration: none;
}

.active-filters-content .btn svg {
    width: 16px;
    height: auto;
    margin-left: 5px;
}

.active-filters-content .btn:hover {
    text-decoration: underline;
}

.section-main-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}

.section-main-nav .section-nav {
    display: inline-flex;
}

/* Course item */
.course-item {
    margin-bottom: 1.5rem;
}

.course-item-box {
    position: relative;
    height: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.course-item-box .item-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.course-item-box .course-item-image-holder {
    position: relative;
}

.course-item-box .course-group {
    position: absolute;
    top: 1rem;
    left: 1.25rem;
    padding: 5px 8px;
    font-size: 0.75rem;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.course-item-box img {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.course-item-box .item-body {
    padding: 1rem 1.25rem;
}

.course-item-box p {
    margin-bottom: 5px;
}

.course-item-box .course-data {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.course-item-box .last-change,
.course-item-box .course-opened {
    display: flex;
    align-items: center;
}

.course-item-box .last-change time {
    font-weight: 600;
    margin-left: 5px;
}

.course-item-box .course-opened strong {
    margin-left: 5px;
}

.course-item-box .last-change svg,
.course-item-box .course-opened svg {
    width: 20px;
    height: auto;
}

.course-item-box h2 {
    font-size: 1rem;
    font-weight: 600;
    height: 40px;
    overflow: hidden;
}

.course-item-box .progress.course-bar {
    margin-top: 20px;
    margin-bottom: 10px;
    max-width: calc(100% - 45px);
}

.course-bar .course-progress-total {
    position: absolute;
    left: 100%;
    width: 55px;
    text-align: right;
    font-size: 1rem;
    line-height: 1;
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    transform: translateY(-40%);
}

.course-item-box .course-bar .course-progress-total {
    font-size: 0.875rem;
    width: 45px;
}

.course-item-box .course-status {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-top: 1rem;
    margin-top: 1.5rem;
}

.course-item-box .course-info {
    display: flex;
    justify-content: space-between;
    flex-basis: 100%;
}

.course-item-box .course-count {
    padding-left: 0;
    margin-right: 15px;
}

.course-status .course-count,
.course-status .course-medal {
    display: flex;
    align-items: center;
}

.course-item-box .course-count svg,
.course-status .course-medal svg {
    width: 20px;
    margin-right: 5px;
}

.course-item-box .course-count i,
.course-status .course-medal i {
    font-size: 1rem;
    margin-right: 5px;
}

.course-status .course-count strong,
.course-status .course-medal strong {
    margin-left: 5px;
}

/* Document item */
.document-list-item {
    position: relative;
    padding: 15px 80px 15px 80px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.document-list-item:not(:last-child) {
    margin-bottom: 20px;
}

.document-list-item .item-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.document-list-item>svg {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.document-list-item:hover>svg {
    right: 15px;
}

.document-list-item .item-icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.document-list-item .item-icon svg {
    width: 30px;
    height: auto;
}

.document-list-item .item-data {
    display: flex;
    align-items: center;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

.document-list-item .item-data div {
    padding: 0.5rem 0.5rem;
}

.document-list-item .item-data div:not(:last-child) {
    margin-right: 1rem;
}

.document-list-item .item-data time {
    font-weight: 600;
}

.document-list-item .item-content h3 {
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 500;
}

.document-list-item .item-content p {
    font-size: 0.75rem;
    margin-bottom: 0;
}

/* feature-category-item */
.feature-category-item {
    position: relative;
    margin-bottom: 1.5rem;
}

.feature-category-item .item-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.feature-category-item .feature-category-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #fff;
    color: #24292d;
    padding: 1rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    min-height: 12rem;
}

.feature-category-item .feature-category-box .content-holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.feature-category-item .feature-category-box .icon-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    margin-bottom: 1rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffffff;
    transform: scale(1, 1);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.feature-category-item .feature-category-box:hover {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.feature-category-item .feature-category-box:hover .icon-holder {
    transform: scale(1.08, 1.08);
}

.feature-category-item .feature-category-box.blue .icon-holder {
    border: 3px solid #00529f;
}

.feature-category-item .feature-category-box.blue svg {
    color: #00529f;
}

.feature-category-item .feature-category-box.light-blue .icon-holder {
    border: 3px solid #0092d0;
}

.feature-category-item .feature-category-box.light-blue svg {
    color: #0092d0;
}

.feature-category-item .feature-category-box.yellow .icon-holder {
    border: 3px solid #ffcd05;
}

.feature-category-item .feature-category-box.yellow svg {
    color: #ffcd05;
}

.feature-category-item .feature-category-box.light-yellow .icon-holder {
    border: 3px solid #ffdd00;
}

.feature-category-item .feature-category-box.light-yellow svg {
    color: #ffdd00;
}

.feature-category-item .feature-category-box.green .icon-holder {
    border: 3px solid #79c142;
}

.feature-category-item .feature-category-box.green svg {
    color: #79c142;
}

.feature-category-item .feature-category-box.red .icon-holder {
    border: 3px solid #ed1556;
}

.feature-category-item .feature-category-box.red svg {
    color: #ed1556;
}

.feature-category-item .feature-category-box.pink .icon-holder {
    border: 3px solid #D00AF7;
}

.feature-category-item .feature-category-box.pink svg {
    color: #D00AF7;
}

.feature-category-item .feature-category-box.orange .icon-holder {
    border: 3px solid #f60;
}

.feature-category-item .feature-category-box.orange svg {
    color: #f60;
}

.feature-category-item .feature-category-box.purple .icon-holder {
    border: 3px solid #4e0e7c;
}

.feature-category-item .feature-category-box.purple svg {
    color: #4e0e7c;
}

.feature-category-item .feature-category-box svg {
    width: 45px;
    height: auto;
    color: #00529f;
}

.feature-category-item .feature-category-box .item-body {
    width: 100%;
}

.feature-category-item .feature-category-box h3 {
    font-size: 1.25rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

.feature-category-item .feature-category-box:hover h3 {}

/* QUOTE */
.quote-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 2rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.quote-holder h3 {
    font-size: 1.25rem;
    width: 100%;
    text-align: center;
}

.quote-holder p {
    margin-bottom: 0;
}

/* Calendar */
.calendar-holder {
    padding: 2rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.calendar-holder:hover {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.calendar-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

.calendar-toolbar .calendar-toolbar-options,
.calendar-toolbar .calendar-toolbar-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.calendar-toolbar .calendar-toolbar-item:not(:last-child) {
    margin-right: 1rem;
}

.calendar-toolbar .calendar-toolbar-item a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    height: 45px;
}

.calendar-toolbar .calendar-toolbar-item a svg {
    position: absolute;
    top: 50%;
    width: 1rem;
    height: auto;
    flex-shrink: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.calendar-toolbar .calendar-toolbar-item:first-child a svg {
    left: -0.3rem;
}

.calendar-toolbar .calendar-toolbar-item:last-child a svg {
    right: -0.3rem;
}

.day-preview {
    height: 100%;
    padding: 1rem 2rem 1rem 0;
}

.day-preview .day-preview-header {
    margin-bottom: 2rem;
}

.day-preview .day-preview-header h3 {
    margin-bottom: 0;
}

.day-preview .day-preview-header .clock {
    font-size: 1rem;
}

.day-preview .day-preview-content ul {
    padding: 0;
    margin: 0;
    height: 26rem;
    overflow-y: auto;
}

.day-preview .day-preview-content ul li {
    list-style: none;
}

.day-preview .day-preview-content ul li a {
    display: flex;
    align-items: flex-start;
    padding: 0.5rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.day-preview .day-preview-content ul li a:hover,
.day-preview .day-preview-content ul li a:focus {
    text-decoration: none;
}

.day-preview .day-preview-content ul li a span {
    font-size: 1rem;
}

.day-preview .day-preview-content ul li a span:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.75rem;
    margin-right: 1rem;
    height: 1.875rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.month-view-top-bar {
    display: flex;
    align-items: center;
    margin: 1rem 0;
}

.month-view-top-bar .day-of-the-week {
    width: calc(100% / 7);
    padding: 0 0.5rem;
    font-size: 1.25rem;
    font-weight: 600;
}

.month-view .week-bar {
    display: flex;
    align-items: flex-start;
}

.month-view .week-bar .calendar-day {
    width: calc(100% / 7);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.month-view .week-bar .calendar-day .btn-day {
    position: relative;
    padding: 1.625rem 0.5rem;
    width: 100%;
    height: 100%;
}

.month-view .week-bar .calendar-day .btn-day span {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
}

.month-view .week-bar .calendar-day .btn-day span.month-start {
    font-size: 0.875rem;
    position: absolute;
    top: -1rem;
    left: 0;
}

.month-view .week-bar .calendar-day .btn-day span.calendar-date {
    font-size: 2rem;
    line-height: 1;
}

.month-view .week-bar .calendar-day .btn-day span.calendar-task {
    position: absolute;
    bottom: -1.25rem;
    left: 0;
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    font-weight: 600;
    font-size: 0.75rem;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


/* List group */
.tab-pane .list-group .list-group-item,
.list-group.list-items .list-group-item {
    border: 0 none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 1.5rem;
}

.list-group .list-group-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.list-group .list-group-item time {
    display: block;
    margin-bottom: 0.5rem;
    width: 100%;
}

.list-group .list-group-item .content-left,
.list-group .list-group-item .content-right {
    display: inline-flex;
    align-items: center;
    min-height: 50px;
}

.list-group .list-group-item .content-left svg {
    flex-shrink: 0;
    width: 30px;
    height: auto;
    margin-right: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.list-group .list-group-item .content-left i {
    font-size: 30px;
    margin-right: 10px;
}

.list-group .list-group-item .content-right svg {
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

.list-group .list-group-item:hover,
.list-group .list-group-item:focus {
    text-decoration: none !important;
}

/* User item */
.user-item {
    margin-bottom: 1.5rem;
}

.user-item-box {
    position: relative;
    height: 100%;
    padding-top: 1rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.user-item-box .user-inspectorate {
    display: block;
    padding: 0 1.25rem;
    height: 40px;
    margin-bottom: 1.25rem;
}

.user-item-box .user-inspectorate h3 {
    display: flex;
    align-items: flex-start;
}

.user-item-box .user-inspectorate span {
    width: 100%;
    display: flex;
    align-items: center;
}

.user-item-box .user-inspectorate span:first-child {
    min-width: 30px;
    max-width: 30px;
}

.user-item-box time {
    display: block;
    margin-bottom: .5rem;
}

.user-item-box h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
}

.user-item-box .image-holder {
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-item-box .user-image {
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 206px;
    height: 206px;
    padding: 8px;
    margin-right: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.user-item-box img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.user-item-box .item-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.user-item-box .item-body {
    padding: 1rem 1.25rem;
}

.user-item-box .item-body ul {
    padding: 0;
    margin-bottom: 0;
}

.user-item-box .item-body ul li {
    list-style: none;
    display: flex;
    align-items: flex-start;
    padding: 5px 0;
}

.user-item-box .item-body ul li.user-function {
    height: 52px;
}

.user-item-box .item-body ul li span {
    width: 100%;
    display: flex;
    align-items: center;
    word-break: break-word;
}

.user-item-box .item-body ul li span:first-child {
    min-width: 100px;
    max-width: 100px;
}

.user-item-box .item-body .button-holder {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: .5rem;
}

/* News item */
.news-item {
    margin-bottom: 1.5rem;
}

.news-item-box {
    position: relative;
    height: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.news-item-box time {
    display: block;
    margin-bottom: .5rem;
}

.news-item-box h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
}

.news-item-box img {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.news-item-box .item-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.news-item-box .item-body {
    padding: 1rem 1.25rem;
}

/* Video item */
.video-item {
    margin-bottom: 1.5rem;
}

.video-item-box {
    position: relative;
    height: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.video-item-box time {
    display: block;
    margin-bottom: .5rem;
}

.video-item-box h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
}

.video-item-box .video-holder,
.video-item-box .video-holder .ratio,
.video-item-box .video-holder .ratio iframe {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.video-item-box .item-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.video-item-box .item-body {
    padding: 1rem 1.25rem;
}

.news-item-box,
.course-item-box,
.video-item-box,
.user-item-box {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.news-item-box:hover,
.course-item-box:hover,
.video-item-box:hover,
.user-item-box:hover {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.course-item-box .course-item-image-holder,
.news-item-box .image-holder {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.course-item-box img,
.news-item-box img,
.user-item-box .user-image {
    transform: scale(1, 1);
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.course-item-box:hover img,
.news-item-box:hover img,
.user-item-box:hover .user-image {
    transform: scale(1.05, 1.05);
}

/* Custom pagination */
.custom-pagination {
    padding: 20px 12px;
    margin-top: 40px;
}

.custom-pagination .custom-pagination-holder {
    display: flex;
    align-items: center;
}

.custom-pagination .custom-pagination-holder.content-center {
    justify-content: center;
}

.custom-pagination .custom-pagination-holder.content-center .custom-pagination-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
}

.custom-pagination .custom-pagination-holder.content-center .custom-pagination-pagination a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: #ecedf1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.custom-pagination .custom-pagination-holder.content-center .custom-pagination-pagination svg {
    width: 1.25rem;
    height: auto;
}

.custom-pagination .custom-pagination-holder.content-center .custom-pagination-pagination .custom-pagination-pages-count {
    width: 150px;
    font-weight: 600;
    text-align: center;
}

.custom-pagination .custom-pagination-holder.content-right {
    justify-content: flex-end;
}

.custom-pagination .custom-pagination-holder.content-right .custom-pagination-total-pages {
    margin-right: 20px;
}

.custom-pagination .custom-pagination-holder.content-right .form-select {
    width: 80px;
}

/* Custom table */
.desktop-table {
    padding: 0 12px;
}

.desktop-table .table-filter {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
}

.desktop-table .table-filter form {
    flex-basis: 100%;
}

.desktop-table .table-filter .search-text {
    margin-bottom: 0.5rem;
    padding-left: 0.75rem;
}

.desktop-table .table-filter form .form-group {
    width: 50%;
}

.desktop-table .table-header {
    font-weight: 600;
    padding-bottom: 10px;
}

.desktop-table .table-header .col {
    height: 30px;
}

.desktop-table .table-header .col,
.desktop-table .table-content .col {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 600;
}

.desktop-table .table-header .col .btn-sort {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-basis: 100%;
    height: 30px;
    padding: 0;
    font-weight: 600;
}

.desktop-table .table-header .col .btn-sort svg {
    right: 0;
    width: 10px;
    height: 10px;
    margin: 0;
}

.desktop-table .col-number-of-documents {
    min-width: 135px;
    max-width: 135px;
}

.desktop-table .table-content .col.col-title,
.desktop-table .table-content .col.col-course-title {
    font-weight: 500;
}

.desktop-table .col-category {
    min-width: 120px;
    max-width: 120px;
}

.desktop-table .col-type {
    min-width: 80px;
    max-width: 80px;
}

.desktop-table .col-date-set {
    min-width: 135px;
    max-width: 135px;
}

.desktop-table .col-date-change {
    min-width: 165px;
    max-width: 165px;
}

.desktop-table .col-date-time {
    min-width: 175px;
    max-width: 175px;
}

.desktop-table .col-sector {
    min-width: 240px;
    max-width: 240px;
}

.desktop-table .col-progress {
    min-width: 240px;
    max-width: 240px;
}

.desktop-table .col-points {
    min-width: 90px;
    max-width: 90px;
}

.desktop-table .col-views {
    min-width: 110px;
    max-width: 110px;
}

.desktop-table .col-actions {
    min-width: 70px;
    max-width: 70px;
}

.desktop-table .col-actions .btn {
    z-index: 12;
}

.desktop-table .col-actions .btn-action {
    padding: 5px;
}

.desktop-table .col-actions .btn-action svg {
    width: 25px;
    height: 25px;
}

.desktop-table .table-content .row {
    position: relative;
    padding: 0;
    min-height: 90px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.desktop-table .table-content .row a.row-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.desktop-table .col-title .media-image {
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.desktop-table .col-title .media-image svg {
    width: 25px;
    height: 25px;
}

.desktop-table .col-course-title .media-image {
    align-items: center;
    justify-content: center;
    width: 90px;
    height: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.desktop-table .col-course-title .media-image img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.desktop-table .col-progress .progress.course-bar {
    position: relative;
    width: 100%;
    max-width: calc(100% - 45px);
    margin: 0;
}

.desktop-table .col-progress .progress.course-bar .course-progress-total {
    position: absolute;
    left: 100%;
    width: 45px;
    text-align: right;
    font-size: 0.875rem;
    line-height: 1;
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    transform: translateY(-40%);
}

.desktop-table .col-date-time .date-separator {
    margin: 0 3px;
}

.desktop-table .table-footer {
    padding: 20px 12px;
    margin-top: 40px;
}

.desktop-table .table-footer .table-footer-holder {
    display: flex;
    align-items: center;
}

.desktop-table .table-footer .table-footer-holder.content-center {
    justify-content: center;
}

.desktop-table .table-footer .table-footer-holder.content-center .table-footer-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
}

.desktop-table .table-footer .table-footer-holder.content-center .table-footer-pagination a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: #ecedf1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.desktop-table .table-footer .table-footer-holder.content-center .table-footer-pagination svg {
    width: 1.25rem;
    height: auto;
}

.desktop-table .table-footer .table-footer-holder.content-center .table-footer-pagination .table-footer-pages-count {
    width: 150px;
    font-weight: 600;
    text-align: center;
}

.desktop-table .table-footer .table-footer-holder.content-right {
    justify-content: flex-end;
}

.desktop-table .table-footer .table-footer-holder.content-right .table-footer-total-pages {
    margin-right: 20px;
}

.desktop-table .table-footer .table-footer-holder.content-right .form-select {
    width: 80px;
}

/* Mobile table */
.accordion-filter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    margin-bottom: 30px;
}

.accordion-filter .filter-holder {
    display: flex;
    align-items: center;
}

.accordion-filter label {
    font-weight: 600;
    margin-right: 10px;
}

.hr-users-accordion .accordion-header {
    display: flex;
    font-size: unset;
}

/* Accordion custom */
.custom-accordion .accordion-body {
    padding: 0 0 1rem 0;
}

.custom-accordion .accordion-item {
    border-top: 0 none;
    border-right: 0 none;
    border-left: 0 none;
}

.custom-accordion .accordion-item:last-child {
    border-bottom: 0 none;
}

.custom-accordion .accordion-item:first-of-type {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.custom-accordion .accordion-button {
    position: relative;
    padding: 1rem 1.5rem 1rem 0;
    font-size: 0.875rem;
    font-weight: 500;
}

.custom-accordion .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.custom-accordion .accordion-button::after,
.custom-accordion .accordion-button:not(.collapsed)::after {
    background-image: none;
}

.custom-accordion .accordion-button>svg {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 10px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.custom-accordion .accordion-button.collapsed>svg {
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
}

.custom-accordion .accordion-icon {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 0.5rem;
}

.custom-accordion .accordion-icon svg {
    position: relative;
    top: 0;
    right: unset;
    width: 25px;
    height: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.custom-accordion .accordion-image {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 0.5rem;
    width: 70px;
    height: auto;
}

.custom-accordion .accordion-image img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.custom-accordion .accordion-body {
    padding: 0 0 1rem 0;
}

.custom-accordion .accordion-body .accordion-link {
    display: block;
    padding: 0 0 0 32px;
    margin-bottom: 8px;
}

.custom-accordion .accordion-body ul.accordion-data {
    padding-left: 32px;
    margin-bottom: 0;
}

.custom-accordion .accordion-body ul.accordion-data li {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 5px 0;
}

.custom-accordion .accordion-body ul.accordion-data li span:first-child {
    min-width: 140px;
    max-width: 140px;
    font-weight: 600;
}

.custom-accordion .accordion-body ul.accordion-data li span {
    width: 100%;
    display: flex;
    align-items: center;
}

.custom-accordion .accordion-body ul.accordion-data li span .btn-action:first-child {
    padding-left: 0;
}

.custom-accordion .accordion-body ul.accordion-data li span .btn-action:not(:last-child) {
    margin-right: 10px;
}

.custom-accordion .accordion-body ul.accordion-data li span .btn-action svg {
    width: 20px;
    height: 20px;
}

.custom-accordion .accordion-body ul.accordion-data .progress.course-bar {
    position: relative;
    width: 100%;
    max-width: calc(100% - 45px);
    margin: 0;
}

.custom-accordion .accordion-body ul.accordion-data .progress.course-bar .course-progress-total {
    position: absolute;
    left: 100%;
    width: 45px;
    text-align: right;
    font-size: 0.875rem;
    line-height: 1;
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    transform: translateY(-40%);
}

.custom-accordion .accordion-body ul.accordion-data .progress.course-bar .course-progress-total {
    text-align: right;
    font-size: 0.875rem;
    line-height: 1;
}

/* Custom accordion Course accordion */
.custom-accordion.course-accordion .accordion-body ul.accordion-data {
    padding: 0 10px
}

.custom-accordion.course-accordion .accordion-body .accordion-link {
    padding: 0 10px;
}

.custom-accordion.course-accordion .accordion-body ul.accordion-data li span:first-child {
    min-width: 80px;
    max-width: 80px;
}

/* Custom accordion footer */
.accordion-footer {
    margin-top: 40px;
    padding: 20px 0;
}

.accordion-footer .accordion-footer-holder {
    display: flex;
    align-items: center;
}

.accordion-footer .accordion-footer-holder.content-center {
    justify-content: center;
}

.accordion-footer .accordion-footer-holder .accordion-footer-total-pages {
    padding: 0 0 20px 0;
}

.accordion-footer .accordion-footer-holder.content-center .accordion-footer-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    padding: 20px 0 0 0;
}

.accordion-footer .accordion-footer-holder.content-center .accordion-footer-pagination a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: #ecedf1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.accordion-footer .accordion-footer-holder.content-center .accordion-footer-pagination svg {
    width: 1.25rem;
    height: auto;
}

.accordion-footer .accordion-footer-holder.content-center .accordion-footer-pagination .accordion-footer-pages-count {
    width: 150px;
    font-weight: 600;
    text-align: center;
}

/* Offcanvas */
.offcanvas-filter {
    width: 360px;
}

.offcanvas {
    border: 0 none;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.offcanvas-header .btn-close {
    padding: 0;
    margin: 0;
}

.offcanvas-filter .offcanvas-header {
    justify-content: flex-end;
}

.offcanvas-filter .offcanvas-body {
    padding: 0 2.5rem 1rem 2.5rem;
}

.offcanvas-filter .accordion-button {
    font-size: 1rem;
    font-weight: 500;
}

.offcanvas-filter .apply-filters {
    display: flex;
    padding: 1rem 0.5rem;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.offcanvas-filter .apply-filters .btn {
    flex-basis: 100%;
}

/* Obuka */
.course-stats {
    margin-bottom: 3rem;
}

.course-stats .total-holder {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem 1rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.course-stats .total-holder .icon-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    margin-right: 1rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.course-stats .total-holder .icon-holder svg {
    width: 45px;
    height: auto;
}

.course-stats .total-holder .stats-holder {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.course-stats .total-holder .stats-holder h4 {
    flex-basis: 100%;
    font-size: 1.25rem;
    margin-bottom: 0;
}

.course-stats .total-holder .stats-holder span {
    font-size: 1.5rem;
    font-weight: 600;
}

.course-lesson {
    margin-bottom: 50px;
}

.lesson-subtitle {
    margin-bottom: 25px;
}

.lesson-subtitle h2 {
    font-size: 1.375rem;
    margin-bottom: 5px;
}

.lesson-subtitle p {
    margin-bottom: 0;
}

.lesson-list-item {
    position: relative;
    padding: 15px 80px 15px 80px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.lesson-list-item:not(:last-child) {
    margin-bottom: 20px;
}

.lesson-list-item .item-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.lesson-list-item .item-icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.lesson-list-item .item-icon>svg {
    width: 1.25rem;
    height: 1.25rem;
}

.lesson-list-item .item-icon .lesson-indicator {
    position: absolute;
    top: -0.313rem;
    right: -0.313rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.125rem;
    height: 1.125rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.lesson-list-item .item-icon .lesson-indicator svg {
    width: 0.875rem;
    height: auto;
}

.lesson-list-item.disabled {
    cursor: not-allowed;
}

.lesson-list-item .item-content h3 {
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 500;
}

.lesson-list-item .item-content p {
    font-size: 0.75rem;
    margin-bottom: 0;
}

.lesson-list-item.quiz-item.disabled .item-action {
    display: none;
    visibility: hidden;
}

.lesson-list-item .item-action {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 20;
}

.lesson-list-item .item-action .action-holder {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.lesson-list-item .item-action .action-holder .btn {
    font-size: 0.75rem;
}

.lesson-list-item.quiz-item {
    padding: 35px 180px 35px 80px;
}

/* Lekcija */

/* Lesson pagination */
.lesson-nav {
    margin-top: 20px;
}

.lesson-nav .lesson-nav-holder {
    display: flex;
    align-items: center;
}

.lesson-nav .lesson-nav-holder.content-center {
    justify-content: center;
}

.lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
}

.lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination a {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination .icon-holder a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination .icon-holder a:hover,
.lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination .icon-holder a:focus {
    text-decoration: none;
}

.lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination a {
    position: relative;
    height: 40px;
    padding: 0 3rem;
    background-color: #ecedf1;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination svg {
    position: absolute;
    top: 50%;
    width: 1.25rem;
    height: auto;
    flex-shrink: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination .icon-holder:first-child svg {
    left: 15px;
}

.lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination .icon-holder:first-child a:not(.disabled):hover svg {
    left: 10px;
}

.lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination .icon-holder:last-child svg {
    right: 15px;
}

.lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination .icon-holder:last-child a:not(.disabled):hover svg {
    right: 10px;
}

.lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination .lesson-pagination-pages-count {
    width: 150px;
    font-weight: 600;
    text-align: center;
}

.lesson-nav .lesson-nav-holder.content-right {
    justify-content: flex-end;
}

.lesson-nav .lesson-nav-holder.content-right label {
    font-weight: 600;
    margin-right: 5px;
}

.lesson-nav .lesson-nav-holder.content-right .lesson-pagination-total-pages {
    flex-basis: 100%;
    margin-right: 20px;
}

/* Dokument */
.document-info {
    display: flex;
    align-items: center;
    justify-content: center;
}

.document-info span {
    color: #92929F;
}

.document-info time {
    font-weight: 600;
}

.document-info div:not(:last-child) {
    margin-right: 10px;
    padding-right: 10px;
}

/* Komentari */
.post-comment-holder {
    padding: 2rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 2rem;
}

.post-comment-form {
    display: flex;
    align-items: center;
}

.post-comment-form form {
    display: inline-flex;
    align-items: flex-end;
    flex-wrap: wrap;
    flex-basis: 100%;
}

.post-comment-form .row {
    width: 100%;
}

.post-comment-form .form-group {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-wrap: wrap;
    flex-basis: 100%;
}

.post-comment-form .form-group:last-child {
    margin-bottom: 0;
}

.post-comment-form .user-image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    margin-right: 1rem;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.post-comment-form .user-image img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.post-comment-form .user-image svg {
    width: 25px;
    height: 25px;
}

.comments-holder {
    position: relative;
    padding: 2rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.comments-holder .toolbar-holder {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
}

.comments-holder .comment-item {
    padding: 2rem 2rem 2rem 5rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.comments-holder .comment-item:not(:last-child) {
    margin-bottom: 2rem;
}

.comments-holder .comment-item .comment-title {
    position: relative;
}

.comments-holder .comment-item .comment-title .comment-badges {
    display: flex;
    justify-content: flex-end;
    width: 40px;
    position: absolute;
    top: 50%;
    left: -120px;
    padding: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.comments-holder .comment-item .comment-title .comment-badges .new-comment-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 20px;
    font-size: 0.75rem;
}

.comments-holder .comment-item .comment-title .user-image {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: -65px;
    width: 50px;
    height: 50px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.comments-holder .comment-item .comment-title .user-image img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.comments-holder .comment-item .comment-title .user-image svg {
    width: 25px;
    height: 25px;
}

.comments-holder .comment-item .comment-title .comment-icon img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.comments-holder .comment-item .comment-title h2 {
    font-size: 1.25rem;
    margin-bottom: 0;
}

.comments-holder .comment-item .comment-title ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
}

.comments-holder .comment-item .comment-title ul li {
    list-style: none;
}

.comments-holder .comment-item .comment-title ul li:not(:first-child) {
    margin-left: 15px;
}

.comments-holder .comment-item .comment-content {
    margin-top: 10px;
}

/* Obavestenja */
.notifications-holder {
    position: relative;
}

.notifications-holder .toolbar-holder {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
}

.notifications-holder .notification-item {
    padding: 0 12px 30px 70px;
}

.notifications-holder .notification-item:not(:last-child) {
    margin-bottom: 30px;
}

.notifications-holder .notification-item .notification-title {
    position: relative;
}

.notifications-holder .notification-item .notification-badges {
    display: flex;
    justify-content: flex-end;
    width: 40px;
    padding: 0;
    margin-bottom: 5px;
}

.notifications-holder .notification-item .notification-badges .new-notification-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 20px;
    font-size: 0.75rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.notifications-holder .notification-item .notification-title .notification-icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: -65px;
    width: 50px;
    height: 50px;
    padding: 3px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.notifications-holder .notification-item .notification-title .notification-icon img {
    width: 36px;
    height: auto;
}

.notifications-holder .notification-item .notification-title .notification-icon svg {
    width: 30px;
    height: auto;
}

.notifications-holder .notification-item .notification-title h3 {
    font-size: 1.25rem;
    margin-bottom: 0;
}

.notifications-holder .notification-item .notification-title ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
}

.notifications-holder .notification-item .notification-title ul li {
    list-style: none;
}

.notifications-holder .notification-item .notification-title ul li:not(:first-child) {
    margin-left: 15px;
}

.notifications-holder .notification-item .notification-content {
    margin-top: 10px;
}

.notifications-holder .notification-item .notification-content p {
    margin-bottom: 0;
}

.notifications-holder .notification-item .notification-content .button-holder {
    display: flex;
    margin-top: 20px;
}

/* Tags */
.tags-holder {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.tags-holder .btn {
    margin-bottom: 0.5rem;
}

.tags-holder .btn:not(:last-child) {
    margin-right: 0.5rem;
}

/* Moj Profil */
.user-header {
    margin-bottom: 3rem;
}

.user-header .media {
    align-items: flex-start;
}

.user-header .media-image {
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 106px;
    height: 106px;
    padding: 4px;
    margin-right: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.user-header .media-image img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.user-header .media-image svg {
    width: 50px;
    height: 50px;
}

.user-header .user-title {
    margin-bottom: 0.5rem;
}

.user-header .user-title h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.user-header .user-title p {
    margin-bottom: 0;
}

.user-header .user-data ul {
    padding-left: 0;
}

.user-header .user-data ul li {
    list-style: none;
    display: flex;
    align-items: flex-start;
    padding: 1px 0;
}

.user-header .user-data ul li span {
    width: 100%;
    display: flex;
    align-items: center;
    word-break: break-word;
}

.user-header .user-data ul li span:first-child {
    min-width: 90px;
    max-width: 90px;
    font-weight: 600;
}

.user-header .user-data .btn {
    display: inline-flex;
}

/* Vest */
.news-image-holder {
    margin-bottom: 1rem;
    text-align: center;
}

.news-image-holder img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.news-video-holder {
    margin-bottom: 1rem;
}

.news-video-holder,
.news-video-holder .ratio,
.news-video-holder .ratio iframe {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.gallery-item,
.gallery-item .image-holder,
.gallery-item img,
.gallery-item .ratio,
.gallery-item .ratio iframe {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.gallery-item {
    margin-bottom: 1.5rem;
}

.gallery-item .image-holder {
    overflow: hidden;
}

.gallery-item img {
    transform: scale(1, 1);
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.gallery-item:hover img {
    transform: scale(1.05, 1.05);
}


/* Login */
.login-section {
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-content {
    display: flex;
    align-items: center;
    height: 100vh;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.login-content .logo-holder {
    display: flex;
    justify-content: center;
    margin-bottom: 0.5rem;
}

.login-content .logo {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.login-content .logo img {
    width: auto;
    height: 70px;
}

.login-content h1 {
    margin-bottom: 0;
}

.login-form {
    padding: 1.5rem 2rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.login-form .form-floating {
    margin-bottom: 0.5rem;
}

.login-content .forgoten-password {
    margin: 0.5rem 0;
}

.login-content .forgoten-password a {
    font-weight: 500;
}

.login-content .button-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
}

/* Splide custom */
.splide-holder {
    padding: 0 5rem;
}

.splide-holder .splide .splide__slide {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 1.5rem;
    background-color: transparent;
}

.splide-holder .splide .splide__slide img {
    width: auto;
    max-width: 100%;
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.splide__slide a {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.splide-holder .splide .splide__slide a:hover img {
    opacity: 0.8;
}

.splide-holder .splide .splide__slide h3 {
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: 600;
}

.splide-holder .splide .splide__slide p {
    font-size: 0.875rem;
    text-transform: uppercase;
}

.splide__slide a:hover,
.splide__slide a:focus,
.splide__slide a:active {
    text-decoration: none;
}

.splide__arrow {
    width: 50px;
    height: 50px;
    opacity: 1;
    background-color: #ecedf1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.splide__arrow svg {
    width: 1.25rem;
    height: 1.25rem;
}

.splide__arrow:hover:not(:disabled) {
    opacity: 0.8;
}

.splide__arrow--prev {
    left: -3.75rem;
}

.splide__arrow--next {
    right: -3.75rem;
}

.splide-testimonial .splide__slide .testimonial-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    margin: 1rem 0;
    padding: 2rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.splide-testimonial .splide__slide p {
    flex-basis: 100%;
    margin-bottom: 0
}

/* Footer */
.footer {
    padding: 1.5rem 0;
    font-size: 0.75rem;
}

.footer-inner,
.subfooter {
    text-align: center;
}

.footer a:hover {
    text-decoration: underline;
}

.subfooter p {
    margin-bottom: 0;
}


/******************************/
/* Default light color scheme */

/* 
PRIMARY:
    Blue:   HEX #00529f rgb(0, 82, 159)
    Yellow: HEX #ffcd05 rgb(255, 205, 5)

SECONDARY:
    Green:  HEX #79c142 rgb(121, 193, 66)
    Blue:   HEX #0092d0 rgb(0, 146, 208)
    Yellow: HEX #ffdd00 rgb(255, 221, 0)
    Red:    HEX #ed1556 rgb(237, 21, 86)
*/

/******************************/

::selection {
    background: #ffdd00;
    color: #24292d;
}

/* Background colors */
/*********************/

/* background #ffffff */
.page-wrapper,
.header,
.login-content .logo,
.form-control,
.form-control:disabled,
.form-control[readonly],
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus,
.form-select,
.form-select:disabled,
.form-check-input,
.form-check .form-check-input:checked,
.btn-pill-white-30,
.breadcrumb-section .btn-breadcrumb,
.autocomplete,
.alert-light,
.toast,
.offcanvas-backdrop,
.modal-backdrop,
.course-item-box,
.news-item-box,
.user-item-box,
.document-list-item .item-icon,
.desktop-table .col-title .media-image,
.custom-modal .modal-header .btn-close,
.custom-accordion .accordion-button:not(.collapsed),
.btn-pill-white-45,
.offcanvas,
.offcanvas-filter .apply-filters,
.course-stats .total-holder .icon-holder,
.quiz-form .form-group .quiz-question .question-number,
.comments-holder .comment-item,
.document-list-item .item-data div,
.post-comment-form .user-image,
.calendar-holder {
    background-color: #ffffff;
}

/* background #ecedf1 */
.breadcrumb-section,
.btn-pill-gray-45,
.btn-pill-gray-30,
.btn-square-gray-45,
.offcanvas .btn-close,
.toast .btn-close,
.search-box .form-control,
.header .col-header-center .header-center-holder .search-box .input-group .button-holder,
.header .col-header-center .header-center-holder .search-box .input-group .button-holder .btn,
.dropdown-menu.multilevel-menu .btn-close,
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-menu.multilevel-menu li.dropdown:hover>.dropdown-item,
.nav-pills.style-1,
.list-group .list-group-item,
.progress,
.custom-modal .modal-header,
.desktop-table .table-content .row:hover,
.lesson-list-item,
.lesson-list-item.disabled:hover,
.login-form,
.post-comment-holder,
.comments-holder,
.month-view .week-bar .calendar-day .btn-day span.calendar-task,
.day-preview .day-preview-content ul li a span:first-child,
.col-header-options .btn-user .media-image,
.comments-holder .comment-item .comment-title .user-image {
    background-color: #ecedf1;
}

/* background #dadada */
.header .col-header-center .header-center-holder .search-box .input-group .button-holder:before,
.lesson-list-item.disabled .item-icon {
    background-color: #dadada;
}

/* background #ececec */
.header .col-header-center .header-center-holder .search-box .input-group .select-holder:before,
.search-mobile .dropdown-menu.dropdown-menu-search .search-box .input-group .select-holder:before {
    background-color: #ececec;
}

/* background #ed1556 */
.badge.badge-notification-dot,
.toast.toast-danger .toast-border,
.toast.toast-danger .toast-icon,
.quiz-form .question-indicator.fail {
    background-color: #ed1556;
}

/* background #f7e9ea */
.dropdown-custom .dropdown-item.logout:hover {
    background-color: #f7e9ea;
}

/* background #00529f */
.btn-pill-blue-45,
.btn-pill-blue-30,
.btn-square-blue-45,
.nav-pills.style-1 .nav-link.active,
.nav-pills.style-1 .show>.nav-link,
.toast.toast-info .toast-border,
.toast.toast-info .toast-icon,
.splide-testimonial .splide__slide .testimonial-holder.blue,
.footer {
    background-color: #00529f;
}

/* background #0092d0 */
.lesson-list-item .item-action .action-holder .btn,
.lesson-list-item.active .item-icon,
.course-item-box .course-group.blue,
.splide-testimonial .splide__slide .testimonial-holder.light-blue {
    background-color: #0092d0;
}

/* background #ffcd05 */
.splide-testimonial .splide__slide .testimonial-holder.light-yellow,
.day-preview .day-preview-content ul li a.active span:first-child {
    background-color: #ffdd00;
}

/* background #ffcd05 */
.toast.toast-warning .toast-border,
.toast.toast-warning .toast-icon,
.splide-testimonial .splide__slide .testimonial-holder.yellow,
.progress-bar {
    background-color: #ffcd05;
}

/* background #79c142 */
.toast.toast-success .toast-border,
.toast.toast-success .toast-icon,
.course-item-box .course-group.green,
.splide-testimonial .splide__slide .testimonial-holder.green,
.quiz-form .question-indicator.success,
.notifications-holder .notification-item .notification-badges .new-notification-badge,
.lesson-list-item .item-icon .lesson-indicator {
    background-color: #79c142;
}

/* background #e8eff8 */
.btn-pill-outline-blue-30,
.list-group .list-group-item:hover,
.list-group .list-group-item:focus {
    background-color: #e8eff8;
}

.document-list-item {
    background-color: #ecedf1;
}

.document-list-item:hover,
.document-list-item:focus,
.lesson-list-item:hover {
    background-color: #ecedf1;
    opacity: 0.8;
}

/* background gradient #0053a0 #0575E6 */
.top-banner {
    background: #0053a0;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0053a0, #00529f);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0053a0, #00529f);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.day-preview .day-preview-content ul li a:hover,
.month-view .week-bar .calendar-day:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

/* backgrounds */
.blue-bg {
    background-color: #00529f;
    color: #fff;
}

.light-blue-bg {
    background-color: #0092d0;
    color: #fff;
}

.yellow-bg {
    background-color: #ffcd05;
}

.light-yellow-bg {
    background-color: #ffdd00;
}

.green-bg {
    background-color: #79c142;
    color: #fff;
}

.red-bg {
    background-color: #ed1556;
    color: #fff;
}


/* Font colors */
/***************/

/* font #24292d */
body,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:focus,
.btn,
.btn:hover,
.btn:focus,
.search-col a,
.search-col a:hover,
.dropdown-item,
.dropdown-custom .dropdown-header,
.dropdown-menu,
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.form-select,
.form-select:focus,
.form-control,
.form-control:disabled,
.form-control[readonly],
.form-control:focus,
.toast .btn-close,
.offcanvas .btn-close,
.breadcrumb-item a,
.breadcrumb-item a:hover,
.breadcrumb-item a:focus,
.breadcrumb-item.active,
.nav-pills.style-1 .nav-link,
.list-group .list-group-item,
.list-group .list-group-item .content-right svg,
.list-group .list-group-item:hover,
.list-group .list-group-item:focus,
.course-stats .total-lessons,
.course-item-box .course-opened strong,
.splide-testimonial .splide__slide .testimonial-holder.light-yellow,
.splide-testimonial .splide__slide .testimonial-holder.light-yellow p,
.splide-testimonial .splide__slide .testimonial-holder.yellow,
.splide-testimonial .splide__slide .testimonial-holder.yellow p,
.desktop-table .table-footer .table-footer-holder.content-center .table-footer-pagination svg,
.custom-pagination .custom-pagination-holder.content-center .custom-pagination-pagination svg,
.lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination .icon-holder a,
.lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination .icon-holder a svg,
.custom-accordion .accordion-button,
.accordion-footer .accordion-footer-holder.content-center .accordion-footer-pagination svg,
.login-content .forgoten-password a,
.footer a,
.day-preview .day-preview-content ul li a,
.calendar-toolbar .calendar-toolbar-item a,
.calendar-toolbar .calendar-toolbar-item a:hover,
.calendar-toolbar .calendar-toolbar-item a:focus,
.month-view .week-bar .calendar-day .btn-day span.calendar-task {
    color: #24292d;
}

/* font #ed1556 */
del,
.form-control.is-invalid~label,
.was-validated .form-control:invalid~label,
label.is-invalid,
.form-control.is-invalid~label,
.was-validated .form-control:invalid~label,
.dropdown-custom .dropdown-item.logout:hover,
i.fa-file-pdf,
.active-filters-content .btn svg,
.month-view-top-bar .day-of-the-week:nth-child(6),
.month-view-top-bar .day-of-the-week:nth-child(7),
.month-view .week-bar .calendar-day:nth-child(6) .btn,
.month-view .week-bar .calendar-day:nth-child(7) .btn {
    color: #ed1556;
}

/* font #66ac5a */
i.fa-file-excel {
    color: #66ac5a;
}

/* font #0053a0 */
i.fa-file-csv {
    color: #0053a0;
}

/* font #487be7 */
i.fa-file-word {
    color: #487be7;
}

/* font #0092d0 */
.course-stats .total-holder.blue .icon-holder svg {
    color: #0092d0;
}

/* font #79c142 */
.course-stats .total-holder.green .icon-holder svg,
.quiz-form .form-group p.correct-answer {
    color: #79c142;
}

/* font #79c142 */
.course-stats .total-holder.yellow .icon-holder svg,
.month-view .week-bar .calendar-day.selected .btn {
    color: #ffdd00;
}

/* font #00529f */
a,
a:hover,
a:focus,
.search-col .media-image i.fa-user-graduate,
.btn-pill-outline-blue-30,
.btn-pill-outline-blue-30:hover,
.btn-pill-outline-blue-30:focus,
.document-list-item .item-data div:last-child,
.breadcrumb-section .btn-breadcrumb svg,
.desktop-table .col-actions .btn-action,
.custom-accordion .accordion-body ul.accordion-data li span .btn-action {
    color: #00529f;
}

/* font #ffcd05 */
.course-item-box .course-count i,
i.fa-file-videos {
    color: #ffcd05;
}

/* font #ecc24e */
.course-status .course-medal i {
    color: #ecc24e;
}

/* font #92929F */
.text-light,
.form-control::placeholder,
.form-select:disabled,
.desktop-table .table-footer .table-footer-holder.content-center .table-footer-pagination .icon-holder a.disabled svg,
.custom-pagination .custom-pagination-holder.content-center .custom-pagination-pagination .icon-holder a.disabled svg,
.accordion-footer .accordion-footer-holder.content-center .accordion-footer-pagination a.disabled svg,
.lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination .icon-holder a.disabled,
.lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination .icon-holder a.disabled svg,
.lesson-list-item.disabled .item-content h3,
.lesson-list-item.disabled .item-content p,
.notifications-holder .notification-item .notification-title time,
.day-preview .day-preview-content ul li a.disabled,
.month-view .week-bar .calendar-day.innactive .btn {
    color: #92929F !important;
}

/* font #ffffff */
.toast .toast-icon svg,
.btn-pill-blue-45,
.btn-pill-blue-45:hover,
.btn-pill-blue-45:focus,
.btn-pill-blue-30,
.btn-pill-blue-30:hover,
.btn-pill-blue-30:focus,
.btn-square-blue-45,
.btn-square-blue-45:hover,
.btn-square-blue-45:focus,
.top-banner h1,
.notifications-holder .notification-item .notification-badges .new-notification-badge,
.nav-pills.style-1 .nav-link.active,
.nav-pills.style-1 .show>.nav-link,
.lesson-list-item.active .item-icon svg,
.lesson-list-item.disabled .item-icon,
.course-item-box .course-group.green,
.course-item-box .course-group.blue,
.quiz-form .question-indicator svg,
.splide-testimonial .splide__slide .testimonial-holder,
.splide-testimonial .splide__slide .testimonial-holder p,
.footer,
.footer a,
.footer a:hover,
.footer a:focus {
    color: #ffffff;
}


/* Border colors */
/*****************/

/* border #ecedf1 */
.form-control,
.form-control:disabled,
.form-control[readonly],
.form-select,
.btn-pill-white-45,
.news-item-box,
.user-item-box,
.course-item-box,
.video-item-box,
.btn-pill-white-30,
.feature-category-item .feature-category-box,
.calendar-holder {
    border: 1px solid #ecedf1;
}

/* border-color #ecedf1 */
.form-control:focus,
.form-select:focus {
    border-color: #ecedf1;
}

/* border-color #ed1556 */
.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus,
.form-select.is-invalid,
.was-validated .form-select:invalid,
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
    border-color: #ed1556;
}

.course-stats .total-holder.blue .icon-holder {
    border: 3px solid #0092d0;
}

.course-stats .total-holder.green .icon-holder {
    border: 3px solid #79c142;
}

.course-stats .total-holder.yellow .icon-holder {
    border: 3px solid #ffdd00;
}

/* border-top #ecedf1 */
.dropdown-divider,
.course-item-box .course-status {
    border-top: 1px solid #ecedf1;
}

/* border-bottom #ecedf1 */
.search-col h4,
.dropdown-menu.multilevel-menu .dropdown-multilevel-header,
.course-item-box .course-data,
.desktop-table .table-content .row:not(:last-child),
.custom-accordion .accordion-item,
.form-title,
.notifications-holder .notification-item:not(:last-child) {
    border-bottom: 1px solid #ecedf1;
}

/* border #dadada */
.desktop-table .col-title .media-image,
.notifications-holder .notification-item .notification-icon,
.quiz-form .form-group .quiz-question .question-number {
    border: 1px solid #dadada;
}

.document-list-item .item-content h3 {
    background-color: #fff;
    padding: 0.5rem 0.5rem;
}

/* border rgba(0,0,0,.25) */
.form-check .form-check-input:focus,
.form-check .form-check-input:checked {
    border-color: rgba(0, 0, 0, 0.25);
}

/* Border 2px */
/**************/

/* border-bottom 2px */
.desktop-table .table-header,
.calendar-toolbar {
    border-bottom: 2px solid #ecedf1;
}

/* border-right 2px */
.desktop-table .table-header .col:not(:last-child),
.day-preview {
    border-right: 2px solid #ecedf1;
}

/* border-top 2px */
.desktop-table .table-footer,
.custom-pagination,
.accordion-footer {
    border-top: 2px solid #ecedf1;
}

.breadcrumb-section .btn-breadcrumb {
    border: 2px solid #00529f;
}

/* border-bottom 5px */
.section-title h2 span {
    border-bottom: 5px solid #ffcd05;
}

/* dropdown multilevel menu svg color #24292d  */
.dropdown-menu.multilevel-menu li.dropdown>a::after {
    content: url('data:image/svg+xml,<svg stroke="%2324292d" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M184 112l144 144-144 144" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="48"></path></svg>');
}

/* form-control svg color #ed1556 */
.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff443d'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff443d' stroke='none'/%3e%3c/svg%3e");
}

/* form-select svg color #ed1556 */
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23334659' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff443d'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff443d' stroke='none'/%3e%3c/svg%3e");
}

/* form-select svg color #24292d */
.form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2324292d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* form-select:disabled svg color #92929F */
.form-select:disabled {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2392929F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    cursor: not-allowed;
}

/* Breadcrumb before svg color #24292d */
.breadcrumb-item+.breadcrumb-item::before {
    content: url('data:image/svg+xml,<svg stroke="%2324292d" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M184 112l144 144-144 144" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="48"></path></svg>');
}

/* .form-check .form-check-input:checked radio and checkbox color #24292d  */
.form-check .form-check-input:checked[type="checkbox"],
.form-check .form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%2324292d' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}


/* Media query light colors */
/****************************/
@media (max-width: 991px) {
    .search-mobile .dropdown-menu.dropdown-menu-search .search-box .input-group .select-holder .form-select {
        background-color: #f5f6f8;
    }
}


/*********************/
/* Dark color scheme */
/*********************/
/*
@media (prefers-color-scheme: dark) {

     Background colors 
    *******************

    background #202124 
    html,
    .page-wrapper {
        background-color: #202124;
    }

     Font colors 
    *************

     font #D6D6D7 
    body {
        color: #D6D6D7;
    }

}*/


/* Media query */
/***************/
@media (min-width: 992px) {
    .header .container-fluid {
        padding-left: 24px;
        padding-right: 24px;
    }

    .search-mobile {
        display: none;
    }

    .header .logo {
        display: block;
    }

    .header .logo-mobile {
        display: none;
    }

    .dropdown-menu.multilevel-menu .dropdown-multilevel-header {
        display: none;
    }
}

@media (min-width: 576px) {
    .toast {
        width: 516px;
    }
}

@media (min-width: 768px) {
    .toast {
        width: 696px;
    }
}

@media (max-width: 991px) {
    .header .col-logo .logo {
        padding: 3px 0;
    }

    .header .logo img {
        height: 44px;
    }

    .header .col-categories {
        padding: 0;
    }

    .header .menu-button .btn {
        width: 30px;
        padding: 0;
    }

    .header .menu-button .btn>svg,
    .header .menu-button .category-name {
        display: none;
    }

    .header .menu-button .category-icon {
        display: block;
    }

    .header .menu-button .category-icon svg {
        right: 50%;
        width: 25px;
        height: 25px;
        -webkit-transform: translateX(50%) translateY(-50%) rotate(0deg);
        -moz-transform: translateX(50%) translateY(-50%) rotate(0deg);
        -ms-transform: translateX(50%) translateY(-50%) rotate(0deg);
        -o-transform: translateX(50%) translateY(-50%) rotate(0deg);
        transform: translateX(50%) translateY(-50%) rotate(0deg);
    }

    .dropdown-menu.dropdown-lg.multilevel-menu {
        position: fixed !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        padding-top: 0;
        transform: none !important;
        z-index: 1040 !important;
    }

    .dropdown-menu.multilevel-menu .dropdown-multilevel-header {
        padding: 0.675rem 1rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .dropdown-menu.multilevel-menu .dropdown-multilevel-header .multilevel-header-title {
        font-weight: 600;
    }

    .dropdown-menu.multilevel-menu .dropdown-multilevel-holder {
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 0;
        max-height: 100%;
    }

    .dropdown-menu.multilevel-menu .dropdown-multilevel-content {
        display: block;
        width: 100%;
        height: 100%;
        padding-bottom: 15px;
        overflow-y: auto;
    }

    .dropdown-menu.dropdown-lg.multilevel-menu .submenu {
        display: block;
        position: relative;
        top: 0 !important;
        left: 0;
        padding: 0;
        overflow: hidden;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    }

    .dropdown-menu.dropdown-lg.multilevel-menu .submenu li {
        padding-left: 15px;
    }

    .header .col-header-center {
        display: none;
    }

    .header .col-header-options {
        flex: 1 1 auto;
        justify-content: flex-end;
    }

    .header .col-header-options .btn-icon.search-mobile {
        margin-right: 0;
    }

    .search-mobile.btn-icon .btn {
        width: 30px;
        padding: 0;
    }

    .search-mobile .dropdown-menu.dropdown-menu-search {
        width: 100vw;
        top: 13px !important;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .search-mobile .dropdown-menu.dropdown-menu-search .search-box .input-group .form-control.input-with-icon {
        padding: .375rem .75rem .375rem 2.25rem;
    }

    .col-header-options .btn-icon.search-mobile .dropdown-menu.dropdown-menu-search .search-box .input-group svg {
        width: 20px;
        height: 20px;
    }

    .autocomplete {
        max-height: 20rem;
        overflow-x: hidden;
    }

    .search-col,
    .search-col .media {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .search-col h3 {
        width: 100%;
    }

    .col-header-options .btn-user .media-image {
        padding: 3px;
    }

    .header .col-header-options .btn-user {
        padding: 0 10px;
    }

    .btn-user .media-image {
        margin-right: 0;
    }

    .btn-user .media-body {
        display: none;
    }

    .dropdown-menu.dropdown-xl,
    .dropdown-menu.dropdown-lg {
        min-width: 100vw;
        width: 100vw;
        max-width: 0;
        top: 13px !important;
    }

    .header .col-header-options .btn-icon {
        margin-right: 0;
    }

    .top-banner h1,
    .section-title h2 {
        font-size: 2rem;
    }

    .accordion-filter {
        padding: 0 12px;
        margin-bottom: 10px;
    }

    .active-filters-container {
        padding: 0;
    }

    .active-filters-slider {
        overflow-x: scroll;
        overflow: -moz-scrollbars-none;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .active-filters-content {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: -moz-scrollbars-none;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .course-stats .total-col:not(:last-of-type) {
        margin-bottom: 1rem;
    }

    .lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination {
        margin-bottom: 1rem;
    }

    .lesson-nav .lesson-nav-holder.content-right {
        justify-content: center;
    }

    .lesson-nav .lesson-nav-holder.content-center {
        margin-bottom: 0.5rem;
    }

    .lesson-nav .lesson-nav-holder.content-right .form-select {
        max-width: 400px;
    }

    .post-comment-form .form-group {
        margin-bottom: 1rem;
    }

    .table-filter .search-text {
        margin-bottom: 0.5rem;
    }

    .user-item-box .user-inspectorate,
    .user-item-box .item-body ul li.user-function {
        height: auto;
    }

    .splide-holder {
        padding: 0;
    }

    .document-list-item {
        padding: 15px 60px 15px 30px;
    }

    .document-list-item .item-icon {
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        margin-bottom: 1rem;
    }

    .document-list-item .item-data {
        flex-wrap: wrap;
    }

    .document-list-item .item-data div {
        flex-basis: 100%;
    }

    .document-list-item .item-data div:not(:last-child) {
        margin-right: 0;
        margin-bottom: 0.5rem;
    }

    .day-preview {
        padding-right: 0;
        border-right: 0 none;
    }

    .month-col {
        order: 1;
        border-bottom: 2px solid #ecedf1;
        padding-bottom: 2rem;
    }

    .day-col {
        order: 2;
    }
}

@media (max-width: 767px) {
    .nav-pills.style-1 .nav-item:not(:last-child) {
        margin-right: 0;
    }

    .lesson-list-item.quiz-item {
        padding: 15px 20px 15px 80px;
    }

    .lesson-list-item.quiz-item .item-action {
        display: flex;
        position: relative;
        top: 0;
        right: 0;
        margin-top: 5px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .user-header .media {
        flex-wrap: wrap;
        justify-content: center;
    }

    .user-header .media-image {
        margin-right: 0;
    }

    .user-header .media .media-body {
        flex-basis: 100%;
        margin-top: 30px;
        padding: 0;
    }

    .lesson-nav .lesson-nav-holder.content-center .icon-holder a span {
        display: none;
    }

    .lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination a {
        width: 40px;
        height: 40px;
        padding: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination .icon-holder a {
        justify-content: center;
    }

    .lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination .icon-holder svg {
        position: relative;
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination .icon-holder:first-child svg,
    .lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination .icon-holder:first-child a:not(.disabled):hover svg {
        left: 0;
    }

    .lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination .icon-holder:last-child svg,
    .lesson-nav .lesson-nav-holder.content-center .lesson-pagination-pagination .icon-holder:last-child a:not(.disabled):hover svg {
        right: 0;
    }

    .document-info span {
        display: block;
        width: 100%;
    }

    .comments-holder .comment-item .comment-title ul li {
        flex-basis: 100%;
    }

    .calendar-toolbar {
        flex-wrap: wrap;
    }

    .calendar-toolbar .calendar-toolbar-options {
        display: flex;
        flex-basis: 100%;
    }

    .calendar-toolbar .calendar-toolbar-options:first-child {
        flex-wrap: wrap;
    }

    .calendar-toolbar .calendar-toolbar-options:first-child {
        margin-bottom: 1rem;
    }

    .calendar-toolbar .calendar-toolbar-options:first-child:not(:last-child) .calendar-toolbar-item {
        margin-right: 0;
        margin-bottom: 1rem;
        flex-basis: 100%;
    }

    .month-view-top-bar .day-of-the-week {
        font-size: 0.875rem;
    }

    .month-view .week-bar .calendar-day .btn-day span.calendar-date {
        font-size: 1.5rem;
    }

    .month-view .week-bar .calendar-day .btn-day span.month-start {
        font-size: 0.75rem;
    }
}