/* 
    Created on : Aug 28, 2023, 10:01:05 AM
    Author     : bob
*/

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

/* Mukta */
/*
@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@400;500;600;800&display=swap');
font-family: 'Mukta', sans-serif;
*/

/* Marck Script */
@import url('https://fonts.googleapis.com/css2?family=Marck+Script&display=swap');

/* General */
body {
    font-family: 'Raleway', sans-serif !important;
    font-size: 0.875rem;
    font-weight: 500;
}

.font-number {
    font-family: 'Open Sans', sans-serif;
}

.lead-text {
    font-size: 1rem;
}


/* html header fixed and footer absolute bottom */
/* html header fixed and footer absolute bottom */
html {
    min-height: 100%;
    /* min-height 100% so footer would be always on bottom */
    position: relative;
    /* set padding-top padding-bottom according to header footer height */
    padding-top: 0;
}

html.full-height {
    /* no header and footer */
    padding-top: 0;
    padding-bottom: 0;
}

html.no-footer {
    /* no footer */
    padding-bottom: 0;
}

html.no-header {
    /* no header */
    padding-top: 0;
}

html.footer-small {
    padding-top: 0;
    padding-bottom: 0;
}

html.html-no-footer {
    padding-top: 5rem;
    padding-bottom: 0;
}

html.footer-mini {
    padding-top: 0;
    padding-bottom: 0;
}

html.landing-page {
    padding-top: 0;
}

html.footer-without-top-footer {
    padding-bottom: 130px;
}

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

.footer-without-top-footer .footer-top {
    display: none;
}

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

/* Breadcrumb */
.breadcrumb {
    margin-bottom: 0.5rem;
}

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

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

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

.main-title {
    margin-bottom: 30px;
}

.main-title h1 {
    font-weight: 600;
    margin-bottom: 5px;
}

.main-title.fw-400 h1 {
    font-weight: 400;
}

.main-title .title-with-arrow h1 {
    position: relative;
}

.main-title .title-with-arrow svg {
    position: absolute;
    top: 50%;
    left: -60px;
    width: 50px;
    height: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-title .title-with-arrow p {
    margin-bottom: 0;
}

.page-subtitle {
    margin-bottom: 30px;
}

.page-subtitle h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0;
}


/* Focus disable dotted box on focus */
a:focus,
button:focus,
.btn:focus,
.form-control:focus,
.form-check-input:focus,
.form-select:focus,
.choices__inner:focus,
.is-focused .choices__inner,
.is-open .choices__inner,
.choices__input,
.choices__input:focus,
.choices[data-type*="select-one"] .choices__input {
    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;
}

a.link-underline {
    text-decoration: underline;
}

a.link-underline:hover {
    text-decoration: none;
}

a.dark-link-underline {
    text-decoration: underline;
}

a.dark-link-underline:hover {
    text-decoration: none;
}

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

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

/* Text options */
.text-12 {
    font-size: 0.75rem;
}

/* 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;
}

/* 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: 40px;
    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 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.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: 20rem;
    max-width: 20rem;
}

.dropdown-item {
    padding: .625rem 1rem;
    white-space: normal;
}

.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 {
    width: auto;
    height: 14px;
    margin-right: 10px;
}

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

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

/*
.dropdown-arrow {
    width: 50px;
    height: 25px;
    position: absolute;
    top: -23px;
    left: 50%;
    transform: translateX(50%);
    overflow: hidden;
}

.dropdown-menu::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background: #fff;
    transform: translateX(-100%) translateY(-50%) rotate(45deg);
    top: 0%;
    left: 90%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}*/


/* 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 {
    position: relative;
    margin-bottom: 30px;
}

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

.input-with-span {
    position: relative;
}

.input-with-span input {
    padding-right: 85px;
}

.input-with-span span {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

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

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

.input-with-left-icon svg {
    width: 15px;
    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;
}

.input-with-left-icon svg.ionicon {
    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;
}

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

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

.input-with-right-icon svg {
    width: 15px;
    height: auto;
    position: absolute;
    right: 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;
}

.input-with-right-icon svg.ionicon {
    width: 20px;
    height: auto;
    position: absolute;
    right: 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;
}

label.btn {
    margin: 0;
    font-weight: 500;
    -webkit-appearance: initial;
}

.form-label.label-with-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.form-control {
    height: 3rem;
    font-size: 0.875rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.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;
}

.form-group .select-holder {
    display: inline-block;
    width: 50%;
}

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

.form-text {
    font-size: 1em;
    padding-left: 0.75em;
}

.form-text-preview {
    font-size: 1em;
    font-weight: 600;
    font-style: italic;
    padding-left: 30px;
}

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

.form-title.style-2 {
    border: 0 none;
    margin: 0;
    padding: 0;
    font-weight: 500;
}

.form-title.style-2:not(:first-child) {
    margin-top: 40px;
}

.form-title.style-2 h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.313rem;
    padding: 0;
}

.form-title.style-2 p {
    font-size: 0.875rem;
}

.form-title.style-3 {
    margin-top: 40px;
}

.form-title.style-3 h2 {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 0.313rem;
    padding: 0;
}

.form-title.style-3 p {
    font-size: 0.875rem;
    margin-bottom: 0;
}

.form-title.style-4 {
    position: relative;
    border: 0 none;
    margin-top: 40px;
    padding-bottom: 0;
}

.form-title.style-4>svg {
    position: absolute;
    top: calc(100% - 3px);
    left: -30px;
    width: 40px;
    height: auto;
    flex-shrink: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.form-title.style-4>a,
.form-title.style-4>.btn {
    display: inline-flex;
    align-items: flex-start;
    margin-bottom: 0.313rem;
    padding: 0;
    text-decoration: none;
    text-align: left;
}

.form-title.style-4 .ordinal-count {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.313rem;
    font-size: 1.25rem;
    line-height: 1.2;
}

.form-title.style-4>a:hover .ordinal-count,
.form-title.style-4>.btn:hover .ordinal-count {
    text-decoration: none;
}

.form-title.style-4 .title-content {
    display: flex;
    align-items: flex-start;
    -ms-flex: 1;
    flex: 1;
}

.form-title.style-4 .title-content h2 {
    font-size: 1.25rem;
    font-weight: 500;
    margin-right: 1rem;
    margin-bottom: 0;
    padding: 0;
}

.form-title.style-4>a:hover .title-content h2,
.form-title.style-4>.btn:hover .title-content h2 {
    text-decoration: underline;
}

.form-title.style-4 .title-content .icon-holder {
    width: max-content;
    line-height: 1;
}

.form-title.style-4 .title-content .icon-holder svg {
    width: 1.25rem;
    height: 1.25rem;
}

.form-title.style-4 p {
    font-size: 0.875rem;
    margin-bottom: 0;
}

.form-content-holder {
    margin-top: 40px;
}

.group-with-button .choices {
    margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

.form-control.is-invalid~label,
.was-validated .form-control:invalid~label {
    opacity: 1;
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    box-shadow: none;
}

.form-control.input-with-icon {
    padding: .375rem 2.25rem;
}

.form-floating {
    position: relative;
}

.form-floating>label {
    padding: 1.5rem 1.5rem 0 1.5rem;
}

.form-floating>.form-control {
    height: calc(4.5rem + 2px);
    padding: 1.5rem 1.5rem;
}

.form-floating>.form-select {
    height: calc(4.5rem + 2px);
    padding: 1.625rem 2.25rem .625rem 1.5rem;
    -moz-padding-start: 1.2rem;
}

/* Form floating with icon*/
.form-floating .form-control~.icon {
    position: absolute;
    left: -50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 40px;
    width: 40px;
    background-image: none;
}

.form-floating>.form-control.is-invalid:not(:placeholder-shown)~label,
label.is-invalid,
.form-control.is-invalid~label,
.was-validated .form-control:invalid~label {
    opacity: 1;
}

.form-floating .form-control~.error {
    display: flex;
    align-items: center;
    position: absolute;
    right: -205px;
    width: 200px;
    top: 0;
}

.form-floating .form-control~.error span {
    flex: 1;
    margin-left: 5px;
}

.form-floating .form-control~.error svg {
    position: relative;
    top: 5px;
    min-width: 40px;
    width: 40px;
    -webkit-transform: rotate(170deg);
    -moz-transform: rotate(170deg);
    -ms-transform: rotate(170deg);
    -o-transform: rotate(170deg);
    transform: rotate(170deg);
}

.form-inline-button {
    display: flex;
    align-items: flex-end;
    height: 100%;
}

/* Select */
.form-select {
    height: 3rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    padding: .375rem 2.25rem .375rem .75rem;
}

.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;
    margin-bottom: 5px;
    max-height: 150px;
    overflow-y: auto;
}

.check-holder.check-holder-xl {
    max-height: 200px;
}

.check-holder.check-holder-xl .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 switch */
.form-check.form-switch {
    margin-bottom: 0;
}

.form-check.form-switch.left {
    padding-left: 2.5em;
}


.form-check.form-switch.left .form-check-input {
    margin-left: -2.5em;
}

.form-check.form-switch.right {
    padding-left: 0;
    padding-right: 0;
}

.form-check.form-switch.right .form-check-input {
    margin: 0 0 0 10px;
}

.form-check.form-switch .form-check-input {
    width: 2em;
    background-position: left center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out;
}


.add-user-licence {
    margin-bottom: 10px;
    padding-left: 25px;
}

.add-user-licence .form-check .form-check-label {
    position: relative;
}

.add-user-licence .form-check .form-check-label svg {
    position: absolute;
    top: 20px;
    right: -20px;
    width: 40px;
    height: auto;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.offcanvas .select-all-packages {
    padding-left: 13px;
}

/* Form stacked */
.form-stacked .form-control,
.form-stacked .form-select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-top: 0;
}

/* Delatable list */
.deletable-list {
    padding: 0;
}

.deletable-list li {
    list-style: none;
    display: flex;
    align-items: center;
}

.deletable-list li a {
    font-weight: 600;
    text-decoration: underline;
}

.deletable-list li a,
.deletable-list li strong {
    margin-left: 3px;
}

.deletable-list li a:hover,
.deletable-list li .btn-link:hover {
    text-decoration: none;
}

.deletable-list li .btn-link {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    font-weight: 500;
    text-decoration: none;
}

.deletable-list li svg,
.deletable-list li .btn-link svg {
    width: 18px;
    height: auto;
    margin-left: 5px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.deletable-list li .btn-link:hover svg {
    opacity: 1;
    visibility: visible;
}

/* Typeahead-5 */
input.typeahead-5~.dropdown-menu {
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -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;
}

/* Alerts */
.alert {
    display: flex;
    align-items: center;
    padding: 1rem 2rem;
    min-height: 74px;
    margin-bottom: 50px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.alert-light {
    border: 0 none;
}

.alert-dismissible {
    padding-right: 6rem;
}

.alert-dismissible .btn-close,
.alert-dismissible .btn-ok {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    right: 2rem;
    text-transform: uppercase;
    opacity: 1;
    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%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.alert-dismissible .btn-close {
    background-image: none;
}

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

/* Toast */
.toast-container {
    position: fixed;
    padding: 0 0.75rem;
    top: 2.25rem;
    right: 3rem;
    z-index: 1051;
}

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

.toast {
    position: relative;
    width: 750px;
    border: 0 none;
    padding: 10px 90px 10px 22px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 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 .svg-deco {
    width: auto;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 90px;
    -webkit-transform: translateY(-50%) rotate(25deg);
    -moz-transform: translateY(-50%) rotate(25deg);
    -ms-transform: translateY(-50%) rotate(25deg);
    -o-transform: translateY(-50%) rotate(25deg);
    transform: translateY(-50%) rotate(25deg);
}

.toast .btn-close {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    right: 22px;
    text-transform: uppercase;
    background-image: none;
    opacity: 1;
    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%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

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

/* Modal */
.custom-modal .modal-content {
    border: 0 none;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 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;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 45px;
    height: 45px;
    background-image: none;
    opacity: 1;
}

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

.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-header-content p {
    margin-bottom: 0;
}

.custom-modal .modal-header-content p svg {
    width: 16px;
    height: auto;
    margin-left: 5px;
    flex-shrink: 0;
}

.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;
}

/* 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;
}

/* Button icon */
.btn-with-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.btn-with-icon svg {
    width: 14px;
    height: auto;
}

/* Button pill */
.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: 14px;
    margin-right: 5px;
}

.btn-pill-white-shadow-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;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.btn-pill-gray-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-blue-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-blue-30 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 2rem;
    font-size: 0.75rem;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.btn-pill-green-30 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 2rem;
    font-size: 0.75rem;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.btn-pill-magenta-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-black-30 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 2rem;
    font-size: 0.75rem;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.btn-pill-dark-blue-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;
}

/* Button square */
.btn-square-black-45 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    padding: 0 3rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.btn-square-gray-45 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    padding: 0 3rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.btn-square-gray-45 svg {
    width: 20px;
    height: auto;
    margin-right: 10px;
}

.btn-square-blue-45 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    padding: 0 3rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.btn-square-green-45 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    padding: 0 3rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.btn-square-magenta-45 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    padding: 0 3rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

/* Button square colored text */
.btn-square-blue-text-30 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 1rem;
    font-size: 0.75rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.btn-square-red-text-30 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 1rem;
    font-size: 0.75rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.btn-square-blue-text-30 span,
.btn-square-red-text-30 span {
    font-size: 1.25rem;
    margin-right: 5px;
}

.btn-square-blue-text-30:disabled,
.btn-square-red-text-30:disabled {
    opacity: 1;
}

.btn-square-blue-text-30:disabled:hover,
.btn-square-red-text-30:disabled:hover {
    opacity: 1;
}

/* Button outline */
.btn-pill-blue-outline-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;
}

/* Button hover */
.btn-pill-white-45:hover,
.btn-pill-white-shadow-45:hover,
.btn-pill-blue-45:hover,
.btn-pill-green-30:hover,
.btn-pill-magenta-45:hover,
.btn-pill-blue-30:hover,
.btn-square-gray-45:hover,
.btn-square-blue-45:hover,
.btn-square-green-45:hover,
.btn-square-magenta-45:hover,
.btn-square-black-45:hover,
.btn-pill-black-30:hover,
.btn-pill-dark-blue-45:hover,
.btn-square-blue-text-30:hover,
.btn-square-red-text-30:hover,
.btn-pill-blue-outline-45:hover,
.btn-with-icon:hover,
.alert-dismissible .btn-close:hover,
.alert-dismissible .btn-ok:hover,
.toast .btn-close:hover,
.btn-close:hover,
.header .menu-button .btn:hover,
.btn.my-courses:hover,
.col-header-options .btn.my-team:hover,
.col-header-options .btn-user:hover,
.header .col-header-options .btn-icon:hover,
.header-container-course .col-header-options .lessons-menu-option .btn:hover,
.header-container-quiz .close-option .btn-close:hover,
.header .col-header-options .btn-icon-dropdown:hover,
.chat-bot .chat-bot-header .btn-close:hover,
.chat-bot .chat-bot-input .btn-send:hover,
.course-item-box .package-elements .package-cart .btn-link:hover,
.course-item-box .package-elements .package-cart .btn-link:hover .btn-with-icon,
.course-item-box .package-elements .package-cart .my-cart .package-cart-header .btn-close:hover,
.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .btn-info:hover,
.custom-modal .modal-header .btn-close:hover,
.desktop-table .table-header .col .btn-sort:hover,
.cart-listing .cart-item .cart-item-content .cart-item-top .cart-item-options .btn-option:hover,
.cart-listing .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group .btn:hover,
.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-options .btn-option:hover,
.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group .btn:hover,
.landing-middle-section .feature-box .feature-box-title a:hover .feature-icon,
.inner-content-section .social-share .btn-share:not(:first-of-type):hover,
.col-header-options .score-option a:hover,
.aside-holder .custom-accordion .accordion-item .accordion-button:hover,
.btn-menu:hover,
.header .col-publish-actions .btn:hover {
    opacity: 0.8;
}

.cart-listing .cart-item .cart-item-content .cart-item-top .cart-item-options .btn-option:hover:disabled,
.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-options .btn-option:hover:disabled {
    opacity: .65;
}

/* 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%);
}

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

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

/* Login */
.login-section .logo {
    height: 45px;
    width: auto;
}

.login-section .content-holder {
    padding: 30px 15px;
}

.login-section .content-holder .btn-holder {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.login-section .content-holder .btn-holder span {
    margin-right: 10px;
    font-size: 0.875rem;
    font-weight: 600;
}

.login-section .content-holder .btn-holder span svg {
    position: relative;
    top: 5px;
    width: 40px;
    margin-left: 5px;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
}

.login-section .background-section {
    height: 100vh;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
    z-index: 1;
    position: relative;
    overflow: hidden;
}

.login-section .content-holder .login-fields h1 {
    font-size: 1.875rem;
    font-weight: 400;
}

.login-section .content-holder .login-fields form {
    margin-top: 20px;
}

.login-section .login-fields .button-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.login-section.register-section .login-fields .button-holder {
    align-items: flex-end;
    margin-bottom: 0;
}

.login-section.register-section .login-fields .button-holder .btn {
    position: relative;
    top: 10px;
}

.login-section.register-section .login-fields .login-networks {
    margin-top: 30px;
}

.login-section .login-fields .form-bottom-options {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.login-section .login-fields .form-bottom-options.bottom-option-register {
    margin-top: 20px;
}

.login-section .login-fields .label-check-holder {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}

.login-section .login-fields .label-check-holder a {
    text-decoration: underline;
}

.login-section .login-fields .label-check-holder a:hover {
    opacity: 0.9;
}

.login-section .login-fields .trial-holder {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}

.login-section .login-fields .trial-holder .label-arrow {
    margin-bottom: 10px;
}

.login-section .login-fields .trial-holder .form-check {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 5px;
}

.login-section .login-fields .trial-holder .form-check .form-check-input {
    margin-top: 0;
    margin-right: 0.5rem;
}

.login-section .login-fields .info-text,
.login-section .login-fields .trial-holder .trial-message {
    margin-top: 15px;
    margin-bottom: 0;
}

.login-section .login-fields .info-text svg,
.login-section .login-fields .trial-holder .trial-message svg {
    width: 20px;
    height: auto;
    margin-left: 5px;
}

.login-section .login-fields .form-stacked label.label-arrow {
    position: relative;
    padding-left: 20px;
    flex-basis: 100%;
}

.login-section .login-fields .form-stacked label.label-arrow svg {
    position: absolute;
    top: 15px;
    left: 0;
    width: 50px;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.login-section .login-fields .form-check {
    margin-top: 8px;
    margin-left: 50px;
}

.login-section .login-fields .login-networks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.login-section .login-fields .login-networks p {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

.login-section .login-fields .login-networks a {
    margin-left: 10px;
}

.login-section .login-fields .login-networks a svg {
    width: 40px;
}

/* Register activation */
.login-section.activation-section .login-fields {
    justify-content: center;
    text-align: center;
}

.login-section.activation-section .login-fields-holder .top-options-holder {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 30px 27px 0 27px;
}

.login-section.activation-section .logo {
    position: relative;
    top: 0;
    left: 0;
}

.login-section.activation-section .content-holder .login-fields {
    margin: 0;
}

.login-section.activation-section .login-fields .main-icon {
    margin-bottom: 30px;
}

.login-section.activation-section .login-fields .main-icon svg {
    width: 300px;
    height: auto;
}

.login-section.activation-section .login-fields .title-activation {
    font-size: 3rem;
}

.login-section.activation-section .login-fields .activation-message {
    font-size: 1rem;
}

.login-section.activation-section .login-fields .activation-message svg {
    width: 70px;
    height: auto;
}

.login-section.activation-section .login-fields .button-holder {
    justify-content: center;
}

.login-section.activation-section .content-holder .login-fields form {
    margin-top: 50px;
}

.footer-mini .footer-bottom {
    background-color: transparent;
}

.activation-footer {
    position: absolute;
    bottom: 0;
    padding-bottom: 30px;
    text-align: center;
}

.activation-footer p {
    margin-bottom: 0;
}

.activation-footer p a {
    font-weight: 600;
}

.activation-footer p svg {
    width: 25px;
    height: 25px;
    margin-left: 5px;
}

.login-footer {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.login-footer .content-holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px 30px 15px;
}

.login-footer .media .media-body p {
    margin-bottom: 0;
}

.login-footer .media .media-body p:first-of-type {
    font-size: 1rem;
}

.login-footer .media svg {
    width: 40px;
    height: 40px;
}

.login-footer .nav-links {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
}

.login-footer .nav-links a {
    padding: .375rem .75rem;
}

.login-footer .nav-links a:not(:last-child) {
    margin-right: 5px;
}

.login-footer .nav-links a.svg-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.login-footer .nav-links a svg {
    width: 25px;
}

.login-footer .content-holder.content-right {
    align-items: flex-end;
}

.login-footer .content-holder.content-right p {
    display: flex;
    justify-content: center;
    flex-basis: 100%;
    text-align: center;
}

.login-footer .content-holder.content-right p a {
    font-weight: 600;
}

.login-footer .content-holder.content-right p svg {
    width: 25px;
    height: 25px;
    margin-left: 5px;
}

/* Banners */
.top-banner img {
    max-width: 100%;
    height: auto;
}

/* Video background */
.video-background {
    position: relative;
    overflow: hidden;
}

.video-background video {
    display: block;
    min-width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-attachment: scroll;
    min-height: 100%;
    height: auto;
    width: auto;
    top: auto;
    bottom: 0;
    left: 0;
    background-size: cover;
    position: absolute;
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
}

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

.header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 5rem;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 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 .col-logo .change-logo {
    position: absolute;
    top: 100%;
    left: 100%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.header .col-logo .change-logo svg {
    width: 40px;
    height: auto;
    margin-right: 5px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.header .col-logo .change-logo a {
    position: absolute;
    top: 25px;
}

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

.col-menu {
    display: flex;
    align-items: center;
}

/*.header .menu-button {
    min-width: 140px;
    max-width: 140px;
}*/
.header .menu-button .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 30px 0 20px;
    margin: 0;
    font-weight: 600;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.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: 40px;
    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.25rem;
}

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

.header .col-header-center .header-center-holder .search-box .input-group .select-holder:before {
    content: "";
    height: 30px;
    width: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    -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 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;
    text-decoration: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.header-not-logged-in .header-not-logged-in-options .btn:last-child {
    margin-left: 2rem;
}

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

.header-not-logged-in.with-mobile-menu .front-mobile-menu {
    display: none;
}

.header-not-logged-in.with-mobile-menu {
    align-items: center;
}

.header-not-logged-in.with-mobile-menu .front-mobile-menu .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
}

.header-not-logged-in.with-mobile-menu .front-mobile-menu .btn svg {
    right: unset;
}


/* Search */
.search-box svg.search-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    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;
}

.btn.my-courses {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    height: 30px;
    padding: 0 20px;
    margin: 0;
    font-weight: 600;
}

/* header-options */
.col-header-options .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    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 .score-option {
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin: 0;
}

.col-header-options .score-option a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0;
    -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: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.col-header-options .score-option a:not(:last-child) {
    margin-right: 15px;
}

.col-header-options .score-option a:hover {
    text-decoration: none;
}

.col-header-options .score-option a svg {
    width: 20px;
    height: 20px;
}

.col-header-options .score-option a span {
    position: absolute;
    top: 0;
    left: calc(100% - 0.875rem);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.col-header-options .score-option strong {
    margin-left: 5px;
}

.col-header-options .cart-option .badge-notification {
    top: 0.375rem;
    left: 100%;
    width: unset;
    height: unset;
    padding: 0.25em 0.5em;
    font-size: .75em;
    line-height: 1;
    z-index: 1;
    font-weight: 700;
}

.col-header-options .btn-user .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%;
}

.col-header-options .btn-user img {
    width: 40px;
    height: 40px;
    -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-user .media-body {
    display: flex;
    align-items: center;
}

.col-header-options .btn-user .user-notification {
    position: relative;
    margin-left: 5px;
}

.col-header-options .btn-user .user-notification svg {
    width: 1.25rem;
    height: 1.25rem;
}

.col-header-options .btn-user .user-notification .badge {
    position: absolute;
    top: -0.375rem;
    left: calc(100% - 0.375rem);
}

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

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

.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: 40px;
    height: 40px;
    padding: 3px;
    -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: 25px;
    height: 25px;
}

.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%;
}

/* Cart dropdown */
.col-header-options .dropdown-cart .cart-item {
    display: flex;
    position: relative;
    padding: 1rem;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top {
    display: flex;
    align-items: flex-start;
    align-self: flex-start;
    flex-basis: 100%;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 5px;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-image {
    display: flex;
    align-items: flex-start;
    width: 40%;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-image img {
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-options {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-options .btn-option {
    padding: 0;
    height: auto;
    padding: 0 5px;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-options .btn-option:first-child {
    margin-right: 5px;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-top .cart-item-header .cart-item-options svg {
    width: auto;
    height: 18px;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-title {
    width: 100%;
    margin-bottom: 10px;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-title a {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-title a svg {
    width: 16px;
    height: auto;
    margin-left: 5px;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-title h2 {
    font-size: 1rem;
    margin-bottom: 0;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    align-self: flex-end;
    flex-basis: 100%;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    flex-basis: 100%;
    margin-bottom: 5px;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-price del {
    margin-right: 10px;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-price span {
    font-size: 1.5rem;
    margin-right: 3px;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity {
    display: flex;
    align-items: center;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group {
    margin-bottom: 0;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group .input-group {
    align-items: center;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group .btn {
    padding: 0 10px;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group .btn svg {
    width: 20px;
    height: auto;
}

.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group .form-control {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 45px;
    font-size: 1.25rem;
    padding: 0;
    border: 0 none;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.col-header-options .dropdown-cart .cart-total-price-holder {
    padding: 1.875rem 1rem 1.25rem 1rem;
}

.col-header-options .dropdown-cart .cart-total-price-holder .cart-total-price {
    position: relative;
    display: inline-block;
}

.col-header-options .dropdown-cart .cart-total-price-holder .cart-total-price .hover-notification {
    position: absolute;
    top: -15px;
    right: -25px;
    min-width: 130px;
}

.col-header-options .dropdown-cart .cart-total-price-holder .cart-total-price .hover-notification svg {
    position: absolute;
    top: 15px;
    right: -20px;
    width: 40px;
    height: auto;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.col-header-options .dropdown-cart .cart-total-price-holder .cart-total-price .total-price {
    font-size: 2rem;
    font-weight: 600;
}

.col-header-options .dropdown-cart .cart-total-price-holder .cart-total-price .total-price small {
    font-size: 1rem;
    margin-left: 5px;
}

.col-header-options .dropdown-cart .cart-total-price-holder p {
    margin-bottom: 0;
}

.col-header-options .dropdown-cart .cart-total-price-holder p del {
    margin-left: 5px;
}

/* Moj nalog  */
.user-header {
    margin-bottom: 40px;
}

.user-header .media-image {
    align-items: center;
    justify-content: center;
    width: 106px;
    height: 106px;
    padding: 4px;
    margin-right: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

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

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

.user-header h1,
.user-header p:last-child {
    margin-bottom: 0;
}

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

.user-header p a {
    margin-left: 5px;
}

.user-header p a.dark-link-underline {
    margin-left: 0;
}

.user-item-box {
    position: relative;
    height: 140px;
    padding: 25px 20px;
    margin-bottom: 30px;
}

.user-item-box h2 {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    margin: 0;
    padding: 0 20px;
}

.user-item-box:hover h2 {
    text-decoration: underline;
}

.user-item-box h2 svg.arrow-left {
    position: absolute;
    top: 21px;
    left: 0;
    width: 40px;
    height: auto;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.user-item-box h2 svg.arrow-right {
    min-width: 56px;
    width: 56px;
    height: auto;
    margin: 0 15px;
}

.user-item-box h2 svg {
    width: auto;
    height: 23px;
}

.user-item-box p {
    margin: 0;
    padding: 0 20px;
    margin-top: 25px;
}

.deactivate {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px;
}

.deactivate p {
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 0.5rem;
}

.deactivate svg {
    width: 30px;
    height: auto;
    margin-left: 10px;
}

/* Video tutorial modal */
.video-tutorial {
    position: fixed;
    left: 24px;
    bottom: 24px;
    width: 610px;
    display: flex;
    justify-content: flex-start;
    padding: 20px 20px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 1010;
}

.video-tutorial .video-holder {
    display: flex;
    flex-shrink: 0;
    width: 200px;
    height: 200px;
    margin-right: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.video-tutorial .video-holder .jwplayer * {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.video-tutorial .tutorial-content {
    display: flex;
    flex-wrap: wrap;
}

.video-tutorial .tutorial-content-top {
    align-self: flex-start;
}

.video-tutorial .tutorial-content h3 {
    font-size: 1.25rem;
    font-weight: 600;
}

.video-tutorial .tutorial-content p {
    margin-bottom: 0;
}

.video-tutorial .tutorial-options {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    align-self: flex-end;
    flex-basis: 100%;
}

.video-tutorial .tutorial-options .btn:not(:last-child) {
    margin-right: 15px;
}

/* Licni podaci */
.user-header .button-holder {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.user-header .button-holder .btn:not(:last-child) {
    margin-right: 15px;
}

.user-header .button-holder .btn.disabled,
.user-header .button-holder .btn:disabled {
    opacity: 1;
}

.user-header .button-holder .hover-notification {
    position: absolute;
    top: -40px;
    left: 150px;
    display: flex;
    align-items: baseline;
    padding-left: 10px;
    font-size: 0.875rem;
}

.user-header .button-holder .hover-notification svg {
    position: relative;
    top: 10px;
    width: 40px;
    margin-right: 5px;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.password-change {
    margin-top: 60px;
}

/* Notifications */
.admin-top-notification {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    padding: 0 15px;
}

.admin-top-notification p {
    margin-bottom: 0;
    font-weight: 600;
}

.admin-top-notification a {
    font-weight: 600;
    text-decoration: underline;
}

/* Moji kursevi */
.top-course .top-course-title {
    margin-bottom: 10px;
}

.top-course .top-course-title h1 {
    position: relative;
    margin-bottom: 5px;
}

.top-course .top-course-title .media {
    align-items: flex-start;
}

.top-course .top-course-title svg {
    position: absolute;
    top: 50%;
    left: -60px;
    width: 50px;
    height: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.top-course .top-course-title p {
    margin-bottom: 0;
}

.course-data {
    margin-top: 15px;
}

.course-status {
    display: flex;
    position: relative;
}

.course-status .course-count {
    margin-right: 15px;
}

.course-status .course-time,
.course-status .course-total-time {
    margin-left: 15px;
}

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

.course-status .course-count span {
    padding-right: 5px;
}

.course-status>svg {
    position: absolute;
    top: 15px;
    left: -20px;
    width: 40px;
    height: auto;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

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

.course-status .course-count svg,
.course-status .course-medal svg,
.course-status .course-time svg,
.course-status .course-total-time svg,
.course-certificate svg {
    width: auto;
    height: 16px;
    margin-right: 5px;
}

.course-link {
    display: inline-block;
    margin-top: 8px;
    padding-left: 20px;
}

.course-continue {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 0;
}

.course-continue .course-last-view {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding: 0 1.5rem;
    margin-right: 25px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.course-continue .course-last-view strong {
    margin-left: 5px;
}

.course-continue .course-last-view-arrow {
    width: 50px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: -36px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    overflow: hidden;
}

.course-continue .course-last-view-arrow:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.course-continue .btn {
    padding: 0 3rem;
}

.course-continue .btn:not(:last-child) {
    margin-right: 1rem;
}

.progress.course-bar {
    position: relative;
    overflow: visible;
    max-width: calc(100% - 65px);
    margin-top: 50px;
    margin-bottom: 60px;
}

.course-bar .course-mark {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: -5px;
}

.hr-user-view .course-bar .course-mark .course-progress-icon {
    position: absolute;
    bottom: calc(100% + 5px);
}

.hr-user-view .course-bar .course-mark .course-progress-icon svg {
    width: 20px;
    height: auto;
}

.course-bar .course-mark .course-dot {
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.course-bar .course-mark .course-lesson {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
}

.course-bar .course-icon {
    position: absolute;
    -webkit-transform: translateY(-65%);
    -moz-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    -o-transform: translateY(-65%);
    transform: translateY(-65%);
}

.course-bar .course-icon svg {
    width: auto;
    height: 37px;
}

.course-bar .course-icon img {
    width: auto;
    height: 37px;
}

.course-bar .course-trophy {
    position: absolute;
    left: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.course-bar .course-trophy svg {
    width: 40px;
    height: auto;
}

.course-bar .course-trophy.unfinished {
    bottom: -5px;
}

.course-bar .course-trophy.unfinished .trophy-finished,
.course-bar .course-trophy.unfinished svg.firework-svg {
    display: none;
}

.course-bar .course-trophy.finished {
    bottom: -5px;
}

.course-bar .course-trophy.finished .trophy-unfinished {
    display: none;
}

.course-bar .course-trophy.finished svg.firework-svg {
    position: absolute;
    top: -60px;
    left: -10px;
    width: 60px;
    height: auto;
}

.course-bar .course-trophy.finished svg.firework-svg .animate-opacity-1 {
    opacity: 0;
    animation: animate-opacity-1 1.5s infinite;
}

.course-bar .course-trophy.finished svg.firework-svg .animate-opacity-2 {
    opacity: 0;
    animation: animate-opacity-2 2s infinite;
}

.course-bar .course-trophy.finished svg.firework-svg .animate-opacity-3 {
    position: relative;
    top: 0px;
    animation: animate-opacity-3 2.5s infinite;
}

.course-bar .course-progress-total {
    position: absolute;
    left: 100%;
    width: 65px;
    text-align: left;
    padding-left: 15px;
    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%);
}

/* Active 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:hover {
    text-decoration: underline;
}

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

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

.inner-front .section-main-nav {
    justify-content: flex-end;
    align-items: flex-end;
    margin-bottom: 30px;
    height: 100%;
}

.inner-front .section-main-nav .section-nav {
    position: relative;
}

.inner-front .section-main-nav .section-nav>svg {
    position: absolute;
    left: -65px;
    bottom: calc(100% + 10px);
    width: 65px;
    height: auto;
}

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

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

.section-main-nav .section-nav .btn-nav {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0;
    margin: 0 0.625rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.section-main-nav .section-nav .btn-nav:hover,
.section-main-nav .section-nav .btn-nav:focus,
.section-main-nav .section-nav .btn-nav:active,
.section-main-nav .section-nav .btn-nav.active {
    text-decoration: none;
}

.section-main-nav .section-nav .btn-nav:first-of-type {
    margin-left: 1.25rem;
}

.inner-front .section-main-nav .section-nav .btn-nav:first-of-type {
    margin: 0 0.625rem;
}

.section-main-nav .section-nav .btn-nav:last-of-type {
    margin-right: 0;
}

.section-main-nav .section-nav .btn-nav:last-of-type svg {
    position: relative;
    top: 0;
    right: 0;
    margin-left: 10px;
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
}

.section-main-nav .section-nav .btn-nav.show svg {
    -webkit-transform: translateY(0) rotate(180deg);
    -moz-transform: translateY(0) rotate(180deg);
    -ms-transform: translateY(0) rotate(180deg);
    -o-transform: translateY(0) rotate(180deg);
    transform: translateY(0) rotate(180deg);
}

/* course-item-box */
.course-item-box {
    position: relative;
    margin-bottom: 50px;
}

.course-item-box .course-item-image-holder {
    position: relative;
    margin-bottom: .5rem;
}

.course-item-box .course-item-image-holder svg.mandatory-badge {
    position: absolute;
    top: -7px;
    left: 15px;
    width: 24px;
    height: auto;
    z-index: 1;
}

.course-item-box .course-unavailable-holder,
.course-purchase-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.course-purchase-holder .course-purchase-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.course-purchase-holder .btn {
    text-transform: none;
}

.course-purchase-holder .btn:not(:last-child) {
    margin-right: 15px;
}

.course-item-box .course-unavailable-content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-basis: 80%;
}

.course-item-box .course-unavailable-content .course-unavailable-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 30px;
    margin-bottom: 15px;
    font-weight: 600;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.course-item-box .course-unavailable-content .course-unavailable-box .course-unavailable-box-arrow {
    width: 50px;
    height: 25px;
    position: absolute;
    bottom: -36px;
    left: 22px;
    -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);
    overflow: hidden;
}

.course-item-box .course-unavailable-content .course-unavailable-box .course-unavailable-box-arrow::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.course-item-box .course-unavailable-content .course-unavailable-box .unavailable-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.course-item-box .course-unavailable-content .course-unavailable-box .unavailable-icon svg {
    width: 16px;
    height: 16px;
}

.course-item-box .course-unavailable-content p {
    font-weight: 600;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}

.course-item-box .course-unavailable-content p a {
    text-decoration: underline;
}

.course-item-box .course-unavailable-content p a:hover {
    text-decoration: none;
}

.course-item-box img {
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -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 img:hover {
    opacity: 0.9;
}

.course-item-box .top-package-info,
.course-item-box .course-item-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

.course-item-box .course-group {
    display: flex;
    align-items: center;
}

.course-item-box .course-group a {
    margin-right: 5px;
}

.course-item-box .course-group .btn-teacher {
    padding: 0;
    text-decoration: none;
    margin-left: 3px;
}

.course-item-box .course-group .btn-teacher:hover {
    text-decoration: underline;
}

.course-item-box .course-item-info .course-rating {
    display: flex;
    align-items: center;
}

.course-item-box .course-item-info .course-rating svg {
    width: 16px;
    height: auto;
    margin-right: 5px;
}

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

.course-item-box h2 {
    font-size: 1rem;
    font-weight: 600;
}

.course-item-box h2 a {
    text-decoration: none;
}

.course-item-box h2 a:hover,
.course-item-box h2 a:focus {
    text-decoration: underline;
}

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

.course-item-box .course-bar .course-progress-total {
    font-size: 0.875rem;
    padding-left: 10px;
    width: 50px;
}

.course-item-box .package-elements {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.course-item-box .package-elements .package-rating {
    display: flex;
    align-items: center;
}

.course-item-box .package-elements .package-rating svg {
    width: 16px;
    height: auto;
    margin-right: 5px;
}

.course-item-box .package-elements .package-rating span {
    margin-left: 5px;
}

.course-item-box .package-elements .package-rating .btn-link {
    margin-left: 5px;
    padding: 0;
    text-decoration: none;
}

.course-item-box .package-elements .package-rating .btn-link:hover {
    text-decoration: underline;
}

.course-item-box .package-elements .package-cart {
    display: flex;
    position: relative;
}

.course-item-box .package-elements .package-cart .btn-link {
    display: flex;
    align-items: center;
    padding: 0;
    text-decoration: none;
}

.course-item-box .package-elements .package-cart .btn-with-icon {
    width: 40px;
    height: 40px;
    padding: 0;
    margin-left: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.course-item-box .package-elements .package-cart .btn-with-icon svg {
    width: 18px;
    height: auto;
}

.course-item-box .package-elements .package-cart .my-cart {
    position: absolute;
    top: 50%;
    right: 60px;
    min-width: 360px;
    max-width: 360px;
    z-index: 30;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.course-item-box .package-elements .package-cart .my-cart .package-cart-arrow {
    width: 50px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: -35px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    overflow: hidden;
}

.course-item-box .package-elements .package-cart .my-cart .package-cart-arrow::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.course-item-box .package-elements .package-cart .my-cart .package-cart-header {
    padding: 20px 60px 20px 20px;
}

.course-item-box .package-elements .package-cart .my-cart .package-cart-header h5 {
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 600;
}

.course-item-box .package-elements .package-cart .my-cart .package-cart-header p {
    margin-bottom: 0;
}

.course-item-box .package-elements .package-cart .my-cart .package-cart-header .btn-close {
    position: absolute;
    top: 15px;
    right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 30px;
    height: 30px;
    background-image: none;
    opacity: 1;
}

.course-item-box .package-elements .package-cart .my-cart .package-cart-header .btn-close svg {
    width: 10px;
    height: auto;
}

.course-item-box .package-elements .package-cart .my-cart form .select-fields {
    margin-bottom: 15px;
}

.course-item-box .package-elements .package-cart .my-cart .package-cart-content,
.course-item-box .package-elements .package-cart .my-cart .package-cart-options {
    padding: 20px;
}

.course-item-box .package-elements .package-cart .my-cart .package-cart-content p.title {
    font-weight: 600;
    margin-bottom: 15px;
}

.course-item-box .package-elements .package-cart .my-cart .package-price {
    margin-bottom: 15px;
}

.course-item-box .package-elements .package-cart .my-cart .package-price p {
    margin-bottom: 0;
}

.course-item-box .package-elements .package-cart .my-cart .package-price p.price {
    font-weight: 600;
}

.course-item-box .package-elements .package-cart .my-cart .package-price p span {
    font-size: 1.875rem;
}

.course-item-box .package-elements .package-cart .my-cart .package-price p del {
    margin-left: 5px;
}

.course-item-box .package-elements .package-cart .my-cart .package-cart-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.course-item-box .package-elements .package-cart .my-cart .package-cart-options .btn {
    padding: 0 2rem;
}

.course-item-box .package-elements .package-cart .my-cart .package-cart-options .option-holder {
    position: relative;
    font-size: 1.5rem;
    padding-right: 35px;
}

.course-item-box .package-elements .package-cart .my-cart .package-cart-options .option-holder p {
    margin-bottom: 0;
}

.course-item-box .package-elements .package-cart .my-cart .package-cart-options .option-holder small {
    font-size: 0.875rem;
}

.course-item-box .package-elements .package-cart .my-cart .package-cart-options .hover-notification {
    position: absolute;
    top: -20px;
    right: 15px;
    width: 130px;
    font-size: 0.875rem;
}

.course-item-box .package-elements .package-cart .my-cart .package-cart-options .hover-notification svg {
    position: absolute;
    top: 15px;
    right: -20px;
    width: 40px;
    height: auto;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.course-item-box .course-status {
    justify-content: space-between;
}

.course-item-box .course-info {
    display: flex;
}

.course-item-box .course-count {
    padding-left: 0;
}

.load-more {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
}

.load-more .load-more-holder {
    width: 300px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.load-more .load-more-holder p {
    margin-bottom: 5px;
    text-align: center;
    width: 100%;
}

.load-more .load-more-holder .progress {
    width: 100%;
    margin-bottom: 15px;
}

.load-more .btn {
    padding: 0 3rem;
}

.popover {
    border: 0 none;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.popover-header {
    border-bottom: 0 none;
    -webkit-border-top-left-radius: 0.5rem;
    -webkit-border-top-right-radius: 0.5rem;
    -moz-border-radius-topleft: 0.5rem;
    -moz-border-radius-topright: 0.5rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.popover.bar-popover .popover-body {
    padding: 0.5em 1em;
}


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

.offcanvas-divider {
    margin: .5rem 0;
    overflow: hidden;
    opacity: 1;
}

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

.offcanvas .btn-close {
    background-image: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    width: 35px;
    height: 35px;
    position: absolute;
    top: unset;
    right: 1.5rem;
    opacity: 1;
}

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

.offcanvas-close .btn {
    width: 100%;
}

.offcanvas-close .btn svg {
    width: auto;
    height: 14px;
    margin-right: 10px;
}

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

.offcanvas-filter .offcanvas-header {
    padding: 2rem 1.5rem 0 1.5rem;
}

.offcanvas-filter .offcanvas-header svg.right-down-arrow {
    position: absolute;
    top: 4rem;
    left: 10px;
    width: 40px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

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

.offcanvas-filter .bottom-filters {
    padding: 2rem 0;
}

.offcanvas-filter .bottom-filters .btn:not(:last-child) {
    margin-bottom: 10px;
}

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

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

/* 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:first-of-type {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

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

.custom-accordion .accordion-button {
    padding: 1rem 0;
    font-weight: 600;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.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-body .form-check {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 0.5rem;
}

.custom-accordion .accordion-body .form-check .form-check-input {
    margin-top: 0;
    margin-right: 0.5rem;
}

/* 404 */
.error-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.error-content .media {
    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%);
    padding-top: 5rem;
    padding-bottom: 200px;
}

.error-content .media .media-image {
    align-items: flex-start;
    margin-right: 60px;
}

.error-content .media .media-image img {
    max-width: 360px;
    height: auto;
}

.error-content .media .media-body h1 {
    font-size: 4rem;
    font-weight: 800;
    text-transform: uppercase;
}

.error-content .media .media-body p {
    font-size: 1rem;
    margin-bottom: 0;
}

.error-content .media .media-body .button-holder {
    display: flex;
    margin-top: 50px;
}

.error-content .media .media-body .button-holder .separator {
    display: none;
}

.error-content .media .media-body .button-holder .btn:not(:last-child) {
    margin-right: 20px;
}

/* Kurs */
.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-badges {
    display: flex;
    justify-content: flex-end;
    width: 50px;
    position: absolute;
    top: 50%;
    left: -55px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 30;
}

.lesson-list-item .item-badges svg {
    width: 20px;
    height: 20px;
}

.lesson-list-item .item-badges .badge-holder {
    position: relative;
}

.lesson-list-item .item-badges .badge-holder .btn-badge {
    padding: 0;
}

.lesson-list-item .item-badges .my-note {
    position: absolute;
    top: 50%;
    left: calc(100% + 15px);
    min-width: 350px;
    max-width: 350px;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.lesson-list-item .item-badges .my-note .note-arrow {
    width: 50px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: -35px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    overflow: hidden;
}

.lesson-list-item .item-badges .my-note .note-arrow::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.lesson-list-item .item-badges .my-note .note-content {
    position: relative;
    padding: 0;
}

.lesson-list-item .item-badges .my-note .note-content .form-control {
    border: 0 none;
    padding: 15px 20px;
    min-height: 300px;
    max-height: 300px;
    overflow-y: auto;
    resize: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.lesson-list-item .item-badges .my-note .note-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.lesson-list-item .item-badges .my-note .note-options .option-holder {
    display: inline-flex;
    align-items: center;
}

.lesson-list-item .item-badges .my-note .note-options .option-holder a {
    text-decoration: none;
}

.lesson-list-item .item-badges .my-note .note-options .option-holder a:hover {
    text-decoration: underline;
}

.lesson-list-item .item-badges .my-note svg.bookmark-badge {
    position: absolute;
    top: -7px;
    right: 15px;
    width: 20px;
    height: 20px;
}

.lesson-list-item .item-badges .badge-holder .hover-notification {
    position: absolute;
    top: -35px;
    left: 6px;
    display: flex;
    align-items: flex-start;
    width: 200px;
    opacity: 0;
    visibility: hidden;
    -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 .item-badges .badge-holder svg:hover~.hover-notification,
.lesson-list-item .item-badges .badge-holder .btn-badge:hover~.hover-notification {
    opacity: 1;
    visibility: visible;
}

.lesson-list-item .item-badges .badge-holder .hover-notification svg {
    width: 35px;
    height: auto;
    flex-shrink: 0;
}

.lesson-list-item .item-badges .badge-holder .hover-notification span {
    position: relative;
    top: -7px;
}

.lesson-list-item .item-badges svg:not(:last-child) {
    margin-right: 5px;
}

.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%;
    z-index: 20;
    cursor: pointer;
}

.lesson-list-item .item-icon .hover-notification {
    position: absolute;
    top: -47px;
    left: 13px;
    display: flex;
    align-items: flex-start;
    width: 200px;
    opacity: 0;
    visibility: hidden;
    -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 .item-icon a:hover~.hover-notification {
    opacity: 1;
    visibility: visible;
}

.lesson-list-item .item-icon .hover-notification svg {
    width: 40px;
    height: auto;
    flex-shrink: 0;
}

.lesson-list-item .item-icon .hover-notification span {
    position: relative;
    top: -7px;
    left: 5px;
}

.lesson-list-item .item-icon svg {
    width: 20px;
    height: 20px;
}

.lesson-list-item.with-connected-practice .connected-practice-svg {
    display: block;
}

.lesson-list-item .connected-practice-svg {
    display: none;
    position: absolute;
    left: -20px;
    top: 65px;
    width: 40px;
    height: auto;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.lesson-list-item.connected {
    margin-left: 20px;
}

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

.lesson-list-item.disabled .item-icon svg {
    width: 16px;
    height: 16px;
}

.lesson-list-item .item-icon svg.icon-play {
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -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 .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 .item-info {
    margin-bottom: 0;
    margin-right: 10px;
}

.lesson-list-item .script-notification {
    position: absolute;
    top: 50%;
    right: 50px;
    line-height: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.lesson-list-item .script-notification svg {
    width: 16px;
    height: auto;
}

.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 svg {
    width: 22px;
    height: 22px;
}

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

.lesson-list-item .item-action .action-holder .badge.badge-notification {
    -webkit-transform: translate(-65%, -50%);
    -moz-transform: translate(-65%, -50%);
    -ms-transform: translate(-65%, -50%);
    -o-transform: translate(-65%, -50%);
    transform: translate(-65%, -50%);
}

.lesson-list-item .item-action .action-holder .hover-notification {
    position: absolute;
    top: -35px;
    right: 10px;
    display: flex;
    align-items: baseline;
    opacity: 0;
    visibility: hidden;
    -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 .item-action .action-holder a:hover~.hover-notification,
.lesson-list-item .item-action .action-holder .badge:hover~.hover-notification {
    opacity: 1;
    visibility: visible;
}

.lesson-list-item .item-action .action-holder .hover-notification svg {
    position: relative;
    top: 5px;
    width: 40px;
    height: auto;
    flex-shrink: 0;
    order: 2;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.lesson-list-item .item-action .action-holder .hover-notification span {
    position: relative;
    top: -6px;
    right: 5px;
    order: 1;
}

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

.lesson-list-item.quiz-item .item-content p strong {
    margin-left: 10px;
}

.active-border {
    position: absolute;
    display: block;
    width: 44px;
    height: 44px;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-clip: content-box;
    animation: spin 3s linear 1;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Course header */
.header-container-course .col-back {
    display: flex;
    align-items: center;
}

.header-container-course .col-back .go-back {
    display: flex;
    align-items: center;
    height: 40px;
}

.header-container-course .col-back .go-back h1 {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    margin-bottom: 0;
}

.header-container-course .col-back .go-back a {
    display: flex;
    align-items: center;
}

.header-container-course .col-back .go-back a svg {
    width: 50px;
    height: auto;
    flex-shrink: 0;
    margin-right: 1rem;
}

.header-container-course .col-header-options {
    justify-content: flex-end;
}

.header-container-course .col-header-options .prev-next-option {
    margin-right: 10px;
}

.header-container-course .col-header-options .prev-next-option .btn {
    font-size: 1rem;
    padding: 0 15px;
}

.header-container-course .col-header-options .prev-next-option .btn:hover {
    text-decoration: underline;
}

.header-container-course .col-header-options .prev-next-option svg {
    width: 40px;
    height: auto;
    flex-shrink: 0;
}

.header-container-course .col-header-options .prev-next-option .btn-prev svg {
    margin-right: 10px;
}

.header-container-course .col-header-options .prev-next-option .btn-next svg {
    margin-left: 10px;
}

.header-container-course .col-header-options .lessons-menu-option .btn {
    padding: 0 30px;
}

.header-container-course .col-header-options .lessons-menu-option .btn span.title {
    font-size: 1rem;
}

.header-container-course .col-header-options .lessons-menu-option .btn.offcanvas-button .icon-holder {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    margin-right: 15px;
}

.header-container-course .col-header-options .lessons-menu-option .btn.offcanvas-button .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;
}

.header-container-course .col-header-options .user-option .btn-user .media .media-image {
    margin-right: 0;
}

.header-container-course .col-header-options .user-option .btn-user {
    padding: 0;
}

/* Dropdown timeline */
.dropdown-content.timeline {
    padding: 0 2rem;
    max-height: 26rem;
    overflow-y: auto;
}

.dropdown-content.timeline h7 {
    display: block;
    font-size: 1rem;
    padding: .625rem 0;
}

.header-container-course .lesson-item {
    position: relative;
    padding-left: 2rem;
}

.dropdown-content.timeline .lesson-item:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 11px;
    right: auto;
    z-index: 1;
    width: 2px;
    height: 100%;
}

.header-container-course .lesson-item:hover h8 {
    text-decoration: underline;
}

.header-container-course .lesson-item .item-icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    top: 8px;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
}

.header-container-course .lesson-item.disabled .item-icon svg {
    width: 12px;
    height: 12px;
}

.header-container-course .lesson-item .item-icon .active-border {
    width: 32px;
    height: 32px;
}

.header-container-course .lesson-item .item-icon svg {
    width: 16px;
    height: 16px;
    margin-right: 0;
}

.header-container-course .lesson-item .item-icon svg.icon-play {
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.header-container-course .lesson-item .item-icon svg.icon-quiz {
    width: 14px;
    height: 14px;
}

.header-container-course .lesson-item .item-content {
    white-space: nowrap;
    overflow: hidden;
}

.header-container-course .lesson-item .item-content h8 {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-container-course .lesson-item .item-content p {
    margin-bottom: 0;
}

/* Offcanvas lessons timeline */
.offcanvas-lessons.timeline {
    padding: 0;
}

.offcanvas-lessons.timeline .offcanvas-header {
    padding: 0.5rem 0;
}

.offcanvas-lessons.timeline .offcanvas-header h6 {
    padding: 0 1rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    width: 100%;
}

.offcanvas-lessons.timeline .offcanvas-header a {
    display: flex;
    justify-content: flex-start;
    padding: .625rem 1rem;
    align-items: center;
    flex-basis: 100%;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.offcanvas-lessons.timeline .offcanvas-header a:hover,
.offcanvas-lessons.timeline .offcanvas-header a:focus {
    text-decoration: none;
}

.offcanvas-lessons.timeline .offcanvas-header svg {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

.offcanvas-lessons.timeline .offcanvas-body {
    padding: 0.5rem 2rem;
}

.offcanvas-lessons.timeline .offcanvas-body .offcanvas-divider:last-of-type {
    display: none;
}

.offcanvas-lessons.timeline h4 {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    padding: .625rem 0;
    margin-bottom: 0;
    line-height: 1.5;
}

.offcanvas-lessons.timeline .lesson-item {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: .625rem 1rem .625rem 2rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.offcanvas-lessons.timeline .lesson-item:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 11px;
    right: auto;
    z-index: 1;
    width: 2px;
    height: 100%;
}

.offcanvas-lessons.timeline .lesson-item:hover h5 {
    text-decoration: underline;
}

.offcanvas-lessons.timeline .lesson-item .item-icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    top: 8px;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
}

.offcanvas-lessons.timeline .lesson-item.disabled {
    cursor: not-allowed;
}

.offcanvas-lessons.timeline .lesson-item.disabled:hover h5 {
    text-decoration: none;
}

.offcanvas-lessons.timeline .lesson-item.disabled .item-icon svg {
    width: 12px;
    height: 12px;
}

.offcanvas-lessons.timeline .lesson-item .item-icon .active-border {
    width: 32px;
    height: 32px;
}

.offcanvas-lessons.timeline .lesson-item .item-icon svg {
    width: 16px;
    height: 16px;
    margin-right: 0;
}

.offcanvas-lessons.timeline .lesson-item .item-icon svg.icon-play {
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.offcanvas-lessons.timeline .lesson-item .item-icon svg.icon-quiz {
    width: 14px;
    height: 14px;
}

.offcanvas-lessons.timeline .lesson-item .item-content {
    white-space: nowrap;
    overflow: hidden;
}

.offcanvas-lessons.timeline .lesson-item .item-content h5 {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    line-height: 1.5;
}

.offcanvas-lessons.timeline .lesson-item .item-content p {
    margin-bottom: 0;
}

/* Video lessons */
.video-main-holder {
    display: flex;
    justify-content: center;
}

.video-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    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%);
}

.video-content .video-holder {
    display: block;
    width: 100%;
    padding: 6.125rem 0 0 0;
}

.video-content .video-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.video-content .save-to-favorites .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0;
}

.video-content .save-to-favorites .btn:hover {
    text-decoration: underline;
}

.video-content .save-to-favorites svg {
    width: 20px;
    height: auto;
    margin-right: 5px;
}

.video-content .jw-video-holder {
    position: relative;
}

.course-practice-video .jw-video-holder {
    position: relative;
}

.course-practice-video .next-video {
    position: absolute;
    bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    width: 100%;
}

.course-practice-video .next-video .next-video-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 15px 25px;
    margin-right: 0;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
}

.course-practice-video .next-video .next-video-box .next-video-box-content {
    text-align: center;
}

.course-practice-video .next-video .next-video-box .next-video-box-content p {
    margin: 0;
}

.course-practice-video .next-video .next-video-box .next-video-box-content p:first-child {
    font-weight: 600;
}

.course-practice-video .next-video .next-video-box .next-video-box-arrow {
    width: 50px;
    height: 25px;
    position: absolute;
    right: -36px;
    bottom: -36px;
    left: 50%;
    -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);
    overflow: hidden;
}

.course-practice-video .next-video .next-video-box .next-video-box-arrow::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
}

.course-practice-video .next-video .btn {
    flex-shrink: 0;
    padding: 0 3rem;
}

.course-practice-video .next-video .btn:hover {
    opacity: 1;
}

.video-content .next-video {
    position: absolute;
    bottom: 70px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding-right: 50px;
}

.video-content .next-video .next-video-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 15px 25px;
    margin-right: 25px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
}

.video-content .next-video .next-video-box .next-video-box-content {
    text-align: left;
}

.video-content .next-video .next-video-box .next-video-box-content p {
    margin: 0;
}

.video-content .next-video .next-video-box .next-video-box-content p:first-child {
    font-weight: 600;
}

.video-content .next-video .next-video-box .next-video-box-arrow {
    width: 50px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: -36px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    overflow: hidden;
}

.video-content .next-video .next-video-box .next-video-box-arrow::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
}

.video-content .next-video .btn {
    flex-shrink: 0;
    padding: 0 3rem;
}

.video-content .next-video .btn:hover {
    opacity: 1;
}

.video-content .lesson-notes {
    position: relative;
    margin-top: 10px;
}

.video-content .lesson-notes .form-control {
    min-height: calc(1.5em + (.75rem + 2px));
    height: 2.75rem;
    border: 0 none;
    padding: 0;
    resize: none;
}

.video-content .lesson-notes .hover-notification {
    position: absolute;
    top: -8px;
    left: -100px;
    display: flex;
    align-items: baseline;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.video-content .lesson-notes .hover-notification svg {
    position: relative;
    top: 3px;
    width: 40px;
    height: auto;
    flex-shrink: 0;
    order: 2;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
}

.video-content .lesson-notes .hover-notification span {
    position: relative;
    top: -7px;
    right: 5px;
    order: 1;
}

.video-content .lesson-notes .btn-add-notes {
    padding: 0;
    height: 40px;
}

.video-content .lesson-notes .form-control:hover~.hover-notification {
    opacity: 1;
    visibility: visible;
}

.video-content .lesson-notes .lesson-note .btn {
    position: absolute;
    top: 0;
    left: -60px;
}

/* course-inner-page */
.course-inner-page-main-holder {
    display: flex;
    justify-content: center;
}

.course-inner-page-header .course-inner-page-icon {
    margin-bottom: 10px;
}

.course-inner-page-header .course-inner-page-icon svg {
    width: 45px;
    height: auto;
}

.course-inner-page-header {
    margin-bottom: 30px;
}

.course-inner-page-header .course-inner-page-title {
    position: relative;
}

.course-inner-page-header .course-inner-page-title p {
    margin-bottom: 0;
}

.course-inner-page-header .course-inner-page-title .utility-options {
    position: absolute;
    top: 0;
    left: -50px;
}

.course-inner-page-header .course-inner-page-title .utility-options .utility-option {
    position: relative;
    display: flex;
}

.course-inner-page-header .course-inner-page-title .utility-options .utility-option:not(:last-child) {
    margin-bottom: 7px;
}

.course-inner-page-header .course-inner-page-title .utility-options .utility-option .btn {
    padding: 3px;
}

.course-inner-page-header .course-inner-page-title .utility-options .utility-option .btn svg {
    width: auto;
    height: 30px;
}

.course-inner-page-header .course-inner-page-title .utility-options .utility-option.to-top .hover-notification {
    position: absolute;
    top: -30px;
    left: -15px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.course-inner-page-header .course-inner-page-title .utility-options .utility-option.to-top .hover-notification svg {
    position: absolute;
    top: 15px;
    left: -20px;
    width: 40px;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.course-inner-page-header .course-inner-page-title .utility-options .utility-option.to-left .hover-notification {
    position: absolute;
    top: 10px;
    left: -105px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.course-inner-page-header .course-inner-page-title .utility-options .utility-option.to-left .hover-notification svg {
    position: relative;
    width: 40px;
    margin-left: 5px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.course-inner-page-header .course-inner-page-title .utility-options .utility-option.to-bottom .hover-notification {
    position: absolute;
    top: 50px;
    left: -15px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.course-inner-page-header .course-inner-page-title .utility-options .utility-option.to-bottom .hover-notification svg {
    position: absolute;
    top: -10px;
    left: -20px;
    width: 40px;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.course-inner-page-header .course-inner-page-title .utility-options .utility-option .btn:hover~.hover-notification {
    opacity: 1;
    visibility: visible;
}

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

.course-inner-page-content .course-script-content {
    padding: 35px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.course-inner-page-content .lesson-note {
    margin-bottom: 30px;
}

.course-inner-page-content .lesson-note .lesson-note-title {
    margin-bottom: 10px;
    padding: 0 25px;
}

.course-inner-page-content .lesson-note .lesson-note-title h2 {
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 500;
}

.course-inner-page-content .lesson-note .lesson-note-content {
    position: relative;
    padding: 15px 25px;
}

.course-inner-page-content .lesson-note .lesson-note-content .btn {
    position: absolute;
    top: 50%;
    left: -60px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.course-inner-page-content .lesson-note .lesson-note-content svg.bookmark-badge {
    position: absolute;
    top: -7px;
    right: 15px;
    width: 20px;
    height: 20px;
}

.course-inner-page-content .lesson-note .lesson-note-content p {
    margin-bottom: 0;
}

.course-material-content .material-item {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1rem;
}

.course-material-content .material-item .material-number {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    line-height: 1;
    margin-right: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.course-material-content .material-item .material-content {
    display: flex;
    align-items: center;
    flex-basis: 100%;
    padding: 15px 0;
}

.course-material-content .material-item:last-child .material-content {
    border-bottom: 0 none;
}

.course-material-content .material-item .material-info {
    position: relative;
    margin-left: 10px;
}

.course-material-content .material-item .material-info svg {
    width: 20px;
    height: auto;
}

.course-material-content .material-item .material-info .hover-notification {
    position: absolute;
    top: 0px;
    left: 100%;
    display: flex;
    align-items: baseline;
    opacity: 0;
    visibility: hidden;
    padding-left: 10px;
    font-size: 0.875rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.course-material-content .material-item .material-info .hover-notification svg {
    position: relative;
    top: 0;
    width: 40px;
    margin-right: 5px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.course-material-content .material-item:hover .material-info .hover-notification {
    opacity: 1;
    visibility: visible;
}

.course-practice-content {
    padding: 15px 25px;
    margin-bottom: 30px;
}

.course-practice-content p {
    font-size: 1rem;
    margin-bottom: 0;
}

/* No documents */
.no-documents {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    -webkit-transform: translateX(0%) translateY(-50%);
    -moz-transform: translateX(0%) translateY(-50%);
    -ms-transform: translateX(0%) translateY(-50%);
    -o-transform: translateX(0%) translateY(-50%);
    transform: translateX(0%) translateY(-50%);
}

.no-documents.inner-element {
    position: relative;
    top: 0;
    left: 0;
    margin: 2rem 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.no-documents svg {
    width: 70px;
    height: auto;
    margin-bottom: 15px;
}

.no-documents p {
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 0;
}

.no-enrolled-courses {
    margin-top: 50px;
    text-align: center;
}

.no-enrolled-courses h1 {
    font-size: 3.25rem;
    font-weight: 800;
}

.no-enrolled-courses p {
    font-size: 1.25rem;
}

.no-enrolled-courses .button-holder {
    display: flex;
    justify-content: center;
    margin-top: 70px;
}

/* Lesson menu */
.course-menu {
    position: fixed;
    top: 50%;
    right: 24px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 15px;
    -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;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    z-index: 20;
}

.course-menu .course-menu-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 64px;
    height: 64px;
    margin-bottom: 5px;
    -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;
}

.course-menu .course-menu-item .course-menu-item-holder {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.course-menu .course-menu-item svg {
    width: auto;
    height: 22px;
    margin-bottom: 5px;
}

.course-menu .course-menu-item span {
    width: 100%;
    text-align: center;
    line-height: 1;
    font-size: 0.75rem;
}

.course-menu .course-menu-item:hover,
.course-menu .course-menu-item:active,
.course-menu .course-menu-item.active {
    text-decoration: none;
}

.course-menu .course-menu-item .course-menu-item-holder .badge-notification {
    top: -5px;
    left: 65%;
    width: 20px;
    height: 20px;
}

/* Quiz header */
.header-container-quiz .col-back {
    display: flex;
    align-items: center;
    padding-right: 75px;
}

.header-container-quiz .col-back .go-back {
    display: flex;
    align-items: center;
    height: 40px;
}

.header-container-quiz .col-back .go-back h1 {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    margin-bottom: 0;
}

.header-container-quiz .col-back .go-back a {
    display: flex;
    align-items: center;
}

.header-container-quiz .col-back .go-back a svg {
    width: 50px;
    height: auto;
    flex-shrink: 0;
    margin-right: 1rem;
}

.header-container-quiz .close-option {
    position: absolute;
    right: 24px;
}

.header-container-quiz .close-option .btn-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 0;
    background-image: none;
    opacity: 1;
}

.header-container-quiz .close-option .btn-close svg {
    width: 12px;
    height: auto;
}

/* Quiz inner page */
.quiz-inner-page-main-holder {
    display: flex;
    justify-content: center;
}

.quiz-inner-page-header {
    margin-bottom: 10px;
}

.quiz-inner-page-header .quiz-inner-page-icon {
    margin-bottom: 10px;
}

.quiz-inner-page-header .quiz-inner-page-icon svg {
    width: auto;
    height: 42px;
}

.quiz-inner-page-header .quiz-inner-page-title {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.quiz-inner-page-header .quiz-inner-page-title .quiz-trophy {
    position: relative;
    margin-top: -15px;
    margin-left: 15px;
}

.quiz-inner-page-header .quiz-inner-page-title .quiz-trophy svg {
    width: 40px;
    height: auto;
}

.quiz-inner-page-header .quiz-inner-page-title .quiz-trophy.finished svg.firework-svg {
    position: absolute;
    top: -60px;
    left: -10px;
    width: 60px;
    height: auto;
}

.quiz-inner-page-header .quiz-inner-page-title .quiz-trophy.finished svg.firework-svg .animate-opacity-1 {
    opacity: 0;
    animation: animate-opacity-1 1.5s infinite;
}

.quiz-inner-page-header .quiz-inner-page-title .quiz-trophy.finished svg.firework-svg .animate-opacity-2 {
    opacity: 0;
    animation: animate-opacity-2 2s infinite;
}

.quiz-inner-page-header .quiz-inner-page-title .quiz-trophy.finished svg.firework-svg .animate-opacity-3 {
    position: relative;
    top: 0px;
    animation: animate-opacity-3 2.5s infinite;
}

.quiz-inner-page-header .quiz-inner-page-title p {
    margin-bottom: 0;
    width: 100%;
}

.quiz-inner-page-header .quiz-inner-page-title .utility-options {
    position: absolute;
    top: 0;
    left: -50px;
}

.quiz-inner-page-header .quiz-inner-page-title .utility-options .utility-option {
    position: relative;
    display: flex;
}

.quiz-inner-page-header .quiz-inner-page-title .utility-options .utility-option .btn {
    padding: 0 3px;
}

.quiz-inner-page-header .quiz-inner-page-title .utility-options .utility-option .btn.disabled,
.quiz-inner-page-header .quiz-inner-page-title .utility-options .utility-option .btn:disabled {
    opacity: 1;
    cursor: default;
}

.quiz-inner-page-header .quiz-inner-page-title .utility-options .utility-option .btn svg {
    width: auto;
    height: 30px;
}

.quiz-inner-page-header .quiz-inner-page-title .utility-options .utility-option.to-top .hover-notification {
    position: absolute;
    top: -30px;
    left: -15px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.quiz-inner-page-header .quiz-inner-page-title .utility-options .utility-option.to-top .hover-notification svg {
    position: absolute;
    top: 15px;
    left: -20px;
    width: 40px;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.quiz-content {
    padding: 15px 25px;
    margin-bottom: 30px;
}

.quiz-content p {
    font-size: 1rem;
    margin-bottom: 0;
}

.quiz-continue {
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
}

.quiz-continue .quiz-last-view {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 300px;
    margin-right: 25px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.quiz-continue .quiz-last-view strong {
    margin-left: 5px;
}

.quiz-continue .quiz-last-view-arrow {
    width: 50px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: -36px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    overflow: hidden;
}

.quiz-continue .quiz-last-view-arrow::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.quiz-continue .quiz-time-holder {
    position: relative;
}

.quiz-continue .quiz-time-holder .quiz-time {
    line-height: 1;
    text-align: center;
    font-weight: 400;
    margin-bottom: 30px;
}

.quiz-continue .quiz-time-holder .quiz-time span.time {
    font-size: 2.5rem;
}

.quiz-continue .quiz-time-holder .quiz-time span.time-text {
    position: relative;
    top: 6px;
    font-size: 1rem;
}

.quiz-continue .quiz-time-holder .quiz-time .time-notification {
    position: absolute;
    top: -30px;
    left: 20%;
}

.quiz-continue .quiz-time-holder .quiz-time .time-notification span {
    font-size: 0.875rem;
}

.quiz-continue .quiz-time-holder .quiz-time .time-notification svg {
    position: absolute;
    top: 12px;
    left: -20px;
    width: 40px;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.quiz-continue .btn {
    width: 280px;
    padding: 0 3rem;
    text-transform: uppercase;
}

/* Question bar */
.question-bar-holder {
    position: relative;
    display: flex;
    align-items: flex-end;
    margin-top: 60px;
    margin-bottom: 40px;
}

.question-bar-holder .question-bar {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-right: 5px;
}

.question-bar-holder .question-bar .question-icon {
    position: relative;
    margin-bottom: 6px;
}

.question-bar-holder .question-bar .question-icon svg {
    width: auto;
    height: 37px;
}

.question-bar-holder .question-bar .question-icon img {
    width: auto;
    height: 37px;
}

.question-bar-holder .question-bar .question-icon .speech-bubble-holder {
    position: absolute;
    left: 100%;
    bottom: 100%;
}

.question-bar-holder .question-bar .question-icon .speech-bubble {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;
    line-height: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.question-bar-holder .question-bar .question-icon .speech-bubble:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 40%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-bottom: 0;
    border-left: 0;
    margin-left: -15px;
    margin-bottom: -10px;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
}

.question-bar-holder .question-bar .question-icon .speech-bubble span.time {
    font-size: 1.5rem;
}

.question-bar-holder .question-bar .question-icon .speech-bubble span.time-text {
    position: relative;
    top: 3px;
    left: 2px;
}

.question-bar-holder .question-bar .question-indicator {
    width: 100%;
    height: 0.375rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.question-bar-holder .quiz-trophy {
    position: relative;
}

.question-bar-holder .quiz-trophy svg {
    width: 40px;
    height: auto;
}

.question-bar-holder .quiz-trophy.finished svg.firework-svg {
    position: absolute;
    top: -60px;
    left: -10px;
    width: 60px;
    height: auto;
}

.question-bar-holder .quiz-trophy.finished .trophy-unfinished {
    display: none;
}

.question-bar-holder .quiz-trophy.unfinished .trophy-finished,
.question-bar-holder .quiz-trophy.unfinished svg.firework-svg {
    display: none;
}

.question-bar-holder .quiz-trophy.finished svg.firework-svg .animate-opacity-1 {
    opacity: 0;
    animation: animate-opacity-1 1.5s infinite;
}

.question-bar-holder .quiz-trophy.finished svg.firework-svg .animate-opacity-2 {
    opacity: 0;
    animation: animate-opacity-2 2s infinite;
}

.question-bar-holder .quiz-trophy.finished svg.firework-svg .animate-opacity-3 {
    position: relative;
    top: 0px;
    animation: animate-opacity-3 2.5s infinite;
}

/* Quiz question */
.quiz-question .quiz-question-title {
    margin-bottom: 20px;
}

.quiz-question .quiz-question-title h2 {
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 500;
}

.quiz-question .quiz-answers {
    margin-bottom: 50px;
}

.quiz-question .quiz-answers .form-check {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}

.quiz-question .quiz-answers .form-check .form-check-input {
    margin-top: 0;
    margin-right: 0.5rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.quiz-question .button-holder {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.quiz-question .quiz-answers .quiz-reorder {
    position: relative;
    display: flex;
    flex-basis: 100%;
    padding: 15px 50px 15px 20px;
    margin-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.quiz-question .quiz-answers .quiz-reorder:hover {
    cursor: grab;
}

.quiz-question .quiz-answers .quiz-reorder:active {
    cursor: grabbing;
}

.quiz-question .quiz-answers .quiz-reorder .quiz-reorder-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.quiz-question .quiz-answers .quiz-reorder .quiz-reorder-icon svg {
    width: 24px;
    height: auto;
}

.quiz-result {
    position: relative;
    padding: 30px 30px 30px 50px;
    margin-bottom: 30px;
}

.quiz-result p {
    margin-bottom: 0;
}

.quiz-result p.quiz-time {
    position: relative;
    margin-top: 15px;
    padding-left: 25px;
}

.quiz-result p.quiz-time svg {
    position: absolute;
    top: -5px;
    left: -20px;
    width: 35px;
    height: auto;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.quiz-result .quiz-score {
    position: absolute;
    top: 50%;
    left: -30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3rem;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.quiz-result-options {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5rem;
}

.quiz-result-options .quiz-result-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.quiz-result-options .quiz-result-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
}

.quiz-result-options .quiz-result-buttons .btn {
    padding: 0 2rem;
}

.quiz-result-options .quiz-result-buttons .btn.btn-link {
    margin-right: 0;
    padding: 0 1rem;
}

.quiz-result-options .quiz-result-text p {
    margin-bottom: 0;
    width: 100%;
}

.quiz-result-options .btn:not(:last-child) {
    margin-right: 1rem;
}

.quiz-retrospective:not(:last-of-type) {
    margin-bottom: 60px;
}

.quiz-retrospective .quiz-retrospective-title h2 {
    font-size: 1rem;
    margin-bottom: 0.75rem;
    line-height: 1.4;
    font-weight: 500;
}

.quiz-retrospective .quiz-retrospective-title p {
    margin-bottom: 0.75rem;
}

.quiz-retrospective .quiz-retrospective-title p:last-child {
    margin-bottom: 1.5rem;
}

.quiz-retrospective .quiz-retrospective-title p span.highlight {
    padding: 3px 5px;
}

.quiz-retrospective-item {
    position: relative;
    padding-left: 50px;
}

.quiz-retrospective-item-icon {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.quiz-retrospective-item-icon svg {
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.quiz-retrospective-item-content {
    margin-bottom: 15px;
}

.quiz-retrospective-item-content h3 {
    font-size: 0.875rem;
    margin-bottom: 0;
    font-weight: 500;
}

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

.quiz-retrospective-item-button {
    position: relative;
    display: flex;
}

.quiz-retrospective-item-button svg {
    position: absolute;
    top: -10px;
    left: -30px;
    width: 35px;
    height: auto;
    flex-shrink: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* HR stranice */
.hr-progress {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-basis: 100%;
    flex-wrap: wrap;
    margin-top: 80px;
    margin-bottom: 50px;
}

.hr-progress .hr-progress-item {
    width: 200px;
}

.hr-progress .hr-progress-item:not(:last-child) {
    margin-right: 5px;
}

.hr-progress .hr-progress-item .progress {
    margin-bottom: 10px;
}

.hr-progress .hr-progress-item.active .hr-progress-data {
    opacity: 1;
    visibility: visible;
}

.hr-progress .hr-progress-item.inactive .hr-progress-data {
    opacity: 0;
    visibility: hidden;
}

.hr-progress .hr-progress-item .hr-progress-data {
    position: relative;
    padding-left: 20px;
}

.hr-progress .hr-progress-item .hr-progress-data svg {
    position: absolute;
    left: 0;
    top: 15px;
    width: 40px;
    height: auto;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.hr-progress .hr-progress-item .hr-progress-data p {
    margin-bottom: 10px;
}

.hr-progress .hr-progress-item .hr-progress-data a.check-link {
    margin-left: 20px;
}

.hr-action-holder {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-basis: 100%;
    flex-wrap: wrap;
    margin-bottom: 80px;
}

.hr-action-holder .hr-action-item {
    position: relative;
    width: 270px;
    margin: 0 90px;
}

.hr-action-holder .hr-action-item:first-child {
    margin-left: 0;
}

.hr-action-holder .hr-action-item:last-child {
    margin-right: 0;
}

.hr-action-holder .hr-action-item:last-child .arrow-right {
    display: none;
}

.hr-action-holder .hr-action-item .arrow-right {
    position: absolute;
    top: 30px;
    right: -110px;
    width: 56px;
    height: auto;
    flex-shrink: 0;
}

.hr-action-holder .hr-action-item .media {
    align-items: flex-start;
}

.hr-action-holder .hr-action-item .media .media-image {
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 3px;
    margin-right: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.hr-action-holder .hr-action-item .media .media-image svg {
    width: 25px;
    height: 25px;
}

.hr-action-holder .hr-action-item .media .media-body {
    position: relative;
}

.hr-action-holder .hr-action-item .media .media-body h2 {
    font-size: 1.25rem;
    margin-bottom: 0;
}

.hr-action-holder .hr-action-item .media .media-body p {
    margin-bottom: 0;
}

.hr-action-holder .hr-action-item .media .media-body .btn {
    margin-top: 35px;
    margin-left: 10px;
}

.hr-action-holder .hr-action-item .media .media-body .btn:disabled {
    opacity: 1;
}

.hr-action-holder .hr-action-item .media .media-body .btn span {
    font-size: 1.25rem;
    margin-right: 5px;
}

.hr-action-holder .hr-action-item .media .media-body svg {
    position: absolute;
    top: 70px;
    left: -30px;
    width: 40px;
    height: auto;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

/* HR korisnici */
.main-title-hr-holder {
    margin-bottom: 30px;
}

.main-title-hr-holder .main-title-hr {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
}

.main-title-hr-holder .main-title-hr h1 {
    margin: 0;
}

.main-title-hr-holder .main-title-hr .button-holder,
.main-title-hr-holder .main-title-hr .select-holder {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 30px;
}

.main-title-hr-holder .main-title-hr .select-holder .form-select {
    border: 0 none;
    font-size: 1rem;
}

.main-title-hr .button-holder .btn:not(:last-of-type) {
    margin-right: 15px;
}

.main-title-hr-holder p {
    margin-bottom: 0;
}


/* Aside */
.aside-col {
    position: relative;
    width: 18rem;
    min-height: 100%;
    padding: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 1010;
}

.aside-col.collapse:not(.show) {
    display: block;
    position: relative;
    margin-left: -12.5rem;
    margin-right: 3rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.my-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    opacity: unset;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.aside-col.collapsing.collapse-horizontal {
    width: 15rem !important;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.aside-col-holder {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    padding-top: 1.25rem;
    padding-bottom: 0;
    bottom: 0;
    width: 18rem;
    max-width: 100%;
    background-clip: padding-box;
    z-index: 1020;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.aside-col.in-scroll .aside-col-holder {
    padding-top: 5rem;
}

.aside-col.collapse.show .aside-col-holder {
    visibility: visible;
}

.aside-col.collapsing .aside-col-holder {
    display: none;
}

.aside-holder {
    padding: 1rem 1.875rem 9.563rem 1.875rem;
    overflow-y: auto;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior: contain;
}

.aside-holder .custom-accordion .accordion-button {
    padding: 0.625rem 0;
    font-size: 0.875rem;
}

.aside-holder .custom-accordion .accordion-button svg {
    right: 0;
}

.aside-separator {
    height: 1px;
    display: block;
    width: 100%;
    margin: 1rem 0;
}

.aside-holder .custom-accordion .accordion-item {
    border: 0 none;
}

.aside-holder.aside-accordion-holder {
    padding-top: 1.1rem;
}

.aside-holder .accordion-body .aside-nav {
    padding-left: 1.25rem;
}

.aside-holder .accordion-body .aside-nav ul li {
    position: relative;
}

.aside-holder .accordion-body .aside-nav ul li .btn {
    font-size: 0.75rem;
    padding: 0.313rem 0;
}

.aside-holder .accordion-body .aside-nav ul li .btn:before {
    content: "";
    height: 20px;
    width: 1px;
    background-color: #5588fc;
    position: absolute;
    top: 50%;
    left: -0.75rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.aside-holder.aside-accordion-holder .custom-accordion .accordion-body .form-check {
    align-items: flex-start;
    padding-right: 2.5rem;
}

.aside-holder.aside-accordion-holder .accordion-item .form-check span {
    top: 0.656rem;
    line-height: 1;
}

/*hide scroll bar web-kit browsers */
.aside-holder::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.aside-holder::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.aside-holder::-webkit-scrollbar-thumb {
    background-color: transparent;
    outline: 0 solid transparent;
}

.aside-col .aside-header {
    position: relative;
    padding: 0 1.5rem;
    margin-bottom: 1.25rem;
}

.aside-col .aside-header .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 2.25rem;
    height: 2.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.aside-header .btn {
    padding: 0;
    border: 0 none;
}

.aside-header .media-image {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.aside-header .media-image svg {
    width: 2.25rem;
    height: 2.25rem;
}

.aside-header .media-body {
    align-items: center;
    font-size: 1rem;
    font-weight: 400;
}

.aside-header .media-body span {
    display: block;
    width: 100%;
    font-weight: 600;
}

.aside-col.collapse:not(.show) .aside-header .btn svg {
    width: 1.875rem;
}

.aside-col.collapse.show .menu-icon,
.aside-col.collapse:not(.show) .close-icon,
.aside-col.collapsing .menu-icon,
.aside-col.collapsing .close-icon {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.aside-col.collapse:not(.show) .menu-icon,
.aside-col.collapse .close-icon {
    display: block;
    opacity: 1;
    visibility: visible;
}

.aside-holder .aside-nav>.btn-link {
    text-decoration: none;
    padding-left: 0;
    padding-right: 0;
}

.aside-holder .aside-nav ul {
    padding: 0;
    margin: 0;
}

.aside-holder .aside-nav ul li {
    position: relative;
    list-style: none;
}

.aside-holder .aside-nav ul li .btn {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    padding: 0.5rem 0;
    text-align: left;
    font-size: 0.875rem;
    font-weight: 500;
}

.aside-holder .aside-nav ul li .btn svg {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.625rem;
}

.aside-holder .accordion-button.active,
.aside-holder .aside-nav ul li .btn.active {
    font-weight: 700;
}

.aside-holder .aside-nav ul li span:last-child {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.aside-holder .aside-nav ul li span:last-child:empty {
    visibility: hidden;
    opacity: 0;
}

.aside-holder .aside-nav ul li span:first-child {
    margin-right: 0.5rem;
}

.aside-holder .aside-nav ul li .btn:hover span:first-of-type {
    text-decoration: underline;
}

.aside-holder .aside-nav ul li span:last-child {
    font-size: 0.75rem;
    padding: 0.25rem 0.625rem;
}

.aside-holder .aside-nav ul li .btn-link.new-request:hover span:first-child {
    text-decoration: none;
}

.aside-holder .aside-nav ul li .btn-link.new-request span:last-child {
    background-color: transparent;
    font-size: 0.75rem;
}

.aside-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1rem 1.1625rem 1.25rem 1.1625rem;
    width: 100%;
    z-index: 3;
}

.aside-footer .aside-nav {
    margin-bottom: 0.625rem;
    padding: 0 0.7125rem;
}

.aside-footer .aside-nav ul {
    padding: 0;
    margin: 0;
}

.aside-footer .aside-nav ul li {
    position: relative;
    list-style: none;
}

.aside-footer .aside-nav ul li .btn {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    padding: 0.5rem 0;
    text-align: left;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
}

.aside-footer .aside-nav ul li .btn:hover span:first-of-type {
    text-decoration: underline;
}

.aside-footer .aside-nav ul li .btn:hover span:last-child:empty {
    visibility: hidden;
    opacity: 0;
}

.aside-footer .aside-nav ul li .btn span:last-child {
    font-size: 0.75rem;
    padding: 0.25rem 0.625rem;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.aside-footer .aside-nav ul li .btn svg {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.625rem;
}

.aside-footer .btn-user {
    position: relative;
    width: 100%;
    padding: 0.5rem 0.625rem;
    text-align: left;
    -webkit-border-radius: 9px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

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

.aside-footer .btn-user .media-image img {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.aside-footer .btn-user .media-body {
    font-weight: 400;
    overflow: hidden;
}

.aside-footer .btn-user .media-body span {
    display: block;
    width: 100%;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aside-footer .btn-user svg {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
}

.aside-footer .btn-user .bottom-link {
    position: absolute;
    top: calc(100% + 1rem);
    left: 0.625rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    width: max-content;
}

.aside-footer .btn-user .bottom-link svg {
    flex-shrink: 0;
    position: relative;
    width: 40px;
    height: auto;
    -webkit-transform: rotate(-65deg);
    -moz-transform: rotate(-65deg);
    -ms-transform: rotate(-65deg);
    -o-transform: rotate(-65deg);
    transform: rotate(-65deg);
}

.aside-footer .btn-user .bottom-link a {
    position: relative;
    top: 20px;
    font-weight: 500;
}

/* Offcanvas menu */
.btn-menu {
    padding: 0 0 0 0;
    border: 0 none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.btn-menu .icon-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.btn-menu svg {
    width: 1.25rem;
    height: 1.25rem;
}

.offcanvas-menu {
    width: 320px;
}

.offcanvas-menu .offcanvas-header {
    position: relative;
    display: flex;
    align-items: center;
    padding: 1.25rem 4rem 1.25rem 1.5rem;
}

.offcanvas-menu .offcanvas-header .media-image {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.offcanvas-menu .offcanvas-header .media-image svg {
    width: 2.25rem;
    height: 2.25rem;
}

.offcanvas-menu .offcanvas-header .media-body {
    align-items: center;
    font-size: 1rem;
    font-weight: 400;
}

.offcanvas-menu .offcanvas-header .media-body {
    font-size: 1rem;
    font-weight: 400;
}

.offcanvas-menu .offcanvas-header .media-body span {
    display: block;
    width: 100%;
    font-weight: 600;
}

.offcanvas-menu .btn-close {
    top: unset;
    right: 1.5rem;
    margin: 0;
}

.offcanvas-menu .offcanvas-body {
    padding: 1rem 1.875rem 9.563rem 1.875rem;
}

.offcanvas-menu .offcanvas-body .aside-holder {
    padding: 0;
}

.page-container {
    min-width: 0;
    padding: 0 2.75rem;
}

.table-wrapper {
    display: block;
    width: 100%;
}

/* Table scroll */
.table-scroll {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: 0;
    overflow-x: auto;
    /*hide scroll bar FF*/
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.table-data .table-scroll {
    font-size: 0.75rem;
}

/*hide scroll bar web-kit browsers */
.table-scroll::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.table-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.table-scroll::-webkit-scrollbar-thumb {
    background-color: transparent;
    outline: 0px solid transparent;
}

.table-scroll .dropdown-toggle.show:before {
    opacity: 0;
    visibility: hidden;
}

.table-scroll table {
    width: 100%;
    min-width: 100%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
}

.table-scroll th {
    padding: 0.625rem 1rem;
    vertical-align: middle;
}

.table-scroll td {
    padding: 1.25rem 1rem;
    vertical-align: middle;
}

.table-scroll tr td:last-child {
    padding-right: 0.5rem;
}

.table-scroll th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.table-scroll th:first-child,
.table-scroll td:first-child {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
}

.table-data .table-scroll th:nth-child(2),
.table-data .table-scroll td:nth-child(2) {
    position: relative;
    z-index: unset;
    left: unset;
}

.table-scroll th:first-child,
.table-scroll td:first-child {
    left: 0;
}

.table-scroll th:last-child,
.table-scroll td:last-child {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    z-index: 2;
}

.table-scroll thead th {
    z-index: 1;
}

.table-scroll thead th:after {
    content: "";
    height: 30px;
    width: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.table-scroll thead th:first-of-type:after {
    left: 100%;
}

.table-scroll thead th:first-child,
.table-scroll thead th:nth-child(2) {
    font-weight: 500;
}

.table-scroll thead th {
    font-weight: 500;
}

/* safari and ios need the tfoot itself to be position:sticky also */
.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    padding: 1rem 1rem;
    font-weight: 500;
    z-index: 4;
}

.table-scroll thead th:first-child,
.table-scroll tfoot th:first-child {
    z-index: 6;
}

.table-holder {
    position: relative;
}

.table-desktop-wrapper.table-no-footer .button-holder,
.table-mobile-wrapper .button-holder {
    margin-top: 1.875rem;
    margin-bottom: 0.625rem;
}

.table-holder>h3 {
    font-size: 0.875rem;
    font-weight: 500;
}

.table-holder.table-data>h3 {
    margin-bottom: 0.313rem;
}

.table-holder.table-data>p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 0.75rem;
}

.table-holder.table-data>p strong {
    font-weight: 500;
    margin-right: 0.313rem;
}

.table-holder.table-data>p span {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    margin: 0 0.313rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.table-holder.table-data .table-scroll .table-title td:first-child {
    left: 0;
    border-left: 0 none;
}

.table-holder.table-data .table-scroll .table-title td {
    padding: 0;
}

.table-holder.table-data .table-title .col-table-title {
    padding: 0.25rem 1.125rem;
    font-weight: 500;
}

.table-holder.table-data {
    margin-top: 1rem;
    margin-bottom: 2.5rem;
}

.table-holder .table-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.2rem;
    margin-bottom: 2rem;
}

.table-holder .table-filters form {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.table-holder .table-filters .form-group {
    margin-bottom: 0;
}

.table-holder .table-filters .choices,
.table-holder .table-filters .form-select {
    width: 18rem;
}


.table-holder .table-filters .form-group:not(:last-child) {
    margin-right: 1rem;
}

.table-holder .table-options .table-actions {
    display: inline-flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-basis: 100%;
}

.table-holder .table-options .table-actions .btn .popover-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
}

.table-holder .table-search .form-group {
    position: relative;
    margin-bottom: 0;
    margin-right: 0;
}

.table-holder .table-search .form-group .btn {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 3rem;
    width: 5.625rem;
    padding: 0 1rem;
    margin: 0;
    font-weight: 600;
    z-index: 1;
}

.table-holder .table-search .form-group .form-control {
    width: 18rem;
    padding: 0 5.625rem 0 0.75rem;
}

.table-holder .controls-container {
    display: inline-flex;
    align-items: center;
}

.table-holder .controls-container .control {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.table-holder .controls-container .control:not(:last-child) {
    margin-right: 0.625rem;
}

.table-holder .controls-container .control svg {
    width: 1rem;
    height: auto;
}

.table-options .table-actions .btn-action,
.panel-body .panel-data .btn-action {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    -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;
}

.table-options .table-actions .btn-action svg,
.panel-body .panel-data .btn-action svg {
    width: 1.25rem;
    height: 1.25rem;
}

.table-options .table-actions .btn,
.table-options .table-actions .btn-action {
    margin-right: 0.625rem;
}

.table-options .table-actions .btn-action:last-of-type {
    margin-right: 1rem;
}

/* HR table */
.desktop-table {
    padding: 0;
}

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

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

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

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

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

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

.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 .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:last-child {
    border: 0 none;
}

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

.desktop-table .col-check {
    min-width: 50px;
    max-width: 50px;
}

.desktop-table .col-check .form-check,
.table-accordion .form-check {
    margin-bottom: 0;
}

.table-accordion .form-check .form-check-input,
.accordion-footer .form-check .form-check-input {
    width: 1.5em;
    height: 1.5em;
}

.table-accordion .form-check.form-switch {
    margin-bottom: 0;
}

.table-accordion .form-check.form-switch .form-check-input {
    width: 2em;
    height: 1.25em;
}

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

.desktop-table .col-group {
    min-width: 170px;
    max-width: 170px;
}

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

.desktop-table .col-level {
    min-width: 140px;
    max-width: 140px;
}

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

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

.desktop-table .col-courses {
    width: 5rem;
    min-width: 5rem;
    max-width: 5rem;
}

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

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

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

.desktop-table .col-package.col-package-auto-width {
    min-width: unset;
    max-width: unset;
}

.desktop-table .col-status {
    min-width: 150px;
    max-width: 150px;
}

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

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

.desktop-table .col-views,
.desktop-table .col-course-score,
.desktop-table .col-issue-date,
.desktop-table .col-payment-with-vat {
    min-width: 160px;
    max-width: 160px;
}

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

.desktop-table .col-repeat,
.desktop-table .col-result {
    min-width: 100px;
    max-width: 100px;
}

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

.desktop-table .col-min-result {
    min-width: 125px;
    max-width: 125px;
}

.desktop-table .col-action-buttons {
    min-width: 200px;
    max-width: 200px;
}

.desktop-table .col-action-buttons .button-holder {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    justify-content: flex-start;
}

.desktop-table .col-action-buttons .button-holder .btn:not(:last-child) {
    margin-right: 10px;
}

.desktop-table .col-actions.col-actions-small,
.desktop-table .col-active-users {
    min-width: 80px;
    max-width: 80px;
}


.desktop-table .col-licences-remain,
.desktop-table .col-users {
    min-width: 90px;
    max-width: 90px;
}

.desktop-table .col-subscription {
    min-width: 130px;
    max-width: 130px;
}

.desktop-table .col-ordinal {
    width: 3rem;
    min-width: 3rem;
    max-width: 3rem;
}

.desktop-table .col-lesson {
    min-width: 15rem;
}

.desktop-table .col-documents {
    min-width: 8rem;
}

.desktop-table .col-documents a {
    text-decoration: underline;
    font-weight: 500;
}

.desktop-table .col-documents a:hover {
    text-decoration: none;
}

.desktop-table .col-role,
.desktop-table .col-category {
    width: 12rem;
    min-width: 12rem;
    max-width: 12rem;
}

.desktop-table .col-course {
    min-width: 15rem;
    max-width: 15rem;
    width: 15rem;
}

.desktop-table .col-course a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.desktop-table .col-date,
.desktop-table .col-licence {
    width: 5rem;
    min-width: 5rem;
    max-width: 5rem;
}

.desktop-table .col-lessons,
.desktop-table .col-questions,
.desktop-table .col-order,
.desktop-table .col-material {
    width: 3rem;
    min-width: 3rem;
    max-width: 3rem;
}

.desktop-table .col-total-questions {
    width: 4rem;
    min-width: 4rem;
    max-width: 4rem;
}

.desktop-table .col-order {
    width: 4rem;
    min-width: 4rem;
    max-width: 4rem;
}

.desktop-table .col-last-activity {
    width: 6rem;
    min-width: 6rem;
    max-width: 6rem;
}

.desktop-table .col-lecturer {
    width: 10rem;
    min-width: 10rem;
    max-width: 10rem;
}

.desktop-table .col-type {
    width: 3rem;
    min-width: 3rem;
    max-width: 3rem;
}

.desktop-table .table-content .col-material {
    text-transform: uppercase;
}

.desktop-table .col-scripts {
    width: 3.5rem;
    min-width: 3.5rem;
    max-width: 3.5rem;
}

.desktop-table .table-content .col-scripts {
    text-transform: uppercase;
}

.desktop-table th.col-actions,
.desktop-table td.col-actions {
    width: 0;
    min-width: 0;
}

.desktop-table .col.col-actions {
    min-width: 0;
}

.desktop-table .table-content .col-actions .form-select {
    width: 6.25rem;
    height: 2rem;
    margin-right: 1.25rem;
    border: 0 none;
}

.table-accordion ul.table-data li span .form-select {
    height: 2rem;
    margin-right: 0.938rem;
    border: 0 none;
    max-width: 6.25rem;
}

.desktop-table .col-material .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    top: unset;
    left: unset;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-left: 0.625rem;
    font-size: .875em;
    line-height: unset;
    z-index: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

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

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

.desktop-table .col-minutes {
    min-width: 95px;
    max-width: 95px;
}

.desktop-table .col-courses-started,
.desktop-table .col-courses-finished {
    min-width: 90px;
    max-width: 90px;
}

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

.desktop-table .col-most-viewed {
    min-width: 115px;
    max-width: 115px;
}

.desktop-table .col-most-viewed .btn-link {
    text-decoration: none;
}

.desktop-table .col-earnings,
.desktop-table .col-payment-date,
.desktop-table .col-paid,
.desktop-table .col-payment-deadline {
    min-width: 140px;
    max-width: 140px;
}

.desktop-table .col-certificate-date {
    min-width: 200px;
    max-width: 200px;
}

.desktop-table .col-user {
    min-width: 15rem;
}

.desktop-table .col-user .btn-user .media {
    text-align: left
}

.desktop-table .col-sum {
    text-transform: uppercase;
}

.desktop-table .col-package .btn-link,
.desktop-table .col-month .btn-link {
    padding: 0;
    font-weight: 600;
    text-decoration: none;
    text-align: left;
}

.desktop-table .col-account .btn-link {
    padding: 0;
    text-align: left;
}

.desktop-table .col-quiz .btn-link {
    padding: 0;
    font-weight: 600;
    text-align: left;
}

.desktop-table .col-account .btn-link:hover {
    text-decoration: none;
}

.desktop-table .col-licences .btn-link,
.desktop-table .col-courses .btn-link {
    padding: 0;
    font-weight: 600;
}

.desktop-table .col-package .btn-link:hover,
.desktop-table .col-month .btn-link:hover {
    text-decoration: underline;
}

.desktop-table .table-content .user-badges {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 50%;
    left: -70px;
    padding: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.desktop-table .table-content .user-badges,
.desktop-table .table-content .user-badges .new-user-badge,
.desktop-table .table-content .user-badges .running-out-user-badge,
.desktop-table .table-content .user-badges .approved-user-badge,
.desktop-table .table-content .user-badges .denied-user-badge {
    width: 60px;
}

.desktop-table .table-content .user-badges svg {
    width: 18px;
    height: auto;
}

.desktop-table .table-content .user-badges .new-user-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    font-size: 0.75rem;
}

.desktop-table .table-content .user-badges .running-out-user-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    font-size: 0.75rem;
}

.desktop-table .table-content .user-badges .approved-user-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    font-size: 0.75rem;
}

.desktop-table .table-content .user-badges .denied-user-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    font-size: 0.75rem;
}

.desktop-table .table-content .user-badges .course-trophy svg {
    width: 30px;
    height: auto;
}

.desktop-table .table-content .col-level svg {
    width: 16px;
    height: auto;
}

.desktop-table .table-content .col-level svg:not(:last-child) {
    margin-right: 5px;
}

.desktop-table .col-user .btn-user {
    padding: 0;
}

.table-accordion .ordinal-count {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 600;
    margin-right: 0.625rem;
}

.table-accordion .ordinal-count .badge:empty {
    display: block;
}

.table-accordion .ordinal-count .badge {
    position: absolute;
    left: -1rem;
    flex-shrink: 0;
    width: 0.625rem;
    height: 0.625rem;
    padding: 0;
}

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

.table-accordion .accordion-button.btn-user {
    font-size: 0.875rem;
    font-weight: 500;
}

.table-accordion .accordion-button.btn-user svg {
    right: 5px;
}

.table-accordion .accordion-button.btn-user .user-badges {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 0.5rem;
}

.table-accordion .accordion-button.btn-user .user-badges svg {
    position: relative;
    top: 0;
    right: unset;
    width: 18px;
    height: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.table-accordion .accordion-button.btn-user .user-badges .course-trophy svg {
    width: 20px;
    height: auto;
}

.table-accordion .accordion-button.btn-user .user-badges .new-user-badge,
.table-accordion .accordion-button.btn-user .user-badges .denied-user-badge,
.table-accordion .accordion-button.btn-user .user-badges .approved-user-badge {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 20px;
    font-size: 0.75rem;
}

.table-accordion .accordion-button.btn-user .user-badges .running-out-user-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 20px;
    font-size: 0.75rem;
}

.table-accordion .accordion-button.btn-user .ordinal {
    padding-right: 5px;
    margin-right: 5px;
}

.table-accordion .accordion-sum ul.user-data {
    padding-top: 10px;
    padding-bottom: 10px;
}

.table-accordion ul.table-data {
    padding-left: 0;
    margin-bottom: 0;
}

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

.table-accordion ul.table-data li:last-child {
    padding-bottom: 0;
}

.table-accordion ul.table-data li span:first-child {
    min-width: 5.25rem;
    max-width: 5.25rem;
    font-weight: 600;
    margin-right: 0.313rem;
}

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

.table-accordion ul.table-data li span a {
    text-decoration: underline;
}

.table-accordion ul.table-data li span .btn-square-blue-text-30 {
    text-decoration: none;
}

.table-accordion ul.table-data li span .btn-square-blue-text-30:disabled {
    opacity: 1;
}

.table-accordion ul.table-data li span .lds-ring {
    display: flex;
    align-items: center;
    width: 16px;
    height: 16px;
    margin-left: 8px;
}

.table-accordion ul.table-data li span .lds-ring div {
    width: 16px;
    height: 16px;
    border-width: 2px;
    margin: 0;
}

.table-accordion ul.table-data li span .btn-link {
    text-decoration: none;
    padding: 0;
}

.table-accordion ul.table-data li span .btn-link.btn-link-blue {
    text-decoration: underline;
}

.table-accordion ul.table-data li span svg {
    width: 18px;
    height: auto;
    flex-shrink: 0;
    margin-right: 5px;
}

.table-accordion ul.table-data li span svg.svg-heart {
    width: 16px;
    height: auto;
}

.table-accordion ul.table-data li span svg.svg-heart:not(:last-child) {
    margin-right: 5px;
}

.table-accordion ul.table-data li span .badge:empty {
    display: inline-block;
}

.table-accordion ul.table-data li span .badge {
    min-width: 10px;
    width: 10px;
    height: 10px;
    padding: 0;
    margin-right: 5px;
}

.table-accordion ul.table-data li span .badge-notification {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    top: unset;
    left: unset;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-left: 0.625rem;
    font-size: .875em;
    line-height: unset;
    z-index: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.table-accordion ul.table-data li span .btn-action {
    position: relative;
    padding: 5px;
}

.table-accordion ul.table-data li span .btn-action.style-2,
.table-accordion ul.table-data li span .btn-action.style-2:first-child {
    padding: 0 1rem;
}

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

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

.table-accordion ul.table-data li span .btn-action svg {
    width: 20px;
    height: 20px;
    margin-right: 0;
}

.table-accordion ul.table-data li span .btn-action svg.svg-excel {
    width: 22px;
    height: auto;
}

.table-accordion ul.table-data li span .btn-action .badge {
    width: 20px;
    height: 20px;
    left: 70%;
}

.table-accordion ul.table-data li span .btn-action:disabled,
.table-accordion ul.table-data li span .btn-action:disabled svg.blue {
    opacity: 1;
}

.desktop-table .col-user .btn-user.disabled,
.desktop-table .col-user .btn-user:disabled,
.table-accordion .btn-user.disabled,
.table-accordion .btn-user:disabled {
    opacity: 1;
}

.table-accordion .collapsing .accordion-body .btn-user {
    opacity: 0;
}

.table-accordion .accordion-body .btn-user {
    padding: 0 0 0 15px;
    margin-bottom: 8px;
}

.desktop-table .col-user .btn-user .media-image,
.table-accordion .btn-user .media-image {
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 3px;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.table-accordion .btn-user .media-image {
    margin-right: 18px;
}

.desktop-table .col-user .btn-user .media-image img,
.table-accordion .btn-user .media-image img {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.desktop-table .col-user .btn-user .media-image svg,
.table-accordion .btn-user .media-image svg {
    width: 25px;
    height: 25px;
}

.desktop-table .col-user .btn-user .media-image .user-locked,
.table-accordion .btn-user .media-image .user-locked {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    visibility: hidden;
    opacity: 1;
}

.desktop-table .col-user .btn-user.disabled .media-image .user-locked,
.table-accordion .btn-user.disabled .media-image .user-locked {
    visibility: visible;
}

.desktop-table .col-user .btn-user .media-image .user-locked svg,
.table-accordion .btn-user .media-image .user-locked svg {
    width: 16px;
    height: auto;
}

.desktop-table .col-user .btn-user .media-body {
    word-break: break-word;
}

.table-accordion .btn-user .media-body {
    display: flex;
    font-size: 0.875rem;
    font-weight: 500;
    word-break: break-word;
}

.desktop-table .col-user .btn-user:hover,
.desktop-table .col-user .btn-user:focus {
    text-decoration: underline;
}

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

.desktop-table .col-progress .progress.course-bar .course-progress-total,
.table-accordion .progress.course-bar .course-progress-total {
    position: absolute;
    left: 100%;
    width: 50px;
    text-align: left;
    padding-left: 10px;
    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-time svg {
    width: 18px;
    height: auto;
    flex-shrink: 0;
    margin-right: 5px;
}

.desktop-table .col-status .badge:empty,
.desktop-table .col-ordinal .badge:empty,
.desktop-table .col-course-score .badge:empty {
    display: block;
}

.desktop-table .col-status .badge,
.desktop-table .col-ordinal .badge,
.desktop-table .col-course-score .badge {
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    padding: 0;
    margin-right: 10px;
}

.desktop-table .col-status .btn {
    width: 100%;
    padding: 0;
}

.desktop-table .col-status .btn .lds-ring {
    display: flex;
    align-items: center;
    width: 16px;
    height: 16px;
    margin-left: 8px;
}

.desktop-table .col-status .btn .lds-ring div {
    width: 16px;
    height: 16px;
    border-width: 2px;
    margin: 0;
}

.desktop-table .col-actions .icon-holder {
    position: relative;
}

.desktop-table .col-actions .icon-holder .badge.badge-notification {
    left: 80%;
}

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

.desktop-table .col-actions .icon-holder .btn-action:disabled,
.desktop-table .col-actions .icon-holder .btn-action:disabled svg.blue {
    opacity: 1;
}

.desktop-table .col-actions .icon-holder svg {
    width: 18px;
    height: 18px;
}

.desktop-table .col-actions .icon-holder .btn-action:hover~.hover-notification {
    opacity: 1;
    visibility: visible;
}

.desktop-table .col-actions .icon-holder .btn-action:disabled:hover~.hover-notification {
    opacity: 0;
    visibility: hidden;
}

.desktop-table .col-actions .icon-holder .hover-notification {
    position: absolute;
    top: -25px;
    right: 25px;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    width: 200px;
    font-weight: 500;
    opacity: 0;
    visibility: hidden;
    -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 .col-actions .icon-holder .hover-notification svg {
    position: relative;
    top: 12px;
    width: 40px;
    height: auto;
    flex-shrink: 0;
    order: 2;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.desktop-table .col-actions .icon-holder .hover-notification span {
    position: relative;
    top: 0;
    right: 5px;
    order: 1;
}

/* table-footer */
.table-footer {
    padding: 1.25rem 0;
    margin-top: 2.5rem;
}

.table-footer.vendor-table-footer {
    padding: 0 12px;
}

.table-footer.vendor-table-footer .row {
    min-height: 90px;
}

.table-footer.vendor-table-footer .col {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 600;
}

.table-footer.vendor-table-footer .col-actions .icon-holder svg.svg-excel {
    width: 20px;
    height: auto;
}

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

.table-footer .table-footer-holder.content-left {
    justify-content: flex-start;
}

.table-footer .table-footer-holder.content-left label {
    margin-right: 1.25rem;
    margin-bottom: 0;
}

.table-footer .table-footer-holder.content-left .form-control {
    width: 4.5rem;
    height: 2.5rem;
    font-size: 1rem;
    font-weight: 500;
}

.table-footer .table-footer-holder.content-left .form-check {
    margin-right: 25px;
    margin-bottom: 0;
}

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

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

.table-footer .table-footer-holder.content-center .table-footer-pagination svg {
    width: 50px;
    height: auto;
}

.table-footer .table-footer-holder.content-center .table-footer-pagination .icon-holder {
    position: relative;
}

.table-footer .table-footer-holder.content-center .table-footer-pagination .icon-holder a .hover-notification {
    position: absolute;
    top: -30px;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    font-weight: 500;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.table-footer .table-footer-holder.content-center .table-footer-pagination .icon-holder a:hover .hover-notification {
    opacity: 1;
    visibility: visible;
}

.table-footer .table-footer-holder.content-center .table-footer-pagination .icon-holder a .hover-notification svg {
    position: relative;
    top: 12px;
    width: 40px;
    height: auto;
    flex-shrink: 0;
}

.table-footer .table-footer-holder.content-center .table-footer-pagination .icon-holder a .hover-notification span {
    position: relative;
    top: 0;
}

.table-footer .table-footer-holder.content-center .table-footer-pagination .icon-holder:first-child a .hover-notification {
    right: 100%;
}

.table-footer .table-footer-holder.content-center .table-footer-pagination .icon-holder:first-child a .hover-notification svg {
    order: 2;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.table-footer .table-footer-holder.content-center .table-footer-pagination .icon-holder:first-child a .hover-notification span {
    order: 1;
    right: 5px;
}

.table-footer .table-footer-holder.content-center .table-footer-pagination .icon-holder:last-child a .hover-notification {
    left: 100%;
}

.table-footer .table-footer-holder.content-center .table-footer-pagination .icon-holder:last-child a .hover-notification svg {
    order: 1;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.table-footer .table-footer-holder.content-center .table-footer-pagination .icon-holder:last-child a .hover-notification span {
    order: 2;
    left: 5px;
}

.table-footer .table-footer-holder.content-center .table-footer-pagination .icon-holder a.disabled:hover .hover-notification {
    opacity: 0;
    visibility: hidden;
}

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

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

.table-footer .table-footer-holder.content-right .table-footer-total-pages {
    font-size: 1rem;
    margin-right: 20px;
}

.table-footer .table-footer-holder.content-right .form-select {
    width: 80px;
    font-size: 1rem;
    height: 2.5rem;
}

/* 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-left {
    justify-content: flex-start;
}

.accordion-footer .accordion-footer-holder.content-left .content-left-holder {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 5.25rem;
}

.accordion-footer .accordion-footer-holder.content-left label {
    margin-right: 0;
    width: 100%;
    margin-bottom: 0.25rem;
}

.accordion-footer .accordion-footer-holder.content-left .form-control,
.accordion-footer .accordion-footer-holder.content-right .form-select {
    height: 2.5rem;
}

.accordion-footer .accordion-footer-holder.content-left .form-check {
    margin-bottom: 0;
}

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

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

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

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

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

.accordion-footer .accordion-footer-holder.content-right .content-right-holder {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    width: 5.25rem;
}

.accordion-footer .accordion-footer-holder.content-right label {
    width: 100%;
    margin-bottom: 0.25rem;
}

.accordion-footer .accordion-footer-holder .accordion-footer-total-pages {
    font-size: 1rem;
    padding: 0 0 20px 0;
}

.accordion-footer .accordion-footer-holder.content-right .form-select {
    width: 5.25rem;
    font-size: 1rem;
}

/* HR Offcanvas */
.offcanvas-hr.offcanvas-lg {
    width: 585px;
}

.offcanvas-hr.offcanvas-publish-options {
    width: 30rem;
}

.offcanvas-hr.offcanvas-xl {
    width: 800px;
}

.offcanvas-hr .offcanvas-header {
    position: relative;
    padding: 2rem 4rem 1rem 3.125rem;
    align-items: flex-start;
    flex-wrap: wrap;
    z-index: 1;
}

.offcanvas-hr .offcanvas-header h4 {
    font-size: 1.625rem;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.5;
}

.offcanvas-hr .offcanvas-header p {
    display: block;
    width: 100%;
    margin-bottom: 0;
}

.offcanvas-hr .offcanvas-subtitle {
    margin-bottom: 30px;
}

.offcanvas-hr .offcanvas-subtitle h5 {
    display: block;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1.5;
}

.offcanvas-hr .offcanvas-subtitle p {
    margin-bottom: 0;
}

.offcanvas-hr .offcanvas-body .offcanvas-main-text {
    margin-bottom: 50px;
}

.offcanvas-hr .offcanvas-licence-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1.25rem;
    margin-bottom: 50px;
}

.offcanvas-hr .offcanvas-licence-section .btn-all-users,
.offcanvas-hr .offcanvas-licence-section .btn-buy-more {
    flex-shrink: 0;
}

.offcanvas-hr .offcanvas-licence-section .btn-buy-more {
    text-transform: uppercase;
}

.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}

.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .licence-remaining {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding: 0 1.5rem;
    margin-right: 25px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .licence-remaining .licence-remaining-arrow {
    width: 50px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: -36px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    overflow: hidden;
}

.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .licence-remaining .licence-remaining-arrow::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .licence-remaining svg {
    width: 16px;
    height: auto;
    margin-right: 5px;
}

.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .licence-remaining span {
    padding: 0 5px;
}

.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .payment-data-holder {
    display: flex;
    flex-wrap: wrap;
    margin-left: 2rem;
}

.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .payment-data p {
    margin-bottom: 0;
}

.offcanvas-hr .course-rating {
    display: flex;
    align-items: center;
}

.offcanvas-hr .course-rating {
    margin-top: 20px;
    margin-bottom: 20px;
}

.offcanvas-hr .course-rating:last-child {
    margin-top: 0;
    margin-bottom: 20px;
}

.offcanvas-hr .course-rating span {
    min-width: 95px;
    max-width: 95px;
}

.offcanvas-hr .course-rating .btn-rating {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.offcanvas-hr .course-rating .btn-rating:not(:last-child) {
    margin-right: 10px;
}

.offcanvas-hr .course-rating .course-rating-badge {
    position: relative;
    margin-left: 5px;
}

.offcanvas-hr .course-rating .course-rating-badge svg {
    width: 20px;
    height: auto;
}

.offcanvas-hr .course-rating .course-rating-badge .hover-notification {
    position: absolute;
    left: 100%;
    top: -30px;
    width: 180px;
    margin-left: 5px;
}

.offcanvas-hr .course-rating .course-rating-badge .hover-notification svg {
    position: relative;
    top: 10px;
    width: 40px;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.offcanvas-hr .course-rating .course-rating-badge .hover-notification span {
    font-size: 0.75rem
}

.offcanvas-hr .btn-link {
    padding: 0 5px;
    font-weight: 600;
}

.offcanvas-hr .btn-link:hover {
    text-decoration: none;
}

.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .btn-info,
.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .icon-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    border: 0 none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .btn-info svg,
.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .icon-holder svg {
    width: auto;
    height: 18px;
}

.offcanvas-hr .offcanvas-licence-section .download-file {
    margin-bottom: 0;
}

.offcanvas-hr .offcanvas-body {
    padding: 0.625rem 3.125rem 1.25rem 3.125rem;
}

.offcanvas-hr .offcanvas-body .btn-square-magenta-45 {
    padding: 0;
    width: 100%;
}

.offcanvas-hr .add-new-group {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0.75em;
    margin-top: 0.25rem;
}

.offcanvas-hr .add-new-group .btn {
    position: relative;
}

.offcanvas-hr .add-new-group svg {
    position: absolute;
    top: 15px;
    left: 100%;
    width: 40px;
    height: auto;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
}

.offcanvas-hr .selected-users,
.offcanvas-hr .info-text-holder {
    margin-top: -10px;
}

.offcanvas-hr .selected-holder {
    position: relative;
    margin-top: -10px;
    padding-left: 25px;
}

.offcanvas-hr .selected-holder>svg {
    position: absolute;
    bottom: 100%;
    left: -10px;
    width: 50px;
    height: auto;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(20deg);
}

.offcanvas-hr .selected-holder .label-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0;
    font-weight: 600;
    margin-bottom: 0.25rem;
    padding-left: 18px;
}

.offcanvas-hr .selected-holder .label-title strong {
    margin-left: 5px;
    margin-right: 3px;
}

.offcanvas-hr .selected-holder .selected-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.offcanvas-hr .selected-holder .selected-content a {
    text-decoration: underline;
}

.offcanvas-hr .selected-holder .selected-content a:hover {
    text-decoration: none;
}

.offcanvas-hr .selected-holder .selected-content strong {
    margin-left: 3px;
}

.offcanvas-hr .add-users-title {
    padding-left: 0.75em;
    margin-bottom: 5px;
    font-weight: 600;
}

.offcanvas-hr .add-users-list.no-background {
    padding: 0 0 0 0.75em;
    margin-bottom: 0;
}

.offcanvas-hr .add-users-list {
    padding: 0.75em 1.25em;
    margin-bottom: 0;
}

.offcanvas-hr .add-users-list li,
.offcanvas-hr .licence-users-list li {
    list-style: none;
    display: flex;
    align-items: center;
}

.offcanvas-hr .add-users-list li a,
.offcanvas-hr .licence-users-list li a {
    font-weight: 600;
    text-decoration: underline;
}

.offcanvas-hr .add-users-list li a,
.offcanvas-hr .add-users-list li strong {
    margin-left: 3px;
}

.offcanvas-hr .add-users-list li a:hover,
.offcanvas-hr .add-users-list li .btn-link:hover,
.offcanvas-hr .licence-users-list li a:hover {
    text-decoration: none;
}

.offcanvas-hr .add-users-list li .btn-link {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    font-weight: 500;
    text-decoration: none;
}

.offcanvas-hr .add-users-list li svg,
.offcanvas-hr .add-users-list li .btn-link svg {
    width: 18px;
    height: auto;
    margin-left: 5px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.offcanvas-hr .add-users-list li .btn-link:hover svg {
    opacity: 1;
    visibility: visible;
}

.offcanvas-hr .list-users {
    margin-bottom: 0;
    padding-left: 0;
}

.offcanvas-hr .list-users li {
    position: relative;
    list-style: none;
    margin-bottom: 5px;
}

.offcanvas-hr .list-users li.active:before {
    position: absolute;
    top: 50%;
    left: -10px;
    content: "";
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.offcanvas-hr .licence-users-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.offcanvas-hr .licence-users-title a {
    display: inline-flex;
    align-items: center;
}

.offcanvas-hr .licence-users-title svg {
    width: 20px;
    height: auto;
    margin-left: 10px;
}

.offcanvas-hr .licence-users-list li {
    margin-bottom: 5px;
}

.offcanvas-hr .licence-users-list {
    padding-left: 0;
}

.offcanvas-hr .licence-users-list li a {
    margin-left: 3px;
}

.offcanvas-hr .licence-users-list li a.user-link {
    text-decoration: none;
    margin-left: 0;
    margin-right: 3px;
    font-weight: 500;
}

.offcanvas-hr .licence-users-list li a.user-link:hover {
    text-decoration: underline;
}

.offcanvas-hr .add-users {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0.75em;
}

.offcanvas-hr .add-users .btn:not(:last-of-type) {
    margin-right: 20px;
}

.offcanvas-hr .add-users svg {
    position: relative;
    top: 25px;
    width: 40px;
    height: auto;
    margin-bottom: -15px;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
}

.offcanvas-hr .download-text {
    margin-bottom: 15px;
}

.offcanvas-hr .download-file {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
}

.offcanvas-hr .info-text {
    margin-top: 15px;
}

.offcanvas-hr .notice-text {
    margin-top: 15px;
}

.offcanvas-hr .download-file svg {
    width: 15px;
    height: auto;
    margin-left: 5px;
}

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

.offcanvas-hr .offcanvas-user .media-image {
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 106px;
    height: 106px;
    padding: 4px;
    margin-right: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.offcanvas-hr .offcanvas-user .media-image img {
    width: 96px;
    height: 96px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.offcanvas-hr .offcanvas-user .media-image svg {
    width: 65px;
    height: 65px;
}

.offcanvas-hr .offcanvas-user .media-image .user-top-list-rating {
    position: absolute;
    top: 100%;
    margin-top: 0.5rem;
    display: flex;
    justify-content: center;
    flex-basis: 100%;
    flex-wrap: wrap;
}

.offcanvas-hr .offcanvas-user .media-image .user-top-list-rating p {
    flex-basis: 100%;
    margin-bottom: 0.5rem;
    text-align: center;
}

.offcanvas-hr .offcanvas-user .media-image .user-top-list-rating .top-list-icon-rating {
    display: flex;
    justify-content: center;
    flex-basis: 100%;
}

.offcanvas-hr .offcanvas-user .media-image .user-top-list-rating .top-list-icon-rating svg {
    width: 16px;
    height: auto;
}

.offcanvas-hr .offcanvas-user .media-image .user-top-list-rating .top-list-icon-rating svg:not(:last-child) {
    margin-right: 5px;
}

.offcanvas-hr .offcanvas-user .media-image .icon-holder {
    position: absolute;
    top: 100%;
    margin-top: 10px;
}

.offcanvas-hr .offcanvas-user .media-image .icon-holder svg {
    position: relative;
    top: -15px;
    left: 40px;
    width: 50px;
    -webkit-transform: rotate(-105deg);
    -moz-transform: rotate(-105deg);
    -ms-transform: rotate(-105deg);
    -o-transform: rotate(-105deg);
    transform: rotate(-105deg);
}

.offcanvas-hr .offcanvas-user .media-body .user-title {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.offcanvas-hr .offcanvas-user .media-body .user-title .user-link {
    font-size: 1rem;
    font-weight: 600;
}

.offcanvas-hr .offcanvas-user .media-body .user-title .user-rating {
    display: flex;
    align-items: center;
}

.offcanvas-hr .offcanvas-user .media-body .user-title .user-rating svg {
    width: 16px;
    height: auto;
    margin-right: 5px;
}

.offcanvas-hr .offcanvas-user .media-body .user-title .user-rating span {
    margin-left: 5px;
}

.offcanvas-hr .offcanvas-user .media-body .user-title .export-link {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
}

.offcanvas-hr .offcanvas-user .media-body .user-title .export-link .icon-holder {
    position: relative;
}

.offcanvas-hr .offcanvas-user .media-body .user-title .export-link .icon-holder svg {
    width: 20px;
    height: auto;
    margin-left: 10px;
}

.offcanvas-hr .offcanvas-user .media-body .user-title .export-link .icon-holder .hover-notification {
    position: absolute;
    top: -30px;
    left: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    width: 160px;
    font-size: 0.875rem;
    font-weight: 500;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.offcanvas-hr .offcanvas-user .media-body .user-title .export-link .icon-holder .hover-notification svg {
    position: relative;
    top: 12px;
    width: 40px;
    height: auto;
    flex-shrink: 0;
    margin-left: 0;
    order: 1;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.offcanvas-hr .offcanvas-user .media-body .user-title .export-link .icon-holder .hover-notification span {
    position: relative;
    top: 0;
    order: 2;
    left: 5px;
}

.offcanvas-hr .offcanvas-user .media-body .user-title p {
    margin-bottom: 0;
}

.offcanvas-hr .offcanvas-user .media-body .user-title .edit-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: underline;
}

.offcanvas-hr .offcanvas-user .media-body .user-title .edit-link svg {
    width: 16px;
    height: auto;
    margin-left: 10px;
}

.offcanvas-hr .offcanvas-user .media-body .user-title .edit-link:hover {
    text-decoration: none;
}

.offcanvas-hr .offcanvas-user .media-body .user-data {
    margin-bottom: 35px;
}

.offcanvas-hr .offcanvas-user .media-body .user-data p {
    margin-bottom: 5px;
}

.offcanvas-hr .offcanvas-user .media-body .user-data p:last-child {
    margin-bottom: 0;
}

.offcanvas-hr .offcanvas-user .media-body .user-data p:last-child a {
    text-decoration: underline;
}

.offcanvas-hr .offcanvas-user .media-body .user-data p:last-child a:hover {
    text-decoration: none;
}

.offcanvas-hr .offcanvas-user .media-body .user-progress .progress.course-bar {
    margin: 0;
}

.offcanvas-hr .offcanvas-user .media-body .user-progress .user-progress-lessons {
    position: relative;
    margin-bottom: 30px;
    font-weight: 600;
}

.offcanvas-hr .offcanvas-user .media-body .user-progress .user-progress-lessons svg {
    position: absolute;
    top: 22px;
    left: -30px;
    width: 40px;
    height: auto;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.offcanvas-hr .offcanvas-user .media-body .user-progress .user-progress-data {
    display: flex;
}

.offcanvas-hr .offcanvas-user .media-body .user-progress .user-progress-data .user-progress-data-item {
    padding: 10px 15px;
    width: calc(100% / 4);
}

.offcanvas-hr .offcanvas-user .media-body .user-progress .user-progress-data .user-progress-data-item:first-child {
    padding-left: 0;
}

.offcanvas-hr .offcanvas-user .media-body .user-progress .user-progress-data .user-progress-data-item:last-child {
    padding-right: 0;
}

.offcanvas-hr .offcanvas-user .media-body .user-progress .user-progress-data .user-progress-data-item p {
    margin-bottom: 0;
}

.offcanvas-hr .offcanvas-user .user-description {
    margin-bottom: 30px;
}

.offcanvas-hr .offcanvas-user .user-description p:last-child {
    margin-bottom: 0;
}

.offcanvas-hr .offcanvas-options {
    position: relative;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 1rem 2.5rem;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.offcanvas-hr .offcanvas-options .btn:not(:last-child) {
    margin-right: 20px;
}

.offcanvas-hr .offcanvas-options p {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 0;
}

/* Offcanvas table */
.offcanvas-table {
    padding: 0 12px;
    margin-bottom: 30px;
}

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

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

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

.offcanvas-table .offcanvas-table-content .col {
    overflow: hidden;
}

.offcanvas-table .offcanvas-table-content .truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.offcanvas-table .offcanvas-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;
}

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

.offcanvas-table .col-most-viewed {
    min-width: 130px;
    max-width: 130px;
}

.offcanvas-table .col-time {
    min-width: 100px;
    max-width: 100px;
}

.offcanvas-table .col-percentage {
    min-width: 70px;
    max-width: 70px;
}

.offcanvas-table .col-earnings,
.offcanvas-table .col-total {
    min-width: 140px;
    max-width: 140px;
}

.offcanvas-table .col-subscription {
    min-width: 115px;
    max-width: 115px;
}

.offcanvas-table .col-licences {
    min-width: 90px;
    max-width: 90px;
}

.offcanvas-table .col-price-without-vat {
    min-width: 125px;
    max-width: 125px;
}

.offcanvas-table .col-discount {
    min-width: 75px;
    max-width: 75px;
}

.offcanvas-table .col-vat {
    min-width: 55px;
    max-width: 55px;
}

.offcanvas-table .col-total-vat {
    min-width: 125px;
    max-width: 125px;
}

.offcanvas-table .col-most-viewed svg,
.offcanvas-table .col-time svg {
    width: 18px;
    height: auto;
    flex-shrink: 0;
    margin-right: 5px;
}

.offcanvas-table .offcanvas-table-content .row {
    position: relative;
    padding: 20px 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.offcanvas-table .offcanvas-table-content .row:last-child {
    border: 0 none;
}

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

.offcanvas-table .offcanvas-table-footer .col {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 600;
}

.offcanvas-account-sum {
    display: flex;
    justify-content: flex-end;
    padding-top: 30px;
}

.offcanvas-account-sum ul {
    padding-left: 0;
    margin-bottom: 0;
}

.offcanvas-account-sum ul li {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 15px 0;
}

.offcanvas-account-sum ul li span:first-child {
    min-width: 200px;
    max-width: 200px;
}

.offcanvas-account-sum ul li span:last-child {
    justify-content: flex-end;
}

.offcanvas-account-sum ul li:last-child span:last-child {
    font-weight: 600;
}

.offcanvas-account-sum ul li span {
    width: 100%;
    display: flex;
    align-items: center;
}

/* HR user view */
.hr-user-view {
    margin-bottom: 50px;
}

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

.hr-user-view .media-image {
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 106px;
    height: 106px;
    padding: 4px;
    margin-right: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.hr-user-view .media-image img {
    width: 96px;
    height: 96px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.hr-user-view .media-image svg {
    width: 65px;
    height: 65px;
}

.hr-user-view .media-image .user-top-list-rating {
    position: absolute;
    top: 100%;
    margin-top: 0.5rem;
    display: flex;
    justify-content: center;
    flex-basis: 100%;
    flex-wrap: wrap;
}

.hr-user-view .media-image .user-top-list-rating p {
    flex-basis: 100%;
    margin-bottom: 0.5rem;
    text-align: center;
}

.hr-user-view .media-image .user-top-list-rating .top-list-icon-rating {
    display: flex;
    justify-content: center;
    flex-basis: 100%;
}

.hr-user-view .media-image .user-top-list-rating .top-list-icon-rating svg {
    width: 16px;
    height: auto;
}

.hr-user-view .media-image .user-top-list-rating .top-list-icon-rating svg:not(:last-child) {
    margin-right: 5px;
}

.hr-user-view .media-image .icon-holder {
    position: absolute;
    top: 100%;
    margin-top: 10px;
}

.hr-user-view .media-image .icon-holder svg {
    position: relative;
    top: -15px;
    left: 40px;
    width: 50px;
    -webkit-transform: rotate(-105deg);
    -moz-transform: rotate(-105deg);
    -ms-transform: rotate(-105deg);
    -o-transform: rotate(-105deg);
    transform: rotate(-105deg);
}

.hr-user-view .media-body .user-data-top-holder {
    display: inline-block;
}

.hr-user-view .media-body .user-title {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.hr-user-view .media-body .user-title .user-link {
    font-size: 1rem;
    font-weight: 600;
}

.hr-user-view .media-body .user-title .user-rating {
    display: flex;
    align-items: center;
}

.hr-user-view .media-body .user-title .user-rating svg {
    width: 16px;
    height: auto;
    margin-right: 5px;
}

.hr-user-view .media-body .user-title .user-rating span {
    margin-left: 5px;
}

.hr-user-view .user-description {
    margin-bottom: 30px;
}

.hr-user-view .user-description p:last-child {
    margin-bottom: 0;
}

.hr-user-view .media-body .user-title .export-link {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
}

.hr-user-view .media-body .user-title .export-link .icon-holder {
    position: relative;
}

.hr-user-view .media-body .user-title .export-link .icon-holder svg {
    width: 20px;
    height: auto;
    margin-left: 10px;
}

.hr-user-view .media-body .user-title .export-link .icon-holder .hover-notification {
    position: absolute;
    top: -30px;
    left: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    width: 160px;
    font-size: 0.875rem;
    font-weight: 500;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.hr-user-view .media-body .user-title .export-link .icon-holder .hover-notification svg {
    position: relative;
    top: 12px;
    width: 40px;
    height: auto;
    flex-shrink: 0;
    margin-left: 0;
    order: 1;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.hr-user-view .media-body .user-title .export-link .icon-holder .hover-notification span {
    position: relative;
    top: 0;
    order: 2;
    left: 5px;
}

.hr-user-view .media-body .user-title p {
    margin-bottom: 0;
}

.hr-user-view .media-body .user-title .edit-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: underline;
}

.hr-user-view .media-body .user-title .edit-link svg {
    width: 16px;
    height: auto;
    margin-left: 10px;
}

.hr-user-view .media-body .user-title .edit-link:hover {
    text-decoration: none;
}

.hr-user-view .media-body .user-data {
    margin-bottom: 35px;
}

.hr-user-view .media-body .user-data p {
    margin-bottom: 5px;
}

.hr-user-view .media-body .user-data p:last-child {
    margin-bottom: 0;
}

.hr-user-view .media-body .user-data p:last-child a {
    text-decoration: underline;
}

.hr-user-view .media-body .user-data p:last-child a:hover {
    text-decoration: none;
}

.hr-user-view .media-body .user-data.vendor-user-data {
    margin-bottom: 0;
}

.hr-user-view .media-body .user-data.vendor-user-data p:last-child a {
    text-decoration: none;
}

.hr-user-view .media-body .user-data.vendor-user-data p:last-child a:hover {
    text-decoration: underline;
}

.hr-user-view .media-body .user-progress .progress.course-bar {
    margin-top: 75px;
    margin-bottom: 0;
}

.hr-user-view .media-body .user-progress .user-progress-lessons {
    position: relative;
    margin-top: 5px;
    margin-bottom: 30px;
    font-weight: 600;
}

.hr-user-view .media-body .user-progress .user-progress-lessons svg {
    position: absolute;
    top: 22px;
    left: -30px;
    width: 40px;
    height: auto;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.hr-user-view .media-body .user-progress .user-progress-data {
    display: flex;
}

.hr-user-view .media-body .user-progress .user-progress-data .user-progress-data-item {
    padding: 10px 15px;
}

.hr-user-view .media-body .user-progress .user-progress-data .user-progress-data-item:first-child {
    padding-left: 0;
}

.hr-user-view .media-body .user-progress .user-progress-data .user-progress-data-item:last-child {
    padding-right: 0;
}

.hr-user-view .media-body .user-progress .user-progress-data .user-progress-data-item p {
    margin-bottom: 0;
}

.hr-user-subtitle {
    margin-bottom: 30px;
}

.hr-user-subtitle.vendor-hr-user-subtitle {
    margin-bottom: 15px;
}

.hr-user-subtitle h2 {
    font-size: 1.25rem;
    margin-bottom: 5px;
}

.hr-user-subtitle p {
    margin-bottom: 0;
}

.hr-user-subtitle p a {
    font-weight: 600;
    text-transform: uppercase;
}

/* Centar za notifikacije */
.contact-header {
    margin-bottom: 40px;
}

.contact-header .media-image {
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 106px;
    height: 106px;
    padding: 4px;
    margin-right: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.contact-header .media-image img {
    width: 96px;
    height: 96px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.contact-header .media-image svg {
    width: 65px;
    height: 65px;
}

.contact-header .media-body .contact-title>p {
    font-weight: 600;
    margin-bottom: 0;
    font-size: 1rem;
}

.contact-header .media-body .contact-title .contact-message-count {
    position: relative;
}

.contact-header .media-body .contact-title .contact-message-count>svg {
    position: absolute;
    top: 15px;
    left: -20px;
    width: 40px;
    height: auto;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.contact-header .media-body .contact-title .contact-message-count p svg {
    width: 16px;
    height: auto;
    margin-left: 5px;
}

.contact-header .media-body .contact-title .contact-message-count p,
.contact-header .media-body .contact-title-data p {
    margin-bottom: 0;
}

.contact-header .media-body .contact-title-data p a {
    display: inline-block;
    margin-top: 8px;
    padding-left: 20px;
}

.contact-header .media-body .contact-title-data ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
    margin-top: 8px;
    margin-bottom: 0;
}

.contact-header .media-body .contact-title-data ul li {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.contact-header .media-body .contact-title-data ul li a {
    margin-left: 5px;
    font-weight: 600;
}

.contact-header .media-body .contact-title-data ul li+li::before {
    content: "|";
    display: block;
    padding: 0 5px;
}

.contact-form .form-group {
    position: relative;
}

.contact-form .form-group .user-avatar {
    position: absolute;
    top: 25px;
    left: -60px;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.contact-form .options-holder label.label-arrow {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}

.contact-form .options-holder label.label-arrow svg {
    position: absolute;
    top: 15px;
    left: 0;
    width: 50px;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.contact-form .options-holder .form-check {
    margin-left: 50px;
}

.contact-form .select-date {
    padding-left: 50px;
}

.contact-form .button-holder {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

.contact-form .button-holder .btn:not(:last-child) {
    margin-right: 15px;
}

.contact-form .button-holder .separator {
    display: none;
}

.notifications-holder {
    position: relative;
}

.notifications-holder .notification-icon-print {
    position: absolute;
    top: 30px;
    left: 15px;
}

.notifications-holder .notification-icon-print .btn {
    padding: 3px;
}

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

.notifications-holder .notification-icon-print .hover-notification {
    position: absolute;
    top: -30px;
    left: -15px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.notifications-holder .notification-icon-print .hover-notification svg {
    position: absolute;
    top: 15px;
    left: -20px;
    width: 40px;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

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

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

.notifications-holder.terms-of-condition .notification-item {
    padding-bottom: 0;
}

.notifications-holder.terms-of-condition .notification-item:not(:last-child) {
    border-bottom: 0;
}

.notifications-holder.terms-of-condition.style-2 .notification-item {
    padding: 0 12px 0 0;
}

.notifications-holder .notification-item.pb-45 {
    padding-bottom: 45px;
}

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

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

.notifications-holder .notification-item .notification-title .notification-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%);
}

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

.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 svg {
    width: 30px;
    height: auto;
}

.notifications-holder .notification-item .notification-title h2 {
    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;
}

.notifications-holder .notification-item .notification-content .button-holder .btn {
    padding: 0 3rem;
}

/* Page pagination */
.page-pagination-main-holder {
    padding: 20px 12px;
    margin-top: 4.5rem;
}

.page-pagination-main-holder.front-pagination {
    border-top: 0 none;
    padding: 0;
    margin-bottom: 110px;
}

.page-pagination-main-holder .page-pagination-holder,
.page-pagination-main-holder .page-pagination-holder .content-left-holder,
.page-pagination-main-holder .page-pagination-holder .content-right-holder {
    display: flex;
    align-items: center;
}

.page-pagination-main-holder .page-pagination-holder.content-left {
    justify-content: flex-start;
}

.page-pagination-main-holder .page-pagination-holder.content-left label {
    margin-right: 1.25rem;
    margin-bottom: 0;
}

.page-pagination-main-holder .page-pagination-holder.content-left .form-control {
    width: 4.5rem;
    height: 2.5rem;
    font-size: 1rem;
    font-weight: 500;
}

.page-pagination-main-holder .page-pagination-holder.content-left .form-check {
    margin-right: 25px;
    margin-bottom: 0;
}

.page-pagination-main-holder .page-pagination-holder.content-center {
    justify-content: center;
}

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

.page-pagination-main-holder .page-pagination-holder.content-center .page-pagination svg {
    width: 50px;
    height: auto;
}

.page-pagination-main-holder .page-pagination-holder.content-center .page-pagination .icon-holder {
    position: relative;
}

.page-pagination-main-holder .page-pagination-holder.content-center .page-pagination .icon-holder a .hover-notification {
    position: absolute;
    top: -30px;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    font-weight: 500;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.page-pagination-main-holder .page-pagination-holder.content-center .page-pagination .icon-holder a .hover-notification svg {
    position: relative;
    top: 12px;
    width: 40px;
    height: auto;
    flex-shrink: 0;
}

.page-pagination-main-holder .page-pagination-holder.content-center .page-pagination .icon-holder a .hover-notification span {
    position: relative;
    top: 0;
}

.page-pagination-main-holder .page-pagination-holder.content-center .page-pagination .icon-holder a:hover .hover-notification {
    opacity: 1;
    visibility: visible;
}

.page-pagination-main-holder .page-pagination-holder.content-center .page-pagination .icon-holder:first-child a .hover-notification {
    right: 100%;
}

.page-pagination-main-holder .page-pagination-holder.content-center .page-pagination .icon-holder:first-child a .hover-notification svg {
    order: 2;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.page-pagination-main-holder .page-pagination-holder.content-center .page-pagination .icon-holder:first-child a .hover-notification span {
    order: 1;
    right: 5px;
}

.page-pagination-main-holder .page-pagination-holder.content-center .page-pagination .icon-holder:last-child a .hover-notification {
    left: 100%;
}

.page-pagination-main-holder .page-pagination-holder.content-center .page-pagination .icon-holder:last-child a .hover-notification svg {
    order: 1;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.page-pagination-main-holder .page-pagination-holder.content-center .page-pagination .icon-holder a.disabled:hover .hover-notification {
    opacity: 0;
    visibility: hidden;
}

.page-pagination-main-holder .page-pagination-holder.content-center .page-pagination .page-pagination-pages-count {
    width: 150px;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
}

.page-pagination-main-holder .page-pagination-holder.content-center .page-pagination .icon-holder:last-child a .hover-notification span {
    order: 2;
    left: 5px;
}

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

.page-pagination-main-holder .page-pagination-holder.content-right .page-pagination-total-pages {
    font-size: 1rem;
    margin-right: 20px;
}

.page-pagination-main-holder .page-pagination-holder.content-right .form-select {
    width: 80px;
    font-size: 1rem;
    height: 2.5rem;
}

.page-pagination-main-holder .pag-col {
    padding: 0;
}

/* Offcanvas pagination */
.offcanvas-pagination-main-holder {
    margin-top: 0;
}

/* Upload gallery */
.upload-holder {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.upload-holder .upload-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 6.875rem;
    height: 6.875rem;
    padding: 0.25rem;
    margin-bottom: 0.625rem;
}

.upload-holder .upload-item:not(:last-child) {
    margin-right: 0.625rem;
}

.upload-holder .upload-item .image-holder {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}

.upload-holder .upload-item img {
    width: auto;
    max-height: 100%;
}

.upload-holder .upload-item .btn-gallery-delete {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.75rem;
    height: 3.75rem;
    padding: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.upload-holder .upload-item:hover .btn-gallery-delete,
.upload-holder .upload-item:focus .btn-gallery-delete {
    opacity: 1;
    visibility: visible;
}

.upload-holder .upload-item .btn-gallery-delete svg {
    width: 1.25rem;
    height: 1.25rem;
}

.element-action .button-holder {
    margin-top: 1.875rem;
    margin-bottom: 0.625rem;
}

/* Aside Publish */
.aside-publish {
    position: relative;
}

.aside-publish .aside-box {
    padding: 1.875rem;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.aside-publish .aside-box:not(:last-of-type) {
    margin-bottom: 1.25rem;
}

.aside-publish .aside-box-title {
    position: relative;
    margin-bottom: 1.875rem;
}

.aside-publish .aside-box-title h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.313rem;
    padding: 0;
}

.aside-publish .aside-box-title p {
    font-size: 0.875rem;
    margin-bottom: 0;
}

.aside-publish .publish-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.aside-publish .publish-actions .action-option {
    display: inline-flex;
    align-items: center;
}

.aside-publish .publish-actions .action-option .btn {
    padding: 0 1rem;
    min-width: 6.25rem;
}

.aside-publish .publish-actions .action-option .btn:not(:last-child) {
    margin-right: 0.625rem;
}

.aside-publish .aside-date-holder,
.aside-publish .aside-input-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.aside-publish .aside-date-holder .date,
.aside-publish .aside-input-holder .form-control {
    max-width: 10rem;
    margin-right: 1rem;
}

.aside-publish .aside-input-holder .input-with-addon-text {
    position: relative;
    display: flex;
    align-items: center;
}

.aside-publish .aside-input-holder .input-with-addon-text .form-control {
    padding-right: 2rem;
}

.aside-publish .aside-input-holder .input-with-addon-text .addon-text {
    position: absolute;
    right: 1.625rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: default;
}

.aside-publish .aside-publish-date form p,
.aside-publish .aside-status-role form p,
.aside-publish .aside-status-test form p {
    margin-bottom: 0;
}

.aside-publish .aside-publish-date .form-switch,
.aside-publish .aside-status-role .form-switch,
.aside-publish .aside-status-test .form-switch {
    height: 3rem;
}

.aside-publish .aside-status-role .choices {
    margin-bottom: 0;
}

.aside-publish .aside-lecturer .bottom-link,
.aside-publish .choose-category .bottom-link,
.aside-publish .aside-control-question .bottom-link {
    position: relative;
    top: 1rem;
    left: 0.625rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    width: max-content;
    max-width: 100%;
}

.aside-publish .aside-lecturer .bottom-link svg,
.aside-publish .aside-control-question .bottom-link svg {
    position: relative;
    width: 40px;
    height: auto;
    flex-shrink: 0;
    -webkit-transform: rotate(-65deg);
    -moz-transform: rotate(-65deg);
    -ms-transform: rotate(-65deg);
    -o-transform: rotate(-65deg);
    transform: rotate(-65deg);
}

.aside-publish .choose-category .bottom-link {
    position: relative;
    top: 1rem;
    right: 0.625rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
    max-width: 100%;
}

.aside-publish .choose-category .bottom-link .btn-link {
    order: 1;
}

.aside-publish .choose-category .bottom-link svg {
    order: 2;
    position: relative;
    width: 40px;
    height: auto;
    flex-shrink: 0;
    -webkit-transform: rotate(65deg);
    -moz-transform: rotate(65deg);
    -ms-transform: rotate(65deg);
    -o-transform: rotate(65deg);
    transform: rotate(65deg);
}

.aside-publish .bottom-link .btn-link,
.offcanvas-hr .bottom-link .btn-link {
    position: relative;
    top: 20px;
    padding: 0;
    font-weight: 500;
    text-decoration: none;
}

.aside-publish .bottom-link .btn-link:hover,
.offcanvas-hr .bottom-link .btn-link:hover {
    text-decoration: underline;
}

.aside-publish .aside-lecturer .bottom-link a,
.aside-publish .aside-control-question .bottom-link a {
    position: relative;
    top: 20px;
    font-weight: 500;
}

.aside-publish .aside-box .bottom-text {
    position: relative;
    top: 1rem;
    left: 0.625rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    width: max-content;
    max-width: 100%;
}

.aside-publish .aside-box .bottom-text svg {
    position: relative;
    width: 40px;
    height: auto;
    flex-shrink: 0;
    -webkit-transform: rotate(-65deg);
    -moz-transform: rotate(-65deg);
    -ms-transform: rotate(-65deg);
    -o-transform: rotate(-65deg);
    transform: rotate(-65deg);
}

.aside-publish .aside-box .bottom-text p {
    position: relative;
    top: 20px;
    font-weight: 400;
    margin-bottom: 0;
}

.aside-publish .aside-control-question .form-control {
    max-width: 10rem;
}

.aside-publish .course-image .aside-box-title svg,
.aside-publish .user-image .aside-box-title svg {
    position: absolute;
    top: 20px;
    left: 140px;
    width: 40px;
    height: auto;
    flex-shrink: 0;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.aside-publish .questions-number .aside-box-title svg {
    position: absolute;
    top: 20px;
    left: 220px;
    width: 40px;
    height: auto;
    flex-shrink: 0;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.aside-publish .questions-number .total-questions {
    display: block;
    text-align: center;
    margin-bottom: 2rem;
}

.aside-publish .questions-number .form-group,
.aside-publish .questions-number .choices {
    margin-bottom: 0;
}

.aside-publish .course-image .media-image,
.aside-publish .user-image .media-image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 6.875rem;
    height: 6.875rem;
    padding: 0.25rem;
    margin-right: 1.875rem;
    flex-shrink: 0;
}

.aside-publish .user-image .media-image,
.aside-publish .user-image .media-image img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.aside-publish .user-image .media-image img {
    width: 6.25rem;
    height: 6.25rem;
}

.aside-publish .course-image .media-image img {
    width: auto;
    max-height: 100%;
}

.aside-publish .course-image .media-image svg,
.aside-publish .user-image .media-image svg {
    width: 3.75rem;
    height: 3.75rem;
}

.aside-publish .course-image .media-body .btn,
.aside-publish .user-image .media-body .btn {
    padding: 0 2rem;
    margin-bottom: 0.625rem;
}

.aside-publish .course-image .media-body p,
.aside-publish .user-image .media-body p {
    font-size: 0.75rem;
    margin-bottom: 0;
}

.aside-publish .choose-category .form-group .choices {
    margin-bottom: 0;
}

.aside-publish .choose-category .button-holder {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.aside-publish .choose-category .button-holder .btn {
    padding: 0;
}

.aside-publish .choose-category .button-holder .btn:hover {
    text-decoration: none;
}

.aside-publish .aside-box.excel-questions-upload {
    padding: 1rem 0 1.875rem 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.aside-publish .excel-questions-upload .button-holder {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.aside-publish .excel-questions-upload .button-holder svg {
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    width: 2.5rem;
    height: 2.5rem;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.aside-publish .excel-questions-upload .item-options {
    display: flex;
    align-items: flex-start;
    margin-top: 2rem;
}

.aside-publish .excel-questions-upload .item-options span {
    margin-right: 1.25rem;
}

.aside-publish .excel-questions-upload .item-options .icon-holder {
    display: inline-flex;
    align-items: center;
}

.aside-publish .excel-questions-upload .item-options .icon-holder:not(:last-child) {
    margin-right: 0.75rem;
}

.aside-publish .excel-questions-upload .item-options .icon-holder .btn {
    padding: 0;
}

.aside-publish .excel-questions-upload .item-options .icon-holder svg {
    width: 1.25rem;
    height: 1.25rem;
}

/* Choices autocomplete */
.choices {
    font-size: 0.875rem;
}

.choices__inner {
    padding: .375rem .75rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    min-height: 3rem;
}

.is-open .choices__inner {
    border-radius: 0.25rem 0.25rem 0 0;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
    border-radius: 0 0 0.25rem 0.25rem;
    z-index: 2;
}

.choices[data-type*="select-one"]::after {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 0 none;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    margin: 0;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -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);
}

.choices[data-type*="select-one"].is-open::after {
    margin: 0;
    border: 0 none;
    -webkit-transform: translateY(-50%) rotate(18deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.choices[data-type*="select-one"] .choices__list--dropdown .choices__item--selectable,
.choices[data-type*="select-one"] .choices__list[aria-expanded] .choices__item--selectable {
    padding-right: 10px;
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 0.25rem 0.25rem;
}

.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
    border-radius: 0.25rem 0.25rem 0 0;
}

.choices__input,
.choices[data-type*="select-one"] .choices__input {
    background-color: transparent;
    font-size: 0.875rem;
    height: 1.875rem;
    margin: 0;
    padding: 4px 10px;
    vertical-align: middle;
}

.choices__list--multiple .choices__item {
    display: inline-flex;
    align-items: center;
    border: 0 none;
    margin: 0.313rem 0.625rem 0.313rem 0;
    height: 1.875rem;
    font-size: 0.875rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.choices[data-type*="select-one"] .choices__inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-right: 1.875rem;
}

.choices__list--multiple .choices__item.is-highlighted {
    border: 0 none;
}

.choices__list--multiple .choices__item[data-deletable],
.choices[data-type*="select-one"] .choices__list--single {
    padding-right: 0.625rem;
}

.choices[data-type*="select-one"] .choices__list--single {
    padding: 0;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.choices[data-type*="select-one"] .choices__list--single .choices__item {
    position: relative;
    display: block;
    align-items: center;
    border: 0 none;
    margin: 0;
    height: 1.875rem;
    padding: 4px 0;
    font-size: 0.875rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.choices[data-type*="select-one"] .choices__button,
.choices[data-type*="select-multiple"] .choices__button {
    background-size: 1rem;
    width: 1rem;
    opacity: 1;
    border-left: 0 none;
    margin-right: 0;
    line-height: 1.5;
}

.choices[data-type*="select-one"] .choices__button {
    right: 10px;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
    opacity: 1;
}

/* Datepicker */
.datepicker-dropdown .datepicker-picker {
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}

.datepicker-cell.focused,
.datepicker-cell.selected,
.datepicker-cell.selected:hover {
    font-weight: 700;
}

/* Cart */
.cart-listing .cart-item {
    display: flex;
    position: relative;
    padding: 20px 0;
}

.cart-listing .cart-item:last-child {
    border-bottom: 0;
}

.cart-listing .cart-item .form-check {
    position: absolute;
    top: 50%;
    left: -35px;
    padding: 0;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cart-listing .cart-item .form-check .form-check-input {
    margin: 0;
}

.cart-listing .cart-item .cart-item-image {
    display: flex;
    align-items: flex-start;
    flex: 0 0 auto;
    width: 25%;
    margin-right: 20px;
}

.cart-listing .cart-item .cart-item-image img {
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.cart-listing .cart-item .cart-item-content {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
}

.cart-listing .cart-item .cart-item-content .cart-item-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: flex-start;
    flex-basis: 100%;
}

.cart-listing .cart-item .cart-item-content .cart-item-top .cart-item-header a {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.cart-listing .cart-item .cart-item-content .cart-item-top .cart-item-header a svg {
    width: 16px;
    height: auto;
    margin-left: 5px;
}

.cart-listing .cart-item .cart-item-content .cart-item-top .cart-item-header h2 {
    font-size: 1rem;
}

.cart-listing .cart-item .cart-item-content .cart-item-top .cart-item-options {
    display: flex;
    align-items: center;
    padding-right: 8px;
}

.cart-listing .cart-item .cart-item-content .cart-item-top .cart-item-options .btn-option {
    padding: 0 5px;
}

.cart-listing .cart-item .cart-item-content .cart-item-top .cart-item-options .btn-option:first-child {
    margin-right: 5px;
}

.cart-listing .cart-item .cart-item-content .cart-item-top .cart-item-options svg {
    width: auto;
    height: 18px;
}

.cart-listing .cart-item .cart-item-content .cart-item-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    align-self: flex-end;
    flex-basis: 100%;
}

.cart-listing .cart-item .cart-item-content .cart-item-bottom .cart-item-price {
    display: flex;
    align-items: baseline;
    height: 44px;
}

.cart-listing .cart-item .cart-item-content .cart-item-bottom .cart-item-price del {
    margin-right: 10px;
}

.cart-listing .cart-item .cart-item-content .cart-item-bottom .cart-item-price span {
    font-size: 1.5rem;
    margin-right: 3px;
}

.cart-listing .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity {
    display: flex;
    align-items: center;
}

.cart-listing .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group {
    margin-bottom: 0;
}

.cart-listing .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group .input-group {
    align-items: center;
}

.cart-listing .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group .btn {
    padding: 0 10px;
}

.cart-listing .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group .btn svg {
    width: 20px;
    height: auto;
}

.cart-listing .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group .form-control {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 45px;
    font-size: 1.25rem;
    padding: 0;
    border: 0 none;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.cart-total-holder {
    position: relative;
    padding: 2rem 2.5rem;
    margin-top: 50px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.cart-total-holder img {
    max-width: 100%;
}

.cart-total-holder .cart-icon {
    position: absolute;
    right: 2rem;
    top: -3rem;
}

.cart-total-holder .cart-icon svg {
    width: 40px;
    height: auto;
}

.cart-total-holder .cart-total-header {
    margin-bottom: 50px;
}

.cart-total-holder .cart-total-header h4 {
    font-weight: 600;
    margin-bottom: 0;
}

.cart-total-holder .cart-total-price-holder {
    margin-bottom: 30px;
}

.cart-total-holder .cart-total-price-holder p {
    margin-bottom: 0;
}

.cart-total-holder .cart-total-price-holder p del {
    margin-left: 5px;
}

.cart-total-holder .cart-total-price-holder .cart-total-price {
    position: relative;
    display: inline-block;
}

.cart-total-holder .cart-total-price-holder .cart-total-price .total-price {
    font-size: 2rem;
    font-weight: 600;
}

.cart-total-holder .cart-total-price-holder .cart-total-price .total-price small {
    font-size: 1rem;
    margin-left: 5px;
}

.cart-total-holder .cart-total-price-holder .cart-total-price .hover-notification {
    position: absolute;
    top: -15px;
    right: -25px;
    min-width: 130px;
}

.cart-total-holder .cart-total-price-holder .cart-total-price .hover-notification svg {
    position: absolute;
    top: 15px;
    right: -20px;
    width: 40px;
    height: auto;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.cart-total-holder .cart-tranche {
    display: inline-block;
    position: relative;
}

.cart-total-holder .cart-tranche label {
    position: relative;
}

.cart-total-holder .cart-tranche .form-check {
    display: inline-flex;
}

.cart-total-holder .cart-tranche label svg {
    position: absolute;
    top: 15px;
    right: -20px;
    width: 40px;
    height: auto;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.cart-total-holder .cart-tranche .cart-tranche-total {
    text-align: right;
    padding-right: 25px;
    margin-bottom: 30px;
    font-size: 1rem;
    font-weight: 600;
}

.cart-total-holder .cart-tranche .cart-tranche-total p {
    margin-bottom: 0;
}

.cart-total-holder .cart-tranche .cart-tranche-total p:not(:first-child) {
    font-weight: 500;
}

.cart-total-holder .cart-tranche .cart-tranche-total small {
    margin-left: 3px;
}

.cart-total-holder .cart-promo-code {
    display: flex;
    align-items: center;
    position: relative;
}

.cart-total-holder .cart-promo-code .form-group {
    position: relative;
    margin-bottom: 0;
}

.cart-total-holder .cart-promo-code .form-group .btn {
    margin-left: 15px;
    padding: 0 2rem;
    text-transform: uppercase;
}

.cart-total-holder .cart-promo-code .cart-promo-code-info {
    position: absolute;
    top: 50%;
    right: 100%;
    width: 305px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 15px 25px;
    margin-right: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

.cart-total-holder .cart-promo-code .cart-promo-code-info .cart-promo-code-info-content {
    text-align: left;
}

.cart-total-holder .cart-promo-code .cart-promo-code-info .cart-promo-code-info-content p {
    margin-bottom: 0;
}

.cart-total-holder .cart-promo-code .cart-promo-code-info .cart-promo-code-info-arrow {
    width: 50px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: -36px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    overflow: hidden;
}

.cart-total-holder .cart-promo-code .cart-promo-code-info .cart-promo-code-info-arrow::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.cart-total-holder .cart-promo-text {
    margin-top: 10px;
}

.cart-total-holder .button-holder {
    display: flex;
    margin-top: 40px;
}

.cart-total-holder .button-holder .btn {
    width: 100%;
    text-transform: uppercase;
}

.cart-total-info {
    padding: 1.5rem 2.5rem;
}

.cart-total-info p {
    margin-bottom: 20px;
}

.cart-total-info .cart-total-card-logos {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-total-info .cart-total-card-logos img {
    height: 40px;
    width: auto;
}

.cart-total-info .cart-total-card-logos img:not(:last-child) {
    margin-right: 30px;
}

/* Accounting */
.account-info p {
    font-size: 1rem;
}

.account-info .button-holder {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 50px;
}

.account-info .button-holder .btn {
    text-transform: uppercase;
    padding: 0 3rem;
}

.account-info .button-holder p {
    font-size: 0.875rem;
    margin-left: 30px;
    margin-bottom: 0;
}

/* Top list */
.top-list-user-item {
    margin-top: 20px;
    margin-bottom: 50px;
}

.top-list-user-holder {
    padding: 2rem;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.top-list-user-holder .user-image-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

.top-list-user-holder .user-image-holder .user-image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 106px;
    height: 106px;
    padding: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.top-list-user-holder .user-image-holder .user-image img {
    width: 96px;
    height: 96px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.top-list-user-holder .user-image-holder .user-image svg {
    width: 65px;
    height: 65px;
}

.top-list-user-holder .user-image-holder .user-image .badge-notification {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.top-list-user-holder .user-name {
    text-align: center;
    margin-bottom: 0.313rem;
    font-weight: 600;
}

.top-list-user-holder .user-icons {
    display: flex;
    justify-content: center;
    flex-basis: 100%;
    margin-bottom: 1rem;
}

.top-list-user-holder .user-icons svg {
    width: 16px;
    height: auto;
}

.top-list-user-holder .user-icons svg:not(:last-child) {
    margin-right: 5px;
}

.top-list-user-holder .user-points-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
}

.top-list-user-holder .user-points-holder .user-points {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 11rem;
    height: 30px;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.top-list-user-holder .user-points-holder .user-points svg {
    position: absolute;
    top: 50%;
    right: -35px;
    width: 40px;
    height: auto;
    -webkit-transform: translateY(50%) rotate(-50deg);
    -moz-transform: translateY(50%) rotate(-50deg);
    -ms-transform: translateY(50%) rotate(-50deg);
    -o-transform: translateY(50%) rotate(-50deg);
    transform: translateY(50%) rotate(-50deg);
}

.top-list-user-holder .user-progress-data {
    display: flex;
}

.top-list-user-holder .user-progress-data .user-progress-data-item {
    padding: 10px 0;
    width: calc(100% / 3);
}

.top-list-user-holder .user-progress-data .user-progress-data-item p {
    text-align: center;
    margin-bottom: 0;
}

/* Dashboard */
.dashboard-header {
    display: flex;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 25px;
}

.dashboard-header .btn-user {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    padding: 0 0 0 15px;
    margin: 0;
}

.dashboard-header .btn-user .icon-holder {
    display: inline-flex;
    align-items: center;
}

.dashboard-header .btn-user .icon-holder svg {
    width: 15px;
    height: 15px;
}

.dashboard-header .btn-user .media-image {
    position: relative;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 3px;
    margin-left: 15px;
    margin-right: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.dashboard-header .btn-user .media-image svg {
    position: absolute;
    top: calc(-50% - 10px);
    left: 50%;
    width: max-content;
    width: 50px;
    height: auto;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.dashboard-header .btn-user img {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

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

.dashboard-header .btn-user span {
    display: block;
    padding-left: 10px;
    text-align: left;
    font-weight: 600;
    text-decoration: underline;
}

.dashboard-header .btn-user:hover span {
    text-decoration: none;
}

.header-title-top-text {
    position: relative;
    font-weight: 400;
    margin-bottom: 30px;
}

.header-title-top-text svg {
    position: absolute;
    top: 10px;
    width: 40px;
    height: auto;
    margin-left: 10px;
}

.header-title-top-text span {
    font-weight: 600;
}

.header-title {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px;
}

.header-title h1 {
    font-size: 2rem;
}

.header-top-list {
    display: flex;
    align-items: center;
    margin-bottom: 15px;

}

.header-top-list .top-list-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 3px;
    -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;
}

.header-top-list .top-list-item:not(:last-child) {
    margin-right: 15px;
}

.header-top-list .top-list-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.header-top-list .top-list-item img {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.header-top-list .top-list-item svg {
    width: 25px;
    height: 25px;
}

.header-top-list .top-list-item:hover .hover-notification {
    opacity: 1;
    visibility: visible;
}

.header-top-list .top-list-item .hover-notification {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 0;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    width: 200px;
    font-weight: 500;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.header-top-list .top-list-item .hover-notification svg {
    position: relative;
    top: 12px;
    width: 50px;
    height: auto;
    flex-shrink: 0;
    order: 1;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
}

.header-top-list .top-list-item .hover-notification span {
    position: relative;
    top: 5px;
    left: 10px;
    order: 2;
}

.top-list-info {
    display: flex;
    align-items: center;
    margin-bottom: 80px;
}

.top-list-info .top-list-rating {
    display: flex;
    align-items: center;
}

.top-list-info .top-list-rating svg {
    width: 16px;
    height: auto;
    margin-right: 5px;
}

.top-list-info .top-list-group {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 15px;
    margin-left: 15px;
}

.top-list-info .top-list-group a {
    text-decoration: underline;
}

.top-list-info .top-list-group a:hover {
    text-decoration: none;
}

/* LineLeader dashboard */
/************************/

.leaderline-holder {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.leaderline-holder .element-marker {
    position: absolute;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.leaderline-holder .excel {
    position: absolute;
    top: 35px;
    left: 0;
    width: 160px;
    padding: 1.25rem;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.leaderline-holder .excel .element-marker {
    top: 65px;
    right: 0;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
}

.leaderline-holder .excel p {
    font-weight: 600;
}

.leaderline-holder .excel .icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}

.leaderline-holder .excel .icon-holder svg {
    width: 20px;
    height: auto;
}

.leaderline-holder .excel .button-holder .btn {
    width: 100%;
    text-transform: uppercase;
}

.leaderline-holder .b2b {
    position: absolute;
    top: 20px;
    left: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-weight: 600;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.leaderline-holder .b2b p {
    font-size: 0.75rem;
    margin-bottom: 0;
}

.leaderline-holder .b2b .element-marker {
    top: 14px;
    right: 0;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
}

.leaderline-holder .users {
    position: absolute;
    top: 180px;
    left: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    font-weight: 600;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.leaderline-holder .users .content-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-basis: 100%;
}

.leaderline-holder .users .icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 100%;
    margin-bottom: 5px;
}

.leaderline-holder .users .icon-holder svg {
    width: 20px;
    height: auto;
}

.leaderline-holder .users p {
    font-size: 1rem;
    margin-bottom: 0;
}

.leaderline-holder .users .element-marker.top {
    top: 0;
    left: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.leaderline-holder .users .element-marker.bottom {
    bottom: 0;
    right: 20px;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}

.leaderline-holder .unregistered {
    position: absolute;
    top: 300px;
    left: 185px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-weight: 600;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.leaderline-holder .unregistered .element-marker {
    top: 20px;
    right: 0;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
}

.leaderline-holder .unregistered .content-holder {
    position: relative;
}

.leaderline-holder .content-holder p {
    width: 100%;
    text-align: center;
}

.leaderline-holder .unregistered .content-holder p {
    margin-bottom: 0;
    font-size: 1rem;
}

.leaderline-holder .unregistered .content-holder .bottom-link {
    position: absolute;
    top: calc(100% + 10px);
    left: calc(0px - 40px);
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    width: max-content;
}

.leaderline-holder .unregistered .content-holder .bottom-link svg {
    flex-shrink: 0;
    position: relative;
    width: 50px;
    height: auto;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.leaderline-holder .unregistered .content-holder .bottom-link a {
    position: relative;
    top: 20px;
    text-decoration: underline;
    font-weight: 500;
}

.leaderline-holder .unregistered .content-holder .bottom-link a:hover {
    text-decoration: none;
}

.leaderline-holder .unregistered .content-holder .icon-holder svg {
    position: absolute;
    top: calc(100% - 4px);
    right: calc(100% - 4px);
    width: 24px;
    height: auto;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
}

.leaderline-holder .scissors {
    position: absolute;
    top: 306px;
    right: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

.leaderline-holder .scissors .element-marker {
    background-color: transparent;
    border: 0 none;
}

.leaderline-holder .scissors svg {
    width: 24px;
    height: auto;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.leaderline-holder .hours {
    position: absolute;
    top: 45px;
    right: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 130px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.leaderline-holder .hours .content-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-basis: 100%;
}

.leaderline-holder .hours .icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 100%;
    margin-bottom: 0;
}

.leaderline-holder .hours .icon-holder svg {
    width: 40px;
    height: auto;
}

.leaderline-holder .hours p {
    margin-bottom: 0;
}

.leaderline-holder .hours .content-holder p:first-of-type {
    font-size: 1.25rem;
    font-weight: 500;
}

.leaderline-holder .hours .content-holder p:last-of-type {
    font-size: 0.875rem;
    font-weight: 400;
}

.leaderline-holder .hours .element-marker.left {
    top: 30px;
    left: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.leaderline-holder .hours .element-marker.bottom {
    bottom: 0;
    right: 20px;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}

.leaderline-holder .average {
    position: absolute;
    top: 250px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.leaderline-holder .average .content-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-basis: 100%;
}

.leaderline-holder .average .content-holder p {
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}

.leaderline-holder .average .content-holder p:first-of-type {
    font-size: 1.25rem;
    font-weight: 500;
}

.leaderline-holder .average .content-holder p:last-of-type {
    font-weight: 400;
}

.leaderline-holder .average .element-marker {
    top: 0;
    left: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* Page title */
.page-title {
    margin-bottom: 50px;
}

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

.page-title p {
    margin-bottom: 0;
}

/* Dashboard Chart */
.y-axis {
    position: relative;
    height: 100%;
    width: 12px;
}

.y-axis::before {
    content: "";
    position: absolute;
    top: 0;
    right: 6px;
    left: auto;
    z-index: 1;
    width: 1px;
    height: calc(100% - 2px);
}

.y-axis .axis-item {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.y-axis .axis-item:first-child {
    top: 0;
    right: 0;
}

.y-axis .axis-item:last-child {
    bottom: 0;
    right: 0;
}

.y-axis .axis-item .item-icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 13px;
    height: 13px;
    top: 0;
    right: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
}

.y-axis .axis-item .item-content {
    white-space: nowrap;
    overflow: hidden;
    padding-right: 1.25rem;
    display: flex;
    align-items: center;
    flex-basis: 100%;
}

.y-axis .axis-item .item-content h5 {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    line-height: 1;
    width: 100%;
    text-align: right;
}

.bar-chart-holder {
    position: relative;
}

.bar-chart {
    display: flex;
    align-items: flex-end;
    height: 100%;
    min-height: 160px;
    padding-right: 200px;
}

.bar-chart .bar-group {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: calc(100% / 12);
    height: 100%;
}

.bar-chart .bar-group:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: 5px 1em 0;
    display: block;
    text-align: center;
    content: attr(title);
    word-wrap: break-word;
}

.bar-chart .bar-group:not(:last-child) {
    margin-right: 0.75rem;
}

.bar-chart .bar-group .bar {
    display: flex;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    animation: draw 1s ease-in-out;
}

.bar-chart .bar-group .bar:first-child {
    margin-right: 0.313rem;
}

@keyframes draw {
    0% {
        height: 0;
    }
}

@keyframes drawWidth {
    0% {
        width: 0;
    }
}

.bar-chart-info {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
    width: 200px;
}

.bar-chart-info svg {
    width: 50px;
    height: auto;
    -webkit-transform: rotate(-210deg);
    -moz-transform: rotate(-210deg);
    -ms-transform: rotate(-210deg);
    -o-transform: rotate(-210deg);
    transform: rotate(210deg);
    flex-shrink: 0;
    margin-bottom: -25px;
}

.bar-chart-info p {
    margin-bottom: 10px;
    padding-left: 15px;
}

.chart-actions-holder {
    position: relative;
    margin-top: 63px;
    padding-left: 63px;
}

.chart-actions-holder svg {
    position: absolute;
    top: -50px;
    left: 10px;
    width: 50px;
    height: auto;
    flex-shrink: 0;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.chart-actions {
    margin-bottom: 40px;
}

.chart-legend-holder {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 1rem;
}

.chart-legend-holder .legend-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.chart-legend-holder .legend-item .btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    text-decoration: none;
}

.chart-legend-holder .legend-item:not(:last-child) {
    margin-right: 1rem;
}

.chart-legend-holder .legend-item .badge {
    top: 0;
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    padding: 0;
    margin-right: 5px;
}

.chart-legend-holder .legend-item .badge:empty {
    display: block;
}

.top-box-holder .select-fields {
    align-items: center;
    justify-content: center;
}

.top-box-holder {
    margin-bottom: 70px;
}

.top-box {
    padding: 35px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 100%;
}

.top-box .top-box-title {
    position: relative;
    margin-bottom: 45px;
    padding-right: 20px;
}

.top-box .top-box-title svg {
    width: 50px;
    height: auto;
    position: absolute;
    top: calc(100% - 10px);
    right: 0;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
}

.top-box .top-box-title h3 {
    font-size: 1.25rem;
    margin-bottom: 5px;
}

.top-box .top-box-title p {
    margin-bottom: 0;
}

.top-box .top-box-item {
    margin-bottom: 10px;
}

.top-box .top-box-item a:hover .media-body span:first-child {
    text-decoration: underline;
}

.top-box .top-box-item .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%;
}

.top-box .top-box-item .media-image img {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.top-box .top-box-item .media-image svg {
    width: 25px;
    height: 25px;
}

.top-box .top-box-item .media-body span {
    display: block;
    width: 100%;
    text-align: left;
}

.top-box .top-box-item .btn {
    padding: 0;
}

/* Landing page */
.landing-top-section {
    padding: 100px 0 160px 0;
    background-size: cover;
    background-position: center;
}

.landing-top-section .landing-top-text {
    position: relative;
    display: inline-flex;
    align-items: center;
    z-index: 2;
}

.landing-top-section .landing-top-text .icon-holder {
    position: absolute;
    left: 100%;
    top: -85px;
    margin-left: 10px;
}

.landing-top-section .landing-top-text .icon-holder svg:first-child {
    width: 75px;
    height: auto;
    margin-bottom: 10px;
}

.landing-top-section .landing-top-text .icon-holder svg:last-child {
    width: 40px;
    height: auto;
}

.landing-top-section .landing-top-text p {
    font-size: 1rem;
    font-weight: 600;
}

.landing-top-section .top-content-holder {
    position: relative;
}

.landing-top-section .top-content-holder img {
    position: absolute;
    top: -3.5rem;
    right: 0;
    z-index: 1;
}

.landing-top-section .landing-main-title {
    position: relative;
    display: inline-flex;
    margin-bottom: 40px;
    z-index: 2;
}

.inner-front.landing-top-section .landing-main-title {
    margin-bottom: 15px;
}

.landing-top-section .landing-main-title h1 {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 0;
}

.landing-top-section .landing-main-title svg {
    position: absolute;
    right: -80px;
    bottom: -80px;
    width: 80px;
    height: auto;
}

.landing-top-section .landing-main-title h1 span {
    color: #fd908d;
}

.landing-top-section .lead-text.lead-text-lg {
    position: relative;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.3;
    z-index: 2;
}

.landing-top-section .lead-text {
    font-size: 1.25rem;
}

.landing-top-section .lead-text>svg {
    position: absolute;
    left: -100px;
    top: 50%;
    width: 80px;
    height: auto;
    -webkit-transform: translateY(-50%) rotate(-10deg);
    -moz-transform: translateY(-50%) rotate(-10deg);
    -ms-transform: translateY(-50%) rotate(-10deg);
    -o-transform: translateY(-50%) rotate(-10deg);
    transform: translateY(-50%) rotate(-10deg);
}

.landing-top-section .lead-text .text-highlight {
    position: relative;
}

.landing-top-section .lead-text .icon-holder {
    display: flex;
    align-items: center;
    position: absolute;
    left: -1.875rem;
    top: calc(100% + 1.5rem);
}

.landing-top-section .lead-text .icon-holder svg:first-child {
    width: 75px;
    height: auto;
    margin-bottom: 0;
}

.landing-top-section .lead-text .icon-holder svg:last-child {
    width: 40px;
    height: auto;
    margin-top: -1.875rem;
    margin-left: 0.625rem;
}

.landing-feature-section {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

.landing-feature-section .feature-boxes-holder {
    position: relative;
    z-index: 2;
    display: flex;
}

.landing-feature-section .feature-boxes-holder>svg {
    position: absolute;
    top: calc(-100% - 15px);
    left: -60px;
    width: 65px;
    height: auto;
}

.landing-feature-section .feature-boxes-holder .feature-box {
    padding: 0.625rem 2rem;
}

.landing-feature-section .feature-boxes-holder .feature-box:first-of-type {
    padding-left: 0;
}

.landing-feature-section .feature-boxes-holder .feature-box:last-of-type {
    border-right: 0 none;
}

.landing-feature-section .feature-boxes-holder .feature-box .feature-box-title {
    display: inline-flex;
    align-items: center;
}

.landing-feature-section .feature-boxes-holder .feature-box .feature-box-title .feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 3.75rem;
    height: 2.25rem;
    margin-right: 15px;
    font-size: 1.25rem;
    font-weight: 600;
    -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;
}

.landing-feature-section .feature-boxes-holder .feature-box .feature-box-title h3 {
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0;
}

.landing-top-section .button-holder {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 4.5rem;
    z-index: 2;
}

.landing-top-section .button-holder .btn:not(:last-child) {
    margin-right: 20px;
}

.landing-top-section .feature-image-holder {
    position: relative;
    margin-top: 20px;
}

.landing-top-section .feature-image-holder svg {
    position: absolute;
    bottom: -130px;
    right: 100px;
    width: 80px;
    height: auto;
}

.landing-top-section .user-avatar-holder {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 15px;
}

.landing-top-section .user-avatar-holder .user-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.landing-top-section .user-avatar-holder .user-avatar:not(:last-child) {
    margin-right: 10px;
}

.landing-top-section .user-avatar-holder .user-avatar img {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.landing-top-section .user-rating-holder {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.landing-top-section .user-rating-holder .user-rating {
    display: flex;
    align-items: center;
    height: 30px;
    padding-right: 1rem;
    margin-right: 1rem;
}

.landing-top-section .user-rating-holder .user-rating svg {
    width: 16px;
    height: auto;
    margin-right: 5px;
}

.landing-top-section .user-rating-holder .user-rating span {
    margin-left: 5px;
}

.landing-top-section .user-rating-holder .user-rating-text p {
    margin-bottom: 0;
}

.feature-image-holder {
    padding: 1rem;
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    transform: rotate(1deg);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.landing-slider-section {
    padding: 32px 0 70px 0;
}

.landing-middle-section {
    position: relative;
    padding: 100px 0;
}

.landing-middle-section .feature-boxes-holder {
    position: relative;
}

.landing-middle-section .feature-box {
    padding: 20px 25px;
    height: 100%;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.landing-middle-section .feature-box .feature-box-title {
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
}

.landing-middle-section .feature-box .feature-box-title .feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

.landing-middle-section .feature-box .feature-box-title .feature-icon svg {
    width: auto;
    height: 32px;
}

.landing-middle-section .feature-box .feature-box-title h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
}

.landing-middle-section .feature-image-holder {
    margin-top: 90px;
}

.feature-middle-holder:not(:last-child) {
    margin-bottom: 50px;
}

.feature-middle-holder .media-image {
    margin-right: 25px;
}

.feature-middle-holder .media-image svg {
    width: 100px;
    height: auto;
}

.feature-middle-holder .media-body h3 {
    font-size: 1.25rem;
    font-weight: 600;
}

.feature-middle-holder .media-body p {
    position: relative;
    margin-bottom: 0;
}

.feature-middle-holder .media-body svg {
    position: absolute;
    top: 7px;
    width: 40px;
    height: auto;
    margin-left: 10px;
}

.landing-title {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom: .5rem;
}

.landing-title svg {
    width: 30px;
    height: auto;
    margin-right: 10px;
}

.landing-title svg.svg-larger {
    width: 45px;
    height: auto;
    margin-right: 10px;
    flex-shrink: 0;
}

.landing-title svg.three-lines {
    position: absolute;
    top: -15px;
    left: -20px;
    width: 30px;
    height: auto;
    margin-right: 0;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.landing-title h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0;
}

.landing-deco-holder>svg {
    margin-left: 30px;
    width: 65px;
    height: auto;
}

.landing-deco-holder .lead-text {
    position: relative;
}

.landing-deco-holder .lead-text svg {
    position: absolute;
    top: 65%;
    left: -30px;
    width: 45px;
    height: auto;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
}

.landing-deco-content {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 70px;
    margin-bottom: 35px;
}

.landing-deco-content p>svg {
    position: absolute;
    top: -100%;
    right: 0;
    width: auto;
    height: 50px;
    flex-shrink: 0;
}

.landing-deco-content p {
    position: relative;
    margin-bottom: 0;
    font-size: 1.5rem;
}

.landing-deco-content p span {
    font-size: 2rem;
}

.landing-middle-section .landing-large-icon {
    display: flex;
    justify-content: center;
    flex-basis: 100%;
}

.landing-middle-section .landing-large-icon svg {
    width: 180px;
    height: auto;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
}

.landing-middle-section .feature-list {
    padding-top: 5px;
    padding-left: 20px;
}

.landing-middle-section .feature-list p:last-child {
    margin-bottom: 0;
}

.landing-middle-section .feature-list p svg {
    width: 24px;
    height: auto;
    margin-left: 10px;
}

.landing-bottom-section {
    padding: 100px 0 200px 0;
    position: relative;
    overflow: hidden;
}

.landing-bottom-section img.footer-banner {
    position: absolute;
    right: 0;
    z-index: 1;
}

.landing-bottom-section .feature-middle-holder {
    z-index: 2;
}

.landing-bottom-section .feature-middle-holder .media {
    margin-bottom: 70px;
}

.landing-bottom-section .feature-middle-holder .media-image {
    margin-right: 4.5rem;
    flex-direction: row;
    align-items: center;
}

.landing-bottom-section .feature-middle-holder .media-image svg {
    width: 200px;
    height: auto;
}

.landing-bottom-section .feature-middle-holder .media-body ul {
    padding: 0;
    margin-top: 2rem;
}

.landing-bottom-section .feature-middle-holder .media-body ul li {
    list-style: none;
    margin-bottom: 0.25rem;
    font-size: 1.2rem;
}

.landing-bottom-section .bottom-title h3 {
    font-size: 1.25rem;
    font-weight: 600;
}

.landing-bottom-section .button-holder {
    position: relative;
    margin-top: 70px;
}

.landing-bottom-section .button-holder .btn {
    position: relative;
    display: inline-flex;
    padding-right: 4rem;
    padding-left: 4rem;
}

.landing-bottom-section .button-holder svg {
    position: absolute;
    top: calc(-100% - 15px);
    left: 100%;
    width: 65px;
    height: auto;
    margin-left: 20px;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
}

.feature-logo-holder {
    padding: 0 80px;
}

.feature-logo-holder .splide .splide__slide {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 25px 10px;
    background-color: transparent;
}

.feature-logo-holder .splide .splide__slide .logos-row {
    display: flex;
    align-items: center;
    flex-basis: 100%;
}

.feature-logo-holder .splide .splide__slide img {
    width: auto;
    max-width: 100%;
    max-height: 40px;
}

.splide__slide .logos-row:last-child a {
    border-bottom: 0 none;
}

.landing-section {
    padding: 100px 0;
}

.landing-section .feature-middle-holder .media-image svg {
    width: 150px;
    height: auto;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.landing-section .feature-middle-holder .media-body svg:first-child {
    width: 70px;
    height: auto;
    top: 20px;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
}

.landing-section .feature-middle-holder .media-body svg {
    width: 45px;
    height: auto;
    top: 30px;
}

.landing-section .courses-table-row .item-content {
    padding: 20px 35px;
}

.landing-section .courses-table-row .item-content h3 {
    font-size: 1.5rem;
}

.landing-section .courses-table-row .item-content p {
    margin-bottom: 0;
}

.landing-section .courses-table-row .item-col:last-child {
    border-right: 0 none;
}

.landing-section .courses-table-row:last-child .item-col {
    border-bottom: 0 none;
}

/* Inner Front */
.landing-top-section.inner-front {
    padding-bottom: 3.75rem;
}

.listing-content-section .course-item-image-holder {
    position: relative;
    margin-bottom: .5rem;
}

.listing-content-section .course-item-box .course-group a {
    margin-right: 5px;
    margin-left: 5px;
}

.listing-content-section .course-item-box .course-group a:first-child {
    margin-left: 0;
}

.listing-item-box {
    position: relative;
    margin-bottom: 50px;
}

.listing-item-box .listing-item-image-holder {
    position: relative;
    margin-bottom: .5rem;
}

.listing-item-box .listing-item-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

.listing-item-box .item-author {
    display: flex;
    align-items: center;
}

.listing-item-box .item-author .btn-user {
    padding: 0;
}

.listing-item-box .item-author .btn-user .media {
    text-align: left;
}

.listing-item-box .item-author .btn-user .media-image {
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 3px;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.listing-item-box .item-author .btn-user .media-image img {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.listing-item-box .item-author .btn-user .media-image svg {
    width: 25px;
    height: 25px;
}

.listing-item-box .item-author .btn-user .media-body span {
    display: block;
}

.listing-item-box .item-author .btn-user .media-body span:first-of-type {
    font-weight: 600;
}

.listing-item-box .item-author .btn-user:hover .media-body span:first-of-type {
    text-decoration: underline;
}

.listing-content-section .course-item-image-holder .image-badge,
.listing-item-box .listing-item-image-holder .item-badge {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    padding: 0 0.75rem;
    font-family: 'Marck Script', cursive;
    font-size: 1.5rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
    z-index: 1;
}

.listing-content-section .course-item-image-holder h2,
.listing-item-box .listing-item-image-holder h2 {
    position: absolute;
    bottom: 3.75rem;
    padding: 0 2.5rem;
    font-size: 1.5rem;
    font-weight: 800;
    z-index: 1;
    margin-bottom: 0;
}

.inner-content-section .listing-item-box .listing-item-image-holder h2 {
    padding: 0 5.625rem;
    font-size: 3.5rem;
    bottom: 7.5rem;
}

.listing-item-box .listing-item-image-holder .item-date {
    position: absolute;
    bottom: 0;
    left: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    padding: 0 1rem;
    z-index: 1;
}

.inner-content-section .listing-item-box .listing-item-image-holder .item-date {
    left: 1.875rem;
}

.listing-item-box .item-body {
    padding: 1rem 1.875rem;
}

.listing-item-box .item-body h3 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.listing-item-box .item-body .item-author {
    position: relative;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.listing-item-box .item-body .item-author svg.arrow {
    position: absolute;
    top: 16px;
    left: -36px;
    width: 40px;
    height: auto;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.inner-content-section .listing-item-box .item-body .item-author svg.arrow {
    top: 32px;
}

.listing-item-box .item-body .item-author svg.item-author-badge {
    position: absolute;
    right: -2.5rem;
    width: 1.875rem;
    height: auto;
}

.inner-content-section .listing-item-box .item-body p {
    font-size: 1rem;
}

.inner-content-section .social-share {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 100px;
    margin-bottom: 60px;
    margin-left: 100px;
}

.inner-content-section .social-share svg.arrow {
    position: absolute;
    left: -65px;
    bottom: calc(100% + 10px);
    width: 65px;
    height: auto;
}

.inner-content-section .social-share .btn-share {
    padding: 0;
}

.inner-content-section .social-share .btn-share:not(:last-of-type) {
    margin-right: 12px;
}

.inner-content-section .social-share .btn-share svg {
    width: 32px;
    height: auto;
}

.inner-content-section .social-share .btn-share:first-of-type {
    cursor: default;
}

.inner-content-section .social-share .btn-share:first-of-type svg {
    width: 22px;
    height: auto;
}

/* Splide custom */
.splide__slide {
    flex-wrap: wrap;
}

.splide__slide a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 33.33%;
    padding: 1.25rem 1.25rem;
    -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:hover {
    opacity: 0.8;
}

.splide__arrow {
    width: auto;
    height: auto;
    opacity: 1;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.splide__arrow svg {
    width: 70px;
}

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

.splide__arrow--prev {
    left: -80px;
}

.splide__arrow--next {
    right: -80px;
}

/* Split screen */
.split-screen .content-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: calc(100vh - 5rem);
}

.split-screen .content-holder .content-item {
    width: 23.75rem;
}

.split-screen .split-right .content-holder .content-item {
    width: 37.5rem;
}

.split-screen .content-holder .user-header h3 {
    font-size: 1.125rem;
    margin-bottom: 0.3rem;
}

.split-screen .split-right .content-item h2 {
    text-transform: uppercase;
}

.split-screen .content-holder .media-body p {
    display: flex;
    align-items: center;
    font-weight: 600;
}

.split-screen .split-right .content-holder .media-body p span {
    position: relative;
}

.split-screen .split-right .content-holder .media-body p span svg {
    position: absolute;
    top: calc(-100% - 15px);
    right: calc(0% - 80px);
    width: 80px;
}

.split-screen .split-right .content-holder .media-body p {
    font-weight: 500;
}

.split-screen .content-holder .media-body p svg {
    width: 12px;
    height: auto;
    flex-shrink: 0;
}

.split-screen .content-holder .feature-courses,
.split-screen .content-holder .feature-holder {
    padding-left: 126px;
}

.split-screen .split-right .content-holder .feature-my-team,
.split-screen .split-right .content-holder .feature-top-list {
    flex-basis: 100%;
}

.split-screen .split-right .content-holder .feature-my-team {
    flex: 0 0 auto;
    width: 60%;
}

.split-screen .split-right .content-holder .feature-top-list {
    flex: 0 0 auto;
    width: 40%;
}

.split-screen .split-right .content-holder .feature-my-team {
    padding-right: 2rem;
}

.split-screen .content-holder .feature-holder {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.split-screen .content-holder .feature-top-list .user-list-item {
    margin-bottom: 0.5rem;
}

.split-screen .content-holder .feature-top-list h4 {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin-bottom: 0;
}

.split-screen .content-holder .feature-top-list .btn-user h3 {
    font-size: 0.875rem;
    text-align: left;
    margin-bottom: 0;
}

.split-screen .content-holder .feature-top-list .btn-user {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}

.split-screen .content-holder .feature-top-list .btn-user .media-image {
    position: relative;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.split-screen .content-holder .feature-top-list .btn-user .media-image .badge-notification {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.875rem;
    height: 1.875rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.split-screen .content-holder .feature-top-list .btn-user img {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.split-screen .content-holder .feature-top-list .btn-user svg {
    width: 25px;
}

.split-screen .content-holder .feature-top-list .btn-user .media-body p {
    margin-bottom: 0;
}

.split-screen .content-holder .feature-top-list .view-all {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 1rem;
}

.split-screen .content-holder .feature-top-list .view-all svg {
    width: 12px;
    height: auto;
    flex-shrink: 0;
}

.split-screen .content-holder .feature-top-list .view-all a {
    margin-left: 5px;
}

.split-screen .content-holder .feature-courses h4 {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 600;
}

.split-screen .split-right .feature-my-team h4 {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0;
}

.split-screen .content-holder .feature-courses h4 span,
.split-screen .content-holder .feature-my-team h4 span {
    font-size: 1.5rem;
    margin-right: 0.625rem;
}

.split-screen .content-holder .feature-my-team h4 span {
    font-size: 1.5rem;
}

.split-screen .content-holder .feature-courses p,
.split-screen .content-holder .feature-my-team p {
    position: relative;
}

.split-screen .content-holder .feature-courses p svg {
    position: absolute;
    top: 12px;
    width: 50px;
    height: auto;
    margin-left: 10px;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
}

.split-screen .content-holder .feature-my-team .user-count p svg {
    position: absolute;
    top: 12px;
    width: 50px;
    height: auto;
    margin-left: 10px;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
}

.split-screen .content-holder .feature-my-team .my-team-view {
    margin-top: 50px;
}

.split-screen .content-holder .feature-my-team .my-team-view h4 {
    margin-bottom: 0.5rem;
}

.split-screen .content-holder .all-courses-button-holder {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 50px;
}

.split-screen .content-holder .feature-courses .all-courses-button-holder p,
.split-screen .content-holder .feature-my-team .my-team-view p {
    display: flex;
    align-items: center;
}

.split-screen .content-holder .feature-my-team .my-team-view p {
    margin-bottom: 0.313rem;
}

.split-screen .content-holder .feature-courses .all-courses-button-holder a,
.split-screen .content-holder .feature-my-team .my-team-view a {
    margin-left: 5px;
}

.split-screen .content-holder .feature-courses .all-courses-button-holder svg {
    position: relative;
    top: 0;
    flex-shrink: 0;
    width: 12px;
    height: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.split-screen .content-holder .feature-my-team .my-team-view svg {
    flex-shrink: 0;
    width: 12px;
    height: auto;
}

.split-screen .content-holder .button-holder {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 90px;
}

.split-screen .content-holder .button-holder .btn {
    display: inline-flex;
    width: 13.75rem;
}


/* Footer */
.footer .nav-links {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    justify-content: flex-end;
    font-size: 0.875rem;
    padding: 0 12px;
    margin-bottom: 20px;
}

.footer .nav-links a:not(:last-child) {
    padding: .375rem .75rem;
    margin-right: 15px;
}

.footer .nav-links a.svg-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    min-width: 45px;
    min-height: 45px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.footer .nav-links a svg {
    width: 25px;
}

.footer .media svg {
    width: 40px;
    height: 40px;
}

.footer-bottom-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 40px 12px;
}

.footer .media .media-body p:first-of-type {
    font-size: 1rem;
}

.footer .media .media-body p {
    margin-bottom: 0;
}

.footer .content-holder.content-right {
    display: flex;
    align-items: flex-end;
}

.footer .content-holder.content-right p {
    margin: 0;
    margin-top: 25px;
    text-align: center;
}

.footer .content-holder.content-right p a {
    font-weight: 600;
}

.footer .content-holder.content-right p svg {
    width: 25px;
    height: 25px;
    margin-left: 5px;
}

/* Footer Mini */
.footer.footer-mini .footer-bottom-holder {
    padding: 2.5rem 1.5rem 1.875rem 1.5rem;
    justify-content: flex-end;
}

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

.footer.footer-mini .content-holder.content-center p {
    margin: 0;
    text-align: center;
}

.footer.footer-mini .content-holder.content-center p a {
    font-weight: 600;
}

.footer.footer-mini .content-holder.content-center p svg {
    width: 25px;
    height: 25px;
    margin-left: 5px;
}

/* Loader */
.loader-holder {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

/* Loaders  https://loading.io/css/ */
/* Loader ring */
/* HTML
<div class="lds-ring"><div></div><div></div><div></div><div></div></div>
*/
.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

/* Loader roller */
/* HTML
<div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
*/
.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}

/* Chat Bot */
body.chat-bot-open {
    overflow: hidden;
}

.btn-chat-bot {
    position: fixed;
    right: 25px;
    bottom: 75px;
    z-index: 1040;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 45px;
    height: 45px;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.btn-chat-bot>svg {
    width: 25px;
    height: auto;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-chat-bot .hover-notification {
    position: absolute;
    top: -15px;
    right: 100%;
    margin-right: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    font-weight: 500;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-chat-bot .hover-notification svg {
    position: relative;
    top: 12px;
    width: 40px;
    height: auto;
    flex-shrink: 0;
    order: 2;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.btn-chat-bot .hover-notification span {
    position: relative;
    top: 0;
    order: 1;
    right: 5px;
    width: 200px;
    text-align: right;
}

.btn-chat-bot:hover,
.btn-chat-bot:hover>svg {
    opacity: 1;
}

.btn-chat-bot:hover .hover-notification {
    opacity: 1;
    visibility: visible;
}

.chat-bot {
    position: fixed;
    right: 25px;
    bottom: 140px;
    z-index: 1040;
    width: auto;
    max-width: 500px;
}

.chat-bot .chat-bot-arrow {
    width: 50px;
    height: 25px;
    position: absolute;
    bottom: -36px;
    right: 0;
    -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);
    overflow: hidden;
}

.chat-bot .chat-bot-arrow::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 50%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.chat-bot .chat-bot-dialog {
    position: relative;
    width: auto;
    max-width: 420px;
}

.chat-bot .chat-bot-content {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    background-clip: padding-box;
    width: 100%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.chat-bot .chat-bot-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 0;
    flex-basis: 100%;
    padding: 0 60px 0 15px;
    height: 86px;
}

.chat-bot .chat-bot-header .chat-bot-icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    padding: 3px;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.chat-bot .chat-bot-header .chat-bot-icon-holder svg {
    width: 30px;
    height: auto;
}

.chat-bot .chat-bot-header .chat-bot-icon-holder img {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.chat-bot .chat-bot-header h5 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
}

.chat-bot .chat-bot-header p {
    margin-bottom: 0;
    font-size: 0.75rem;
}

.chat-bot .chat-bot-header p svg {
    width: 16px;
    height: auto;
    margin-left: 5px;
    flex-shrink: 0;
}

.chat-bot .chat-bot-header .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 30px;
    height: 30px;
    background-image: none;
    opacity: 1;
}

.chat-bot .chat-bot-header .btn-close svg {
    width: 10px;
    height: auto;
}

.chat-bot .chat-bot-body {
    display: block;
    width: 100%;
    padding: 15px;
    max-height: 350px;
    overflow-y: auto;
}

.chat-bot .chat-bot-body .message {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    margin-bottom: 30px;
}

.chat-bot .chat-bot-body .message.message-sent {
    justify-content: flex-start;
}

.chat-bot .chat-bot-body .message.message-received {
    justify-content: flex-end;
}

.chat-bot .chat-bot-body .message .message-content {
    display: flex;
    align-items: flex-end;
    max-width: 80%;
}

.chat-bot .chat-bot-body .message.message-sent .message-content {
    max-width: 90%;
}

.chat-bot .chat-bot-body .message .message-icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    padding: 3px;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.chat-bot .chat-bot-body .message .message-icon-holder svg {
    width: 25px;
    height: auto;
}

.chat-bot .chat-bot-body .message .message-icon-holder img {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.chat-bot .chat-bot-body .message .message-bubble {
    padding: 15px 20px;
    word-break: break-word;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.chat-bot .chat-bot-body .message .message-time {
    display: flex;
    justify-content: center;
    flex-basis: 100%;
    margin-bottom: 5px;
}

.chat-bot .chat-bot-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-basis: 100%;
    padding: 15px 0;
}

.chat-bot .chat-bot-input .form-control {
    min-height: calc(1.5em + (.75rem + 2px));
    height: 2.75rem;
    border: 0 none;
    padding: 0 15px;
    resize: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.chat-bot .chat-bot-input .btn-send {
    padding: 0 15px 0 0;
}

.chat-bot .chat-bot-input .btn-send svg {
    width: 30px;
    height: auto;
}

/* Wurth */
.lesson-data-holder {
    padding: 1.875rem;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.lesson-data-holder .form-group:last-child {
    margin-bottom: 0;
}

.lesson-data-holder .form-group .btn.btn-upload {
    margin-top: 1rem;
}

.lesson-data-holder .form-group .button-holder {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.875rem;
    margin-bottom: 0.625rem;
}

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

.mce-content-body {
    margin: 1rem !important;
}

/* Segment lesson */
.segment-holder {
    margin-top: 30px;
}

.segment-holder .segmet-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.625rem;
}

.segment-holder .segmet-label .btn-action {
    padding: 0 0.625rem;
    margin: 0;
}

.segment-holder .segmet-label .btn-action svg {
    width: 1.25rem;
    height: 1.25rem;
}

/* Reorder */
.reorder-holder {
    padding: 1.875rem;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.reorder-holder .reorder-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    margin-bottom: 0.625rem;
    -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;
    cursor: grab;
}

.reorder-holder .reorder-item:nth-last-child(2) {
    margin-bottom: 1rem;
}

.reorder-holder .reorder-item .reorder-content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.reorder-holder .reorder-item .reorder-icon {
    margin-right: 0.625rem;
}

.reorder-holder .reorder-item .reorder-icon svg {
    width: 1.25rem;
    height: 1.25rem;
}

.reorder-holder .reorder-item .ordinal-count {
    margin-right: 0.313rem;
    font-weight: 800;
}

.reorder-holder .reorder-item .btn-action {
    padding: 0;
    margin: 0;
    z-index: 1;
}

.reorder-holder .reorder-item .btn-action svg {
    width: 1.25rem;
    height: 1.25rem;
}

.reorder-holder .add-more .btn {
    margin: 0;
    padding: 0;
}

.reorder-holder .add-more .btn:hover {
    text-decoration: none;
}

.add-segment {
    margin-top: 2rem;
    padding-left: 1.875rem;
}

.offcanvas-hr .chosen-list-holder {
    position: relative;
    padding-left: 25px;
    margin-top: 30px;
}

.offcanvas-hr .chosen-list-holder>svg {
    position: absolute;
    bottom: 100%;
    left: -10px;
    width: 50px;
    height: auto;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.offcanvas-hr .chosen-list-holder .chosen-title {
    padding-left: 0.75em;
    margin-bottom: 5px;
    font-weight: 600;
}

.offcanvas-hr .chosen-list-holder ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.offcanvas-hr .chosen-list-holder ul li {
    display: inline-flex;
    list-style: none;
    margin-bottom: 0.313rem;
}

.offcanvas-hr .chosen-list-holder ul li:not(:last-child)::after {
    content: "/";
    position: relative;
    margin: 0 0.313rem;
    height: auto;
}

.offcanvas-hr .chosen-list-holder ul li a {
    text-decoration: none;
}

.offcanvas-hr .chosen-list-holder ul li a:hover {
    text-decoration: underline;
}

/* Vimeo offcanvas */
.offcanvas-hr .offcanvas-body.vimeo-body {
    padding-top: 0;
}

.offcanvas-hr .vimeo-body .offcanvas-licence-section {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    margin-top: 0;
    padding-top: 1.25rem;
    padding-bottom: 1rem;
    margin-bottom: 1.875rem;
    z-index: 1;
}

.offcanvas-hr .vimeo-body .offcanvas-licence-section .form-group {
    margin-bottom: 0;
}

.offcanvas-hr .vimeo-body .offcanvas-licence-section .form-group label {
    position: absolute;
    bottom: 100%;
}

.offcanvas-hr .vimeo-body .offcanvas-licence-section .form-group {
    width: 300px;
}

.vimeo-item {
    display: block;
    width: 100%;
    margin-right: 1.25rem;
}

.vimeo-item:not(:last-child) {
    margin-bottom: 1.25rem;
}

.vimeo-item .media {
    align-items: center;
}

.vimeo-item .media-image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 6.875rem;
    height: auto;
    min-height: 52.5px;
    padding: 0.25rem;
    margin-right: 1.25rem;
    flex-shrink: 0;
}

.vimeo-item .media-image svg {
    width: 2.5rem;
    height: 2.5rem;
}

.vimeo-item .media-body {
    display: flex;
    align-items: center;
}

.vimeo-item .media-body .item-title {
    display: flex;
    align-items: flex-start;
    flex: 1;
}

.vimeo-item .media-body .item-title .ordinal-count {
    margin-right: 0.313rem;
    font-weight: 600;
}

.vimeo-item .media-body p {
    margin-bottom: 0;
}

.vimeo-item .media-body .upload-date {
    margin: 0 2rem;
}

.vimeo-item .media-body .upload-date strong {
    margin-left: 0.313rem;
}

.vimeo-item .media-body .btn {
    padding: 0 2rem;
}

.offcanvas-hr .offcanvas-options.offcanvas-pagination {
    padding: 1rem 3rem;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Offacnvas Dodavanje kontrolnog pitanja */
.offcanvas-hr .question-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.offcanvas-hr .question-holder .question-content {
    display: flex;
    align-items: flex-start;
    flex-basis: 100%;
    padding: 0;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.offcanvas-hr .question-holder .form-control {
    padding: 1.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

form.dodavanje-kontrolnog-pitanja .form-group:first-child {
    margin-bottom: 3.75rem;
}

form.dodavanje-kontrolnog-pitanja .button-holder {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
    margin-top: 10px;
}

form.dodavanje-kontrolnog-pitanja .button-holder>svg {
    position: relative;
    top: -25px;
    left: -16px;
    width: 40px;
    height: auto;
    flex-shrink: 0;
    -webkit-transform: rotate(-65deg);
    -moz-transform: rotate(-65deg);
    -ms-transform: rotate(-65deg);
    -o-transform: rotate(-65deg);
    transform: rotate(-65deg);
}

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

.offcanvas-hr .question-holder .question-content p {
    margin-bottom: 0;
}

.offcanvas-hr .question-holder .question-options {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    margin-left: 30px;
}

.offcanvas-hr .question-holder .question-options .form-check {
    height: 1.875rem;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 50px;
}

.offcanvas-hr .question-holder .question-options .btn-action {
    padding: 0 0.625rem;
    height: 1.875rem;
}

.offcanvas-hr .question-holder .question-options .btn-action svg {
    width: 18px;
    height: 18px;
}

/* Test */
.tests-holder .tests-filter {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.tests-holder .tests-filter .form-group {
    display: flex;
    flex-wrap: wrap;
    max-width: 12rem;
    margin-bottom: 0;
}

.tests-holder .tests-filter .filter-option {
    position: relative;
    display: flex;
    align-items: center;
}

.tests-holder .tests-filter .filter-option .btn {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 3rem;
    padding: 0;
}

.tests-holder .tests-filter .filter-option .btn:hover {
    text-decoration: underline;
}

.tests-holder .tests-filter .filter-option .btn svg {
    width: 18px;
    height: 18px;
    margin-left: 0.625rem;
}

.tests-holder .tests-filter .filter-option svg.figure {
    position: relative;
    top: 25px;
    width: 40px;
    height: auto;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.tests-holder .accordion-item,
.tests-holder .accordion-item:last-of-type {
    padding: 0 1.875rem;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.tests-holder .accordion-item:not(:last-child) {
    margin-bottom: 1.25rem;
}

.tests-holder .custom-accordion .accordion-item:first-of-type {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.tests-holder .accordion-item .accordion-header {
    position: relative;
    display: flex;
    align-items: center;
}

.tests-holder .accordion-item .accordion-header>.btn-action {
    position: absolute;
    top: 50%;
    left: -4rem;
    padding: 0;
    width: 1.875rem;
    height: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tests-holder .accordion-item .accordion-header>.btn-action svg {
    width: 18px;
    height: 18px;
}

.tests-holder .accordion-item .accordion-header .ordinal-count {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem;
    font-size: 0.875rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.tests-holder .custom-accordion .accordion-button {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 1.875rem 2rem 1.875rem 0;
}

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

.tests-holder .accordion-body .top-content .form-group {
    margin-bottom: 1.25rem;
}

.tests-holder .accordion-body textarea {
    padding: 1rem;
}

.tests-holder .accordion-body .top-content label {
    padding-left: 1rem;
}

.tests-holder .accordion-body .test-settings {
    display: flex;
    align-items: flex-end;
}

.tests-holder .accordion-body .test-settings .form-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.tests-holder .accordion-body .test-settings .form-group:not(:last-child) {
    margin-right: 1rem;
}

.tests-holder .accordion-body .test-settings .form-group.ordinal {
    width: 4rem;
    flex-shrink: 0;
}

.tests-holder .accordion-body .test-settings .form-group.time {
    width: 10rem;
    flex-shrink: 0;
}

.tests-holder .accordion-body .test-settings .form-group.level {
    width: 9rem;
    flex-shrink: 0;
}

.tests-holder .accordion-body .test-settings .form-group.lesson {
    flex: 1;
}

.tests-holder .test-answers .form-group {
    margin-top: 1.625rem;
}

.tests-holder .test-answers .answer-holder {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-left: 4rem;
}

.tests-holder .test-answers .answer-holder .ordinal-count {
    position: absolute;
    top: 1.375rem;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.875rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.tests-holder .test-answers .content-holder {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-basis: 100%;
}

.tests-holder .test-answers .content-holder label {
    position: absolute;
    bottom: 100%;
    left: 0;
}

.tests-holder .test-answers .answer-options {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    margin-left: 30px;
    margin-top: 1.688rem;
}

.tests-holder .answer-holder .answer-options .form-check {
    height: 1.875rem;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 50px;
}

.tests-holder .answer-holder .answer-options .btn-action {
    padding: 0 0.625rem;
    height: 1.875rem;
}

.tests-holder .answer-holder .answer-options .btn-action svg {
    width: 18px;
    height: 18px;
}

.tests-holder .test-answers .button-holder {
    display: flex;
    align-items: center;
    padding-left: 1.5rem;
    margin-bottom: 3rem;
    margin-top: 10px;
}

.tests-holder .test-answers .button-holder>svg {
    position: relative;
    top: -25px;
    left: -16px;
    width: 40px;
    height: auto;
    flex-shrink: 0;
    -webkit-transform: rotate(-65deg);
    -moz-transform: rotate(-65deg);
    -ms-transform: rotate(-65deg);
    -o-transform: rotate(-65deg);
    transform: rotate(-65deg);
}

.tests-holder .test-answers .button-holder .btn:not(:last-child) {
    margin-right: 1rem;
}

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

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

/* background #ffffff */
.page-wrapper,
.header,
.dropdown-menu,
.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,
.alert-light,
.toast,
.modal-backdrop,
.custom-modal .modal-header .btn-close,
.btn-pill-white-45,
.btn-pill-white-shadow-45,
.video-tutorial,
.course-continue .course-last-view,
.course-continue .course-last-view-arrow:after,
.course-bar .course-mark .course-dot,
.course-item-box,
.listing-item-box,
.offcanvas,
.offcanvas-hr .offcanvas-header,
.offcanvas-close,
.offcanvas-filter .apply-filters,
.custom-accordion .accordion-button:not(.collapsed),
.lesson-list-item .item-badges .my-note,
.lesson-list-item .item-badges .my-note .note-arrow::after,
.header-container-course .lesson-item.active,
.offcanvas-lessons.timeline .lesson-item.active,
.course-practice-video .next-video .next-video-box,
.course-practice-video .next-video .next-video-box .next-video-box-arrow::after,
.video-content .next-video .next-video-box,
.video-content .next-video .next-video-box .next-video-box-arrow::after,
.video-content .lesson-notes .form-control:focus,
.course-menu,
.course-inner-page-content .course-script-content,
.quiz-continue .quiz-last-view,
.quiz-continue .quiz-last-view-arrow::after,
.offcanvas-hr .offcanvas-options,
.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .licence-remaining,
.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .licence-remaining .licence-remaining-arrow::after,
.chat-bot .chat-bot-arrow::after,
.chat-bot .chat-bot-content,
.chat-bot .chat-bot-input .form-control:focus,
.course-item-box .package-elements .package-cart .my-cart,
.course-item-box .package-elements .package-cart .my-cart .package-cart-arrow::after,
.cart-total-holder,
.cart-total-holder .cart-promo-code .cart-promo-code-info,
.cart-total-holder .cart-promo-code .cart-promo-code-info .cart-promo-code-info-arrow::after,
.feature-image-holder,
.landing-middle-section .feature-box,
.col-white-bg,
.y-axis .axis-item .item-icon,
.leaderline-holder .excel,
.element-marker,
.table-scroll thead th,
.table-scroll .table-content td,
.upload-holder .upload-item .btn-gallery-delete,
.datepicker-picker,
.datepicker-controls .button,
.choices__inner,
.is-focused .choices__inner,
.is-open .choices__inner,
.choices__list--dropdown,
.choices__list[aria-expanded],
.offcanvas-hr .vimeo-body .offcanvas-licence-section,
.choices__list--single {
    background-color: #ffffff;
}

.header {
    background-color: rgba(255, 255, 255, 0.8);
}

.desktop-table .table-content .col-actions .form-select.active,
.table-accordion ul.table-data li span .form-select.active {
    background-color: #caf1e8;
}

.desktop-table .table-content .col-actions .form-select.paused,
.table-accordion ul.table-data li span .form-select.paused {
    background-color: #ffefd6;
}

.btn-pill-green-30 {
    background-color: #117d37;
}

.leaderline-holder .unregistered {
    background-color: #ff7b79;
}

.leaderline-holder .average {
    background-color: #ff5c26;
}

.dark-blue-bg {
    background-color: #001E42;
    color: #fff;
}

.dark-blue-bg .text-light {
    color: #5A7BA4 !important;
}

/* background #313346 */
.btn-pill-dark-blue-45 {
    background-color: #313346;
}

/* background #f5f6f8 */
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-menu.multilevel-menu li.dropdown:hover>.dropdown-item,
.dropdown-custom .dropdown-header:hover,
.dropdown-custom .dropdown-header:focus,
.form-control:focus,
.alert-dismissible .btn-close,
.alert-dismissible .btn-ok,
.toast .btn-close,
.custom-modal .modal-header,
.btn-with-icon,
.btn-square-blue-text-30:disabled,
.btn-square-red-text-30:disabled,
.user-header .button-holder .btn.disabled,
.user-header .button-holder .btn:disabled,
.header .col-header-options .btn-icon-dropdown,
.header .col-header-center .header-center-holder .search-box .input-group .select-holder .form-select,
.header-not-logged-in.with-mobile-menu .front-mobile-menu .btn,
.search-box .form-control,
.col-header-options .dropdown-cart .cart-total,
.offcanvas .btn-close,
.lesson-list-item,
.lesson-list-item .item-badges .my-note .note-content .form-control,
.lesson-list-item.disabled:hover,
.offcanvas-lessons.timeline .offcanvas-header a:hover,
.offcanvas-lessons.timeline .offcanvas-header a:focus,
.course-inner-page-content .lesson-note .lesson-note-content,
.course-practice-content,
.course-menu .course-menu-item:hover,
.course-menu .course-menu-item:active,
.course-menu .course-menu-item.active,
.header-container-quiz .close-option .btn-close,
.quiz-content,
.quiz-question .quiz-answers .quiz-reorder,
.reorder-item,
.quiz-result,
.quiz-retrospective .quiz-retrospective-title p span.highlight,
.hr-action-holder .hr-action-item .media .media-body .btn:disabled,
.desktop-table .table-content .row:hover,
.table-accordion .accordion-sum ul.user-data,
.table-footer.vendor-table-footer .row,
.offcanvas-hr .add-users-list,
.offcanvas-table .offcanvas-table-footer,
.footer-bottom,
.chat-bot .chat-bot-header .btn-close,
.chat-bot .chat-bot-body .message .message-bubble,
.course-item-box .package-elements .package-cart .my-cart .package-cart-header .btn-close,
.offcanvas-hr .course-rating .btn-rating,
.cart-listing .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group .form-control,
.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group .form-control,
.col-header-options .dropdown-cart .cart-total-price-holder,
.landing-middle-section,
.top-list-user-holder .user-points-holder .user-points,
.datepicker-cell:not(.disabled):not(.selected):hover,
.datepicker-header .datepicker-controls .button:hover,
.header .col-publish-actions .btn-action.gray,
.choices__list--multiple .choices__item,
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted,
.tests-holder .test-answers .answer-holder .ordinal-count {
    background-color: #f5f6f8;
}

/* background #4579ee */
.aside-header .media-image,
.aside-footer .btn-user,
.offcanvas-menu .offcanvas-header .media-image,
.offcanvas.offcanvas-menu .btn-close {
    background-color: #4579ee;
}

.aside-holder .aside-nav ul li span:last-child:not(:empty),
.aside-footer .aside-nav ul li .btn span:last-child:not(:empty) {
    background-color: #2964f6;
}

/* background #3668f3 */
.dropdown-toggle .icon-holder .badge.badge-notification,
.col-material .badge.badge-notification,
.table-accordion ul.table-data li span .badge-notification,
.toast.toast-info .toast-border,
.toast.toast-info .toast-icon,
.btn-pill-blue-45,
.btn-square-blue-45,
.btn-pill-blue-30,
.lesson-list-item.active .item-icon,
.lesson-list-item .item-action .action-holder .badge.badge-notification,
.header-container-course .col-header-options .lessons-menu-option .btn.offcanvas-button .icon-holder .badge.badge-notification,
.dropdown-content.timeline .lesson-item:not(:last-child)::before,
.header-container-course .lesson-item.active .item-icon,
.offcanvas-lessons.timeline .lesson-item:not(:last-child)::before,
.offcanvas-lessons.timeline .lesson-item.active .item-icon,
.course-material-content .material-item .material-number,
.course-menu .course-menu-item .course-menu-item-holder .badge-notification,
.hr-progress .hr-progress-item .progress .progress-bar,
.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .btn-info,
.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .icon-holder,
.lds-roller div:after,
.offcanvas-hr .course-rating .btn-rating:hover,
.offcanvas-hr .course-rating .btn-rating.active,
.listing-item-box .listing-item-image-holder .item-date,
.form-check.form-switch .form-check-input:checked,
.bar-chart .bar-group .bar:last-child,
.bar-chart .bar-group .bar-holder:last-child .bar,
.chart-legend-holder .legend-item:last-child .badge,
.leaderline-holder .hours,
.col-header-options .score-option a:first-child span,
.aside-col-holder,
.aside-holder .accordion-item,
.aside-holder .accordion-item .accordion-button,
.aside-holder .custom-accordion .accordion-button:not(.collapsed),
.aside-holder .accordion-button,
.aside-footer,
.datepicker-cell.focused:not(.selected),
.datepicker-cell.focused:not(.selected):hover,
.datepicker-cell.selected,
.datepicker-cell.selected:hover,
.datepicker-cell.selected:focus,
.offcanvas.offcanvas-menu,
.btn-menu .icon-holder,
.header .col-publish-actions .btn-action.blue,
.tests-holder .accordion-item .accordion-header .ordinal-count {
    background-color: #3668f3;
}

.aside-separator {
    background-color: #5588fc;
}

/* background #d3eff2 */
.light-blue-bg {
    background-color: #d3eff2;
}

/* background #fdbec7 */
.pink-bg {
    background-color: #fdbec7;
}

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

/* background #fedd6a */
.yellow-bg,
.top-list-user-holder .user-image-holder .user-image .badge-notification.gold,
.badge-notification.gold,
.leaderline-holder .b2b {
    background-color: #fedd6a;
}

.bar-chart .bar-group .bar:first-child,
.bar-chart .bar-group .bar-holder:first-child .bar,
.chart-legend-holder .legend-item:first-child .badge {
    background-color: #a3eced;
}

/* background #c1cacf */
.top-list-user-holder .user-image-holder .user-image .badge-notification.silver,
.badge-notification.silver,
.y-axis::before {
    background-color: #c1cacf;
}

/* background #e4b695 */
.top-list-user-holder .user-image-holder .user-image .badge-notification.bronze,
.badge-notification.bronze {
    background-color: #e4b695;
}

/* background #f3f3f5 */
.btn-pill-gray-45,
.btn-square-gray-45,
.choices__list--multiple .choices__item.is-highlighted {
    background-color: #f3f3f5;
}

/* background #da0964 */
.btn-pill-magenta-45,
.btn-square-magenta-45,
.login-footer .nav-links a.svg-icon,
.footer .nav-links a.svg-icon,
.btn-chat-bot,
.header .col-publish-actions .btn-action.magenta {
    background-color: #da0964;
}

.leaderline-holder .users {
    background-color: #c780d0;
}

/* background #e6eef9 */
.btn-square-blue-text-30,
.btn-square-red-text-30,
.desktop-table .table-content .user-badges .new-user-badge,
.table-accordion .accordion-button.btn-user .user-badges .new-user-badge,
.table-accordion .accordion-button.btn-user .user-badges .approved-user-badge,
.table-accordion .accordion-button.btn-user .user-badges .denied-user-badge,
.desktop-table .table-content .user-badges .approved-user-badge,
.desktop-table .table-content .user-badges .denied-user-badge,
.notifications-holder .notification-item .notification-title .notification-badges .new-notification-badge,
.dropdown-custom .dropdown-item.login:hover,
.dropdown-custom .dropdown-item.login:focus {
    background-color: #e6eef9;
}

/* background #ebeef5 */
.progress,
.question-bar-holder .question-bar .question-indicator {
    background-color: #ebeef5;
}

/* background #252525 */
.btn-square-black-45,
.btn-pill-black-30,
.listing-item-box .listing-item-image-holder .item-badge {
    background-color: #252525;
}

/* background #111111 */
.form-control:focus~.icon {
    background-color: #111111;
}

/* background #000000 */
.course-practice-video .next-video .btn,
.video-content .next-video .btn {
    background-color: #000000;
}

/* background #feab4d */
.toast.toast-warning .toast-border,
.toast.toast-warning .toast-icon,
.progress-bar,
.question-bar-holder .question-bar .question-indicator.active,
.col-header-options .score-option a:last-child span {
    background-color: #feab4d;
}

/* background #2ac38a */
.toast.toast-success .toast-border,
.toast.toast-success .toast-icon,
.quiz-result .quiz-score.success,
.table-accordion ul.table-data li span .badge.badge-online,
.table-accordion ul.table-data li span .badge.badge-success,
.desktop-table .col-status .badge.badge-online,
.desktop-table .col-ordinal .badge.badge-active,
.table-accordion .ordinal-count .badge.badge-active,
.desktop-table .col-course-score .badge-success,
.offcanvas-hr .list-users li.active:before {
    background-color: #2ac38a;
}

/* background #1caf9a */
.btn-square-green-45,
.btn-square-green-45:hover,
.btn-square-green-45:focus {
    background-color: #1caf9a;
}

/* background #ff443d */
.toast.toast-danger .toast-border,
.toast.toast-danger .toast-icon,
.badge.badge-notification,
.badge.badge-notification-dot,
.course-item-box .course-unavailable-content .course-unavailable-box .unavailable-icon,
.lesson-list-item.danger .item-icon,
.question-bar-holder .question-bar .question-icon .speech-bubble.fail,
.question-bar-holder .question-bar .question-indicator.fail,
.quiz-result .quiz-score.fail,
.desktop-table .table-content .user-badges .running-out-user-badge,
.table-accordion .accordion-button.btn-user .user-badges .running-out-user-badge,
.table-accordion ul.table-data li span .badge.badge-offline,
.table-accordion ul.table-data li span .badge.badge-fail,
.desktop-table .col-status .badge.badge-offline,
.desktop-table .col-ordinal .badge.badge-paused,
.table-accordion .ordinal-count .badge.badge-paused,
.desktop-table .col-course-score .badge-fail,
.col-header-options .btn-user .user-notification .badge {
    background-color: #ff443d;
}

/* background #ff463f */
.landing-bottom-section {
    background-color: #ff463f;
}

/* background #fb4f1f */
.course-bar .course-mark.unfinished .course-dot {
    background-color: #fb4f1f;
}

/* background #84DCE3 */
.admin-top-notification,
.course-bar .course-mark.finished .course-dot,
.lesson-list-item.success .item-icon,
.question-bar-holder .question-bar .question-indicator.success {
    background-color: #84DCE3;
}

/* background rgba(51, 70, 89, .5) */
.course-item-box .course-unavailable-holder {
    background-color: rgba(51, 70, 89, .5);
}

/* background transparent */
.btn-pill-blue-outline-45,
.active-border,
.offcanvas-hr .add-users-list.no-background {
    background-color: transparent;
}

/* background #334659 */
.course-item-box .course-unavailable-content .course-unavailable-box,
.course-item-box .course-unavailable-content .course-unavailable-box .course-unavailable-box-arrow::after,
.question-bar-holder .question-bar .question-icon .speech-bubble {
    background-color: #334659;
}

/* background #e8eeee */
.lesson-list-item:hover,
.quiz-question .quiz-answers .quiz-reorder:hover,
.reorder-item:hover {
    background-color: #e8eeee;
}

/* background #dadada */
.lesson-list-item.disabled .item-icon,
.dropdown-content.timeline .lesson-item.disabled:not(:last-child)::before,
.header-container-course .lesson-item.disabled .item-icon,
.offcanvas-lessons.timeline .lesson-item.disabled:not(:last-child)::before,
.offcanvas-lessons.timeline .lesson-item.disabled .item-icon,
.quiz-retrospective-item-icon,
.desktop-table .col-user .btn-user .media-image .user-locked,
.table-accordion .btn-user .media-image .user-locked {
    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,
.table-scroll thead th:after {
    background-color: #ececec;
}

/* specific backgrounds */
.user-item-box {
    background: rgb(245, 246, 248);
    background: linear-gradient(90deg, rgba(245, 246, 248, 1) 140px, rgba(255, 255, 255, 1) 0%);
}

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

/* font #334659 */
body,
.breadcrumb-item a,
.breadcrumb-item a:hover,
.breadcrumb-item a:focus,
.breadcrumb-item.active,
a.dark-link,
a.dark-link-underline,
a.dark-link:hover,
a.dark-link:focus,
a.dark-link-underline:hover,
a.dark-link-underline:focus,
.dropdown-item,
.dropdown-custom .dropdown-header,
.dropdown-custom .dropdown-item.top-lista svg,
.form-text,
.form-text-preview,
.form-check label a,
.dropdown-menu,
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-custom .dropdown-header:hover,
.dropdown-custom .dropdown-header:focus,
.form-select,
.form-select:focus,
.form-control,
.form-control:disabled,
.form-control[readonly],
.form-control:focus,
.alert-light,
.alert-dismissible .btn-close,
.alert-dismissible .btn-ok,
.toast .btn-close,
.custom-modal .modal-header .btn-close,
.custom-modal .modal-icon-holder svg,
.custom-modal .modal-header-content h5,
.btn,
.btn:hover,
.btn-with-icon,
.btn-pill-white-45,
.btn-pill-white-shadow-45,
.btn-pill-gray-45,
.btn-square-gray-45,
.login-section .login-fields .button-holder a,
.login-section .login-fields .form-bottom-options a,
.activation-footer p a,
.col-header-center .btn.my-courses:focus,
.header-not-logged-in .header-not-logged-in-options .btn-link:focus,
.col-header-options .btn-user:focus,
.main-title .title-with-arrow a,
.main-title .title-with-arrow svg,
.top-course .top-course-title a,
.course-status .course-count a,
.course-status .course-medal a,
.section-main-nav .section-nav .btn-nav:hover,
.section-main-nav .section-nav .btn-nav:focus,
.section-main-nav .section-nav .btn-nav:active,
.section-main-nav .section-nav .btn-nav.active,
.course-item-box h2 a,
.listing-item-box h2 a,
.listing-item-box h3 a,
.offcanvas .btn-close,
.custom-accordion .accordion-button:not(.collapsed),
.lesson-list-item .item-badges .my-note .note-options .option-holder a,
.header-container-course .col-back .go-back a,
.header-container-course .col-header-options .prev-next-option .btn:focus,
.offcanvas-lessons.timeline .offcanvas-header a,
.offcanvas-lessons.timeline .lesson-item,
.course-inner-page-content .lesson-note .lesson-note-title h2 a,
.course-material-content .material-item a,
.course-menu .course-menu-item,
.header-container-quiz .col-back .go-back a,
.question-bar-holder .question-bar .question-icon svg,
.quiz-retrospective-item-content h3 a,
.desktop-table .col-package a,
.desktop-table .col-month a,
.desktop-table .col-package .btn-link,
.desktop-table .col-month .btn-link,
.desktop-table .col-account .btn-link,
.desktop-table .col-quiz .btn-link,
.table-accordion ul.table-data li span a,
.table-accordion ul.table-data li span .btn-link,
.desktop-table .col-user .btn-user:hover,
.desktop-table .col-user .btn-user:focus,
.table-footer .table-footer-holder.content-center .table-footer-pagination .icon-holder a .hover-notification span,
.page-pagination-main-holder .page-pagination-holder.content-center .page-pagination .icon-holder a .hover-notification span,
.deletable-list li a,
.offcanvas-hr .add-users-list li a,
.offcanvas-hr .licence-users-list li a,
.offcanvas-hr .list-users li a,
.offcanvas-hr .licence-users-title a,
.offcanvas-hr .licence-users-list li a,
.offcanvas-hr .offcanvas-user .media-body .user-title .user-link,
.offcanvas-hr .offcanvas-user .media-body .user-title .export-link,
.offcanvas-hr .offcanvas-user .media-body .user-title .export-link .icon-holder .hover-notification span,
.offcanvas-hr .offcanvas-user .media-body .user-title .edit-link,
.offcanvas-hr .offcanvas-user .media-body .user-data p:last-child a,
.hr-user-view .media-body .user-title .user-link,
.hr-user-view .media-body .user-title .export-link,
.hr-user-view .media-body .user-title .export-link .icon-holder .hover-notification span,
.hr-user-view .media-body .user-title .edit-link,
.hr-user-view .media-body .user-data p:last-child a,
.footer .nav-links a,
.footer.footer-mini .content-holder.content-center p a,
.footer .content-holder.content-right p a,
.accordion-button,
.btn-close,
.btn-close:hover,
.contact-header .media-body .contact-title-data ul li a,
.landing-middle-section .feature-box .feature-box-title a,
.btn-chat-bot .hover-notification svg,
.top-list-user-holder .user-image-holder .user-image .badge-notification,
.landing-top-section .lead-text .icon-holder svg,
.split-screen .content-holder .user-header a,
.split-screen .content-holder .all-courses-button-holder a,
.split-screen .content-holder .feature-top-list .btn-user .media-image .badge-notification,
.dashboard-header .btn-user:hover,
.dashboard-header .btn-user:focus,
.header-top-list .top-list-item a,
.header-top-list .top-list-item a:hover,
.header-top-list .top-list-item a:focus,
.top-box .top-box-item a,
.top-box .top-box-item a:hover,
.top-box .top-box-item a:focus,
.leaderline-holder .b2b,
.leaderline-holder .unregistered .content-holder .bottom-link a,
.leaderline-holder .unregistered .content-holder .bottom-link a:hover,
.leaderline-holder .unregistered .content-holder .bottom-link a:focus,
.leaderline-holder .unregistered .content-holder .bottom-link svg,
.col-header-options .score-option a,
.col-header-options .score-option a:hover,
.col-header-options .score-option a:focus,
.desktop-table .table-content .col-actions .form-select,
.table-accordion ul.table-data li span .form-select,
.desktop-table .col-documents a,
.desktop-table .col-documents a:hover,
.desktop-table .col-documents a:focus,
.datepicker-controls .button,
.datepicker-header .datepicker-controls .button:hover,
.datepicker-cell.day,
.form-title.style-4>a,
.form-title.style-4>a:hover,
.form-title.style-4>a:focus,
.choices__list--multiple .choices__item,
.offcanvas-hr .chosen-list-holder ul li a,
.offcanvas-hr .chosen-list-holder ul li a:hover,
.offcanvas-hr .chosen-list-holder ul li a:focus,
.tests-holder .test-answers .answer-holder .ordinal-count {
    color: #334659;
}

/* icons font #334659 */
.input-with-left-icon svg,
.input-with-left-icon svg.ionicon,
.input-with-right-icon svg,
.input-with-right-icon svg.ionicon,
.form-floating .form-control~.error svg,
.toast .svg-deco,
.btn-pill-white-45 svg,
.login-section .login-fields .info-text svg,
.login-section .login-fields .trial-holder .trial-message svg,
.login-section .login-fields .form-stacked label.label-arrow svg,
.login-section.activation-section .login-fields .main-icon svg,
.login-footer .media svg,
.header .col-logo .change-logo svg,
.search-box svg.search-icon,
.col-header-options .btn-user svg,
.col-header-options .btn-icon svg,
.col-header-options .dropdown-cart .media-image svg,
.col-header-options .dropdown-notification .media-image svg,
.user-header .media-image svg,
.user-item-box h2 svg.arrow-left,
.user-item-box h2 svg,
.deactivate svg,
.user-header .button-holder .hover-notification svg,
.course-status>svg,
.course-status .course-count svg,
.course-status .course-medal svg,
.course-certificate svg,
.course-bar .course-icon svg,
.offcanvas-filter .offcanvas-header svg.right-down-arrow,
.lesson-list-item .item-badges .badge-holder .hover-notification svg,
.lesson-list-item .item-icon .hover-notification svg,
.lesson-list-item .connected-practice-svg,
.lesson-list-item .item-action .action-holder .hover-notification svg,
.video-content .save-to-favorites svg,
.video-content .lesson-notes .hover-notification svg,
.course-inner-page-header .course-inner-page-title .utility-options .utility-option .btn svg,
.course-inner-page-header .course-inner-page-title .utility-options .utility-option.to-top .hover-notification svg,
.course-inner-page-header .course-inner-page-title .utility-options .utility-option.to-left .hover-notification svg,
.course-inner-page-header .course-inner-page-title .utility-options .utility-option.to-bottom .hover-notification svg,
.course-material-content .material-item .material-info svg,
.course-material-content .material-item .material-info .hover-notification svg,
.no-documents svg,
.quiz-inner-page-header .quiz-inner-page-title .utility-options .utility-option .btn svg,
.quiz-inner-page-header .quiz-inner-page-title .utility-options .utility-option.to-top .hover-notification svg,
.quiz-continue .quiz-time-holder .quiz-time .time-notification svg,
.quiz-result p.quiz-time svg,
.quiz-retrospective-item-button svg,
.hr-progress .hr-progress-item .hr-progress-data svg,
.hr-action-holder .hr-action-item .arrow-right,
.hr-action-holder .hr-action-item .media .media-image svg,
.hr-action-holder .hr-action-item .media .media-body svg,
.desktop-table .table-content .user-badges svg,
.table-accordion .accordion-button.btn-user .user-badges svg,
.desktop-table .col-user .btn-user .media-image svg,
.desktop-table .col-actions .icon-holder .hover-notification svg,
.table-footer .table-footer-holder.content-center .table-footer-pagination svg,
.page-pagination-main-holder .page-pagination-holder.content-center .page-pagination svg,
.table-footer .table-footer-holder.content-center .table-footer-pagination .icon-holder a .hover-notification svg,
.accordion-footer .accordion-footer-holder.content-center .accordion-footer-pagination svg,
.offcanvas-hr .add-new-group svg,
.offcanvas-hr .add-users svg,
.offcanvas-hr .download-file svg,
.offcanvas-hr .offcanvas-user .media-image svg,
.offcanvas-hr .offcanvas-user .media-body .user-title .export-link .icon-holder .hover-notification svg,
.offcanvas-hr .offcanvas-user .media-body .user-progress .user-progress-lessons svg,
.hr-user-view .media-image svg,
.hr-user-view .media-body .user-title .export-link .icon-holder .hover-notification svg,
.hr-user-view .media-body .user-progress .user-progress-lessons svg,
.footer .media svg,
.contact-header .media-body .contact-title .contact-message-count svg,
.landing-middle-section .feature-box .feature-box-title .feature-icon svg,
.landing-section .feature-middle-holder .media-body h3,
.inner-content-section .listing-item-box .item-author .btn-user,
.listing-item-box .item-author .btn-user .media-image svg,
.popover-body {
    color: #334659;
}

/* font #008AFB */
a,
a:hover,
a:focus,
.text-blue,
.btn-square-blue-text-30,
.btn-square-blue-text-30:hover,
.btn-square-blue-text-30:focus,
.desktop-table .col-licences .btn-link,
.desktop-table .col-courses .btn-link,
.desktop-table .col-most-viewed .btn-link,
.desktop-table .table-content .user-badges .new-user-badge,
.table-accordion .accordion-button.btn-user .user-badges .new-user-badge,
.table-accordion ul.table-data li span .btn-square-blue-text-30,
.table-accordion ul.table-data li span .btn-link.btn-link-blue,
.table-accordion ul.table-data li span .btn-action svg.blue,
.desktop-table .col-actions .icon-holder svg.blue,
.offcanvas-hr .licence-users-list li a.user-link,
.offcanvas-hr .offcanvas-user .media-body .user-title .edit-link svg,
.hr-user-view .media-body .user-title .edit-link svg,
.hr-user-view .media-body .user-data.vendor-user-data p:last-child a,
.notifications-holder .notification-item .notification-title .notification-badges .new-notification-badge,
.feature-middle-holder .media-body h3,
.feature-middle-holder .media-image svg,
.quiz-result-options .quiz-result-buttons .btn.btn-link,
.listing-item-box .item-body .item-author svg.item-author-badge,
.inner-content-section .social-share .btn-share:not(:first-of-type) svg,
.offcanvas-hr .selected-holder .selected-content a,
.dropdown-custom .dropdown-item.login,
.form-label.label-with-link a,
.form-label.label-with-link a:hover,
.form-label.label-with-link a:focus,
.offcanvas-hr .selected-holder .label-title a,
.offcanvas-hr .selected-holder .label-title a:hover,
.offcanvas-hr .selected-holder .label-title a:focus,
.course-item-box .course-item-image-holder svg.mandatory-badge,
.form-title.style-4 .title-content .icon-holder,
.reorder-holder .add-more .btn,
.aside-publish .choose-category .button-holder .btn,
.bottom-link .btn-link,
.bottom-link .btn-link:hover,
.bottom-link .btn-link:focus {
    color: #008AFB;
}

/* font #92929F */
a.light-link,
.input-with-span span,
.form-control::placeholder,
.form-select:disabled,
.custom-modal .modal-header-content p,
.btn-square-blue-text-30:disabled,
.btn-square-blue-text-30:disabled:hover,
.btn-square-blue-text-30:disabled:focus,
.btn-square-red-text-30:disabled,
.btn-square-red-text-30:disabled:hover,
.btn-square-red-text-30:disabled:focus,
.user-header .button-holder .btn.disabled,
.user-header .button-holder .btn:disabled,
.course-bar .course-trophy.unfinished svg,
.section-main-nav .section-nav .btn-nav,
.lesson-list-item.disabled .item-content h3,
.lesson-list-item.disabled .item-content p,
.lesson-list-item .script-notification svg,
.lesson-list-item .item-action .action-holder svg,
.header-container-course .col-header-options .prev-next-option .btn.disabled,
.header-container-course .lesson-item.disabled .item-icon,
.offcanvas-lessons.timeline .lesson-item.disabled .item-icon,
.question-bar-holder .quiz-trophy.unfinished svg,
.quiz-question .quiz-answers .quiz-reorder .quiz-reorder-icon svg,
.hr-action-holder .hr-action-item .media .media-body .btn:disabled,
.table-accordion ul.table-data li span .btn-square-blue-text-30:disabled,
.offcanvas-hr .offcanvas-header p,
.offcanvas-hr .offcanvas-body .offcanvas-main-text,
.offcanvas-hr .download-text,
.offcanvas-hr .info-text,
.hr-user-subtitle p,
.hr-user-subtitle p a,
.notifications-holder .notification-item .notification-title time,
.page-pagination-main-holder .page-pagination-holder.content-center .page-pagination .icon-holder a.disabled svg,
.table-footer .table-footer-holder.content-center .table-footer-pagination .icon-holder a.disabled svg,
.cart-total-holder .cart-tranche .cart-tranche-total p:not(:first-child),
.top-box .top-box-title p,
.top-box .top-box-item .media-body span:last-child,
.datepicker-cell.next:not(.disabled),
.datepicker-cell.prev:not(.disabled),
.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
    color: #92929F;
}

.text-light {
    color: #92929F !important;
}

/* font #1bb1a8 */
.landing-top-section .landing-top-text p {
    color: #1bb1a8;
}

/* font #ffffff */
.toast .toast-icon svg,
.btn-pill-blue-45,
.btn-pill-magenta-45,
.btn-pill-blue-30,
.btn-pill-blue-45:hover,
.btn-pill-blue-45:focus,
.btn-pill-magenta-45:hover,
.btn-pill-magenta-45:focus,
.btn-pill-blue-30:hover,
.btn-pill-blue-30:focus,
.btn-pill-green-30,
.btn-pill-green-30:hover,
.btn-pill-green-30:focus,
.btn-square-black-45,
.btn-pill-black-30,
.btn-square-blue-45,
.btn-square-magenta-45,
.btn-square-blue-45:hover,
.btn-square-blue-45:focus,
.btn-square-magenta-45:hover,
.btn-square-magenta-45:focus,
.btn-square-black-45:hover,
.btn-square-black-45:focus,
.btn-pill-black-30:hover,
.btn-pill-black-30:focus,
.btn-pill-blue-outline-45:hover,
.btn-pill-blue-outline-45:focus,
.btn-pill-blue-outline-45,
.btn-pill-dark-blue-45,
.btn-pill-dark-blue-45:hover,
.btn-pill-dark-blue-45:focus,
.login-section .content-holder .btn-holder span,
.login-footer .nav-links a,
.login-footer .nav-links a svg,
.login-footer .content-holder.content-right p,
.login-footer .content-holder.content-right p a,
.course-item-box .course-unavailable-content .course-unavailable-box,
.course-item-box .course-unavailable-content .course-unavailable-box .unavailable-icon svg,
.course-item-box .course-unavailable-content p,
.course-item-box .course-unavailable-content p a,
.lesson-list-item .item-icon svg,
.header-container-course .lesson-item .item-icon svg,
.offcanvas-lessons.timeline .lesson-item .item-icon svg,
.course-material-content .material-item .material-number,
.question-bar-holder .question-bar .question-icon .speech-bubble,
.quiz-result .quiz-score,
.quiz-retrospective-item-icon svg,
.desktop-table .table-content .user-badges .running-out-user-badge,
.table-accordion .accordion-button.btn-user .user-badges .running-out-user-badge,
.desktop-table .col-user .btn-user .media-image .user-locked svg,
.table-accordion .btn-user .media-image .user-locked svg,
.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .btn-info,
.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .icon-holder,
.footer .nav-links a svg,
.btn-chat-bot svg,
.offcanvas-hr .course-rating .btn-rating:hover,
.offcanvas-hr .course-rating .btn-rating.active,
.landing-bottom-section .feature-middle-holder,
.landing-bottom-section .feature-middle-holder .media-image svg,
.landing-bottom-section .feature-middle-holder .media-body h3,
.split-screen .content-holder .feature-my-team p svg,
.split-screen .content-holder .feature-my-team .my-team-view a,
.split-screen .content-holder .feature-top-list .btn-user,
.split-screen .content-holder .feature-top-list .btn-user:hover,
.split-screen .content-holder .feature-top-list .btn-user:focus,
.split-screen .content-holder .feature-top-list .view-all a,
.split-screen .content-holder .feature-top-list .view-all a:hover,
.split-screen .content-holder .feature-top-list .view-all a:focus,
.listing-item-box .listing-item-image-holder .item-badge,
.listing-item-box .listing-item-image-holder .item-date,
.listing-item-box .listing-item-image-holder h2,
.leaderline-holder .users,
.leaderline-holder .unregistered,
.leaderline-holder .hours,
.leaderline-holder .average,
.aside-header,
.aside-holder .aside-nav ul li .btn,
.aside-holder .aside-nav ul li .btn:hover,
.aside-holder .aside-nav ul li .btn:focus,
.aside-holder .accordion-item .accordion-body,
.aside-holder .custom-accordion .accordion-item .accordion-button,
.aside-holder .custom-accordion .accordion-button:not(.collapsed),
.aside-footer .aside-nav ul li .btn,
.aside-footer .aside-nav ul li .btn:hover,
.aside-footer .aside-nav ul li .btn:focus,
.aside-footer .btn-user,
.aside-footer .btn-user .bottom-link a,
.offcanvas-menu .offcanvas-header,
.datepicker-cell.focused:not(.selected),
.datepicker-cell.selected,
.datepicker-cell.selected:hover,
.datepicker-cell.selected:focus,
.offcanvas.offcanvas-menu .btn-close,
.btn-menu .icon-holder,
.header .col-publish-actions .btn-action.blue,
.header .col-publish-actions .btn-action.magenta,
.btn-square-green-45,
.btn-square-green-45:hover,
.btn-square-green-45:focus,
.tests-holder .accordion-item .accordion-header .ordinal-count {
    color: #ffffff;
}

/* font #e8eeee */
.lesson-list-item .item-icon:hover svg.icon-play {
    color: #e8eeee;
}

/* font #ff8989 */
.landing-large-icon svg,
.landing-top-section .lead-text .text-highlight,
.landing-section .feature-middle-holder .media-image svg {
    color: #ff8989;
}

/* font #da0964 */
.btn-square-red-text-30,
.btn-square-red-text-30:hover,
.btn-square-red-text-30:focus,
.deletable-list li svg,
.deletable-list li .btn-link svg,
.offcanvas-hr .add-users-list li svg,
.offcanvas-hr .add-users-list li .btn-link svg,
.contact-header .media-image svg,
.notifications-holder .notification-item .notification-title .notification-icon svg,
.chat-bot .chat-bot-header .chat-bot-icon-holder svg,
.chat-bot .chat-bot-input .btn-send svg,
.chat-bot .chat-bot-body .message .message-icon-holder svg,
.active-filters-content .btn svg,
.course-item-box .package-elements .package-cart .btn-link,
.cart-listing .cart-item .cart-item-content .cart-item-top .cart-item-header a svg,
.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-title a svg,
.desktop-table .table-content .user-badges .denied-user-badge,
.table-accordion .accordion-button.btn-user .user-badges .denied-user-badge,
.reorder-holder .reorder-item .btn-action svg {
    color: #da0964;
}

/* font #dadada */
.lesson-list-item.disabled .item-action .action-holder svg,
.table-accordion ul.table-data li span .btn-action:disabled,
.table-accordion ul.table-data li span .btn-action:disabled svg.blue,
.desktop-table .col-actions .icon-holder .btn-action:disabled,
.desktop-table .col-actions .icon-holder .btn-action:disabled svg.blue {
    color: #dadada;
}

/* font #feab4d */
.course-bar .course-trophy.finished svg,
.lesson-list-item .item-badges .my-note svg.bookmark-badge,
.lesson-list-item .item-badges svg.bookmark-badge,
.course-inner-page-content .lesson-note .lesson-note-content svg.bookmark-badge,
.quiz-inner-page-header .quiz-inner-page-title .quiz-trophy.finished svg,
.question-bar-holder .quiz-trophy.finished svg,
.desktop-table .table-content .user-badges .course-trophy svg,
.table-accordion .accordion-button.btn-user .user-badges .course-trophy svg,
.course-item-box .course-item-info .course-rating svg,
.course-item-box .package-elements .package-rating svg,
.offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .licence-remaining svg,
.offcanvas-hr .course-rating .course-rating-badge svg.success,
.offcanvas-hr .offcanvas-user .media-body .user-title .user-rating svg,
.hr-user-view .media-body .user-title .user-rating svg,
.landing-top-section .user-rating-holder .user-rating svg,
.top-list-info .top-list-rating svg {
    color: #feab4d;
}

/* font #ff443d */
del,
.dropdown-custom .dropdown-item.logout,
.dropdown-custom .dropdown-item.top-lista,
.form-control.is-invalid~label,
.was-validated .form-control:invalid~label,
.form-floating>.form-control.is-invalid:not(:placeholder-shown)~label,
label.is-invalid,
.form-control.is-invalid~label,
.was-validated .form-control:invalid~label,
.toast.toast-warning .svg-deco,
.toast.toast-danger .svg-deco,
.lesson-list-item .item-badges svg.heart-badge,
.video-content .save-to-favorites .btn.active,
.video-content .save-to-favorites .btn.active svg,
.desktop-table .col-status.col-status-running-out,
.desktop-table .col-payment-deadline.col-payment-deadline-running-out,
.table-accordion ul.table-data li span.status-running-out,
.table-accordion ul.table-data li span.payment-dealine-running-out,
.course-item-box .package-elements .package-cart .my-cart .package-price p del,
.cart-listing .cart-item .cart-item-content .cart-item-bottom .cart-item-price del,
.cart-total-holder .cart-total-price-holder del,
.col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-price del,
.col-header-options .dropdown-cart .cart-total-price-holder p del {
    color: #ff443d;
}

/* font #248592 */
.admin-top-notification p {
    color: #248592;
}

/* font #17545E */
.admin-top-notification a {
    color: #17545E;
}

/* font inherit */
.offcanvas-hr .btn-link:hover {
    color: inherit;
}

/* font #2ac38a */
.landing-middle-section .feature-list p svg,
.desktop-table .table-content .user-badges .approved-user-badge,
.table-accordion .accordion-button.btn-user .user-badges .approved-user-badge {
    color: #2ac38a;
}

/* fill #334659 */
.splide__arrow svg {
    fill: #334659;
}

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

/* border #ececec */
.form-control,
.form-control:disabled,
.form-control[readonly],
.table-holder .controls-container .control,
.form-select,
.btn-pill-white-45,
.check-holder,
.col-header-options .btn-user .media-image,
.col-header-options .dropdown-cart .media-image,
.col-header-options .dropdown-notification .media-image,
.dashboard-header .btn-user .media-image,
.header-top-list .top-list-item,
.user-header .media-image,
.contact-header .media-image,
.hr-action-holder .hr-action-item .media .media-image,
.desktop-table .col-user .btn-user .media-image,
.table-accordion .btn-user .media-image,
.offcanvas-hr .offcanvas-user .media-image,
.hr-user-view .media-image,
.landing-top-section .user-avatar-holder .user-avatar,
.notifications-holder .notification-item .notification-title .notification-icon,
.chat-bot .chat-bot-header .chat-bot-icon-holder,
.chat-bot .chat-bot-body .message .message-icon-holder,
.top-list-user-holder .user-image-holder .user-image,
.listing-item-box .item-author .btn-user .media-image,
.top-box .top-box-item .media-image,
.col-header-options .score-option a.btn-score,
.upload-holder .upload-item,
.aside-publish .course-image .media-image,
.aside-publish .user-image .media-image,
.vimeo-item .media-image,
.choices__inner,
.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
    border: 1px solid #ececec;
}

/* border-color #ececec */
.form-control:focus,
.form-select:focus,
.choices__inner:focus,
.is-focused .choices__inner,
.is-open .choices__inner,
.choices[data-type*="select-one"] .choices__input {
    border-color: #ececec;
}

/* border-top #ececec */
.form-stacked .form-floating:first-of-type .form-control,
.dropdown-divider,
.load-more,
.offcanvas-divider,
.offcanvas-account-sum {
    border-top: 1px solid #ececec;
}

/* border-bottom #ececec */
.form-title,
.col-header-options .dropdown-cart .dropdown-item:not(:last-child),
.col-header-options .dropdown-notification .dropdown-item:not(:last-child),
.custom-accordion .accordion-item,
.offcanvas-lessons.timeline .offcanvas-header,
.course-material-content .material-item .material-content,
.desktop-table .table-content .row,
.table-scroll .table-content tr:not(:last-child) td,
.offcanvas-table .offcanvas-table-content .row,
.offcanvas-account-sum ul li,
.notifications-holder .notification-item:not(:last-child),
.chat-bot .chat-bot-header,
.chat-bot .chat-bot-body,
.course-item-box .package-elements .package-cart .my-cart .package-cart-header,
.cart-listing .cart-item,
.col-header-options .dropdown-cart .cart-item:not(:last-child) {
    border-bottom: 1px solid #ececec;
}

/* border-left #ececec */
.header .menu-button .btn,
.header-container-course .col-header-options .lessons-menu-option,
.top-list-info .top-list-group {
    border-left: 1px solid #ececec;
}

/* border-left #DFE0E3 */
.splide__slide .logos-row a:nth-child(2) {
    border-left: 1px solid #DFE0E3;
}

/* border-right #ececec */
.col-header-options .my-team-option,
.col-header-options .score-option,
.header-not-logged-in .header-not-logged-in-options .btn-link,
.offcanvas-hr .offcanvas-user .media-body .user-progress .user-progress-data .user-progress-data-item:not(:last-child),
.hr-user-view .media-body .user-progress .user-progress-data .user-progress-data-item:not(:last-child),
.top-list-user-holder .user-progress-data .user-progress-data-item:not(:last-child),
.landing-top-section .user-rating-holder .user-rating {
    border-right: 1px solid #ececec;
}

/* border-right #DFE0E3 */
.splide__slide .logos-row a:nth-child(2) {
    border-right: 1px solid #DFE0E3;
}

/* border-color #ff443d */
.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,
.form-stacked .form-floating .form-control.is-invalid,
.form-stacked .form-floating:first-of-type .form-control.is-invalid {
    border-color: #ff443d;
}

/* border-top #ff443d */
.form-stacked .form-floating .form-control.is-invalid,
.form-stacked .form-floating:first-of-type .form-control.is-invalid {
    border-top: 1px solid #ff443d;
}

/* border #feab4d */
.course-bar .course-mark .course-dot {
    border: 1px solid #feab4d;
}

.header-top-list .top-list-item:hover {
    border: 1px solid #c780d0;
}

/* border #ffffff */
.course-bar .course-mark.finished .course-dot,
.course-bar .course-mark.unfinished .course-dot,
.split-screen .split-right .user-header .media-image,
.split-screen .content-holder .feature-top-list .btn-user .media-image {
    border: 1px solid #ffffff;
}

/* 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 #c5d1e1 */
.btn-square-blue-text-30,
.btn-square-red-text-30 {
    border: 1px solid #c5d1e1;
}

/* border #008AFB */
.btn-pill-blue-outline-45 {
    border: 1px solid #008AFB;
}

/* border #5588fc */
.aside-header .media-image,
.aside-holder .aside-nav ul li span:last-child:not(:empty),
.aside-footer .aside-nav ul li .btn span:last-child:not(:empty),
.aside-footer .btn-user,
.aside-footer .btn-user .media-image,
.offcanvas-menu .offcanvas-header .media-image,
.offcanvas.offcanvas-menu .btn-close {
    border: 1px solid #5588fc;
}

/* border-bottom #334659 */
.section-main-nav .section-nav .btn-nav:hover,
.section-main-nav .section-nav .btn-nav:focus,
.section-main-nav .section-nav .btn-nav:active,
.section-main-nav .section-nav .btn-nav.active {
    border-bottom: 1px solid #334659;
}

/* border-bottom #DFE0E3 */
.splide__slide .logos-row a {
    border-bottom: 1px solid #DFE0E3;
}

/* border-bottom transparent */
.section-main-nav .section-nav .btn-nav {
    border-bottom: 1px solid transparent;
}

/* border #334659 */
.offcanvas-filter .bottom-filters .btn.active {
    border: 1px solid #334659;
}

/* border rgba(0, 0, 0, .25)*/
.form-check.form-switch .form-check-input,
.form-check.form-switch .form-check-input:focus,
.form-check.form-switch .form-check-input:checked {
    border: 1px solid rgba(0, 0, 0, .25);
}

/* popover-arrow border-color #ffffff */
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.bs-popover-end>.popover-arrow::after {
    border-right-color: #ffffff;
}

.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.bs-popover-start>.popover-arrow::after {
    border-left-color: #ffffff;
}

.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
    border-top-color: #ffffff;
}

.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::after {
    border-bottom-color: #ffffff;
}

/* popover-arrow border-color #a3eced */
.bar-popover.green.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.bar-popover.green.bs-popover-end>.popover-arrow::before,
.bar-popover.green.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.bar-popover.green.bs-popover-end>.popover-arrow::after {
    border-right-color: #a3eced;
}

.bar-popover.green.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.bar-popover.green.bs-popover-start>.popover-arrow::before,
.bar-popover.green.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.bar-popover.green.bs-popover-start>.popover-arrow::after {
    border-left-color: #a3eced;
}

.bar-popover.green.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.bar-popover.green.bs-popover-top>.popover-arrow::before,
.bar-popover.green.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.bar-popover.green.bs-popover-top>.popover-arrow::after {
    border-top-color: #a3eced;
}

.bar-popover.green.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.bar-popover.green.bs-popover-bottom>.popover-arrow::before,
.bar-popover.green.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.bar-popover.green.bs-popover-bottom>.popover-arrow::after {
    border-bottom-color: #a3eced;
}

/* popover-arrow border-color #008AFB */
.bar-popover.blue.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.bar-popover.blue.bs-popover-end>.popover-arrow::before,
.bar-popover.blue.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.bar-popover.blue.bs-popover-end>.popover-arrow::after {
    border-right-color: #008AFB;
}

.bar-popover.blue.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.bar-popover.blue.bs-popover-start>.popover-arrow::before,
.bar-popover.blue.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.bar-popover.blue.bs-popover-start>.popover-arrow::after {
    border-left-color: #008AFB;
}

.bar-popover.blue.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.bar-popover.blue.bs-popover-top>.popover-arrow::before,
.bar-popover.blue.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.bar-popover.blue.bs-popover-top>.popover-arrow::after {
    border-top-color: #008AFB;
}

.bar-popover.blue.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.bar-popover.blue.bs-popover-bottom>.popover-arrow::before,
.bar-popover.blue.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.bar-popover.blue.bs-popover-bottom>.popover-arrow::after {
    border-bottom-color: #008AFB;
}

/* popover-arrow border-color #a3eced */
.table-popover.green.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.table-popover.green.bs-popover-end>.popover-arrow::before,
.table-popover.green.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.table-popover.green.bs-popover-end>.popover-arrow::after {
    border-right-color: #a3eced;
}

.table-popover.green.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.table-popover.green.bs-popover-start>.popover-arrow::before,
.table-popover.green.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.table-popover.green.bs-popover-start>.popover-arrow::after {
    border-left-color: #a3eced;
}

.table-popover.green.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.table-popover.green.bs-popover-top>.popover-arrow::before,
.table-popover.green.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.table-popover.green.bs-popover-top>.popover-arrow::after {
    border-top-color: #a3eced;
}

.table-popover.green.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.table-popover.green.bs-popover-bottom>.popover-arrow::before,
.table-popover.green.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.table-popover.green.bs-popover-bottom>.popover-arrow::after {
    border-bottom-color: #a3eced;
}

/* popover-arrow border-color #008AFB */
.table-popover.blue.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.table-popover.blue.bs-popover-end>.popover-arrow::before,
.table-popover.blue.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.table-popover.blue.bs-popover-end>.popover-arrow::after {
    border-right-color: #008AFB;
}

.table-popover.blue.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.table-popover.blue.bs-popover-start>.popover-arrow::before,
.table-popover.blue.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.table-popover.blue.bs-popover-start>.popover-arrow::after {
    border-left-color: #008AFB;
}

.table-popover.blue.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.table-popover.blue.bs-popover-top>.popover-arrow::before,
.table-popover.blue.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.table-popover.blue.bs-popover-top>.popover-arrow::after {
    border-top-color: #008AFB;
}

.table-popover.blue.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.table-popover.blue.bs-popover-bottom>.popover-arrow::before,
.table-popover.blue.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.table-popover.blue.bs-popover-bottom>.popover-arrow::after {
    border-bottom-color: #008AFB;
}

/* 2px borders */
/***************/

/* 2px border-top #ececec */
.table-footer,
.accordion-footer,
.offcanvas-table .offcanvas-table-footer,
.page-pagination-main-holder {
    border-top: 2px solid #ececec;
}

/* 2px border-bottom #ececec */
.desktop-table .table-header,
.table-scroll thead th,
.offcanvas-table .offcanvas-table-header {
    border-bottom: 2px solid #ececec;
}

/* 2px border-bottom dashed #DFE0E3 */
.landing-feature-section,
.landing-section .courses-table-row .item-col {
    border-bottom: 2px dashed #DFE0E3;
}


/* 2px border-right #ececec */
.desktop-table .table-header .col:not(:last-child),
.table-accordion .accordion-button.btn-user .ordinal,
.offcanvas-table .offcanvas-table-header .col:not(:last-child) {
    border-right: 2px solid #ececec;
}

/* 2px border-right dashed #DFE0E3 */
.landing-feature-section .feature-boxes-holder .feature-box,
.landing-section .courses-table-row .item-col {
    border-right: 2px dashed #DFE0E3;
}

/* border 2px #334659 */
.y-axis .axis-item .item-icon,
.element-marker {
    border: 2px solid #334659;
}

/* specific border rules */
/*************************/
.course-practice-video .next-video .btn:hover,
.video-content .next-video .btn:hover {
    border-color: rgba(0, 138, 251, .8);
    color: rgba(255, 255, 255, 0.8);
}

.active-border {
    border-top: 2px solid #feab4d;
    border-right: 2px solid #feab4d;
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
}

.question-bar-holder .question-bar .question-icon .speech-bubble:after {
    border-top-color: #334659;
}

.question-bar-holder .question-bar .question-icon .speech-bubble.fail:after {
    border-top-color: #ff443d;
}

.lds-ring div {
    border: 8px solid #008AFB;
    border-color: #008AFB transparent transparent transparent;
}

/* dropdown multilevel menu svg color #334659  */
.dropdown-menu.multilevel-menu li.dropdown>a::after {
    content: url('data:image/svg+xml,<svg stroke="%23334659" 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 #ff443d */
.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 #ff443d */
.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-control:focus icon svg */
.form-control:focus~.icon {
    -webkit-mask-image: url('data:image/svg+xml,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 189.55 178.64"><path d="M31.19,151.51a10.23,10.23,0,0,1,1.55.62A1.37,1.37,0,0,1,34,151c2.84-.1,6.37.29,7.4,3.49.7,2.19-.65,4.22-.3,6.39.13.78.55,2.08-.11,3.22a3.25,3.25,0,0,1-3.62,1.42c-1.47-.3-2.83-1.74-3.91-2.67-2.12-1.82-5.81-4.64-6.36-7.58A3.18,3.18,0,0,1,31.19,151.51Z" transform="translate(0 -10.91)"/><path d="M133.72,152.66l.08,0c.63-1.56,1.75-2.42,3.41-1.73h.2a6.19,6.19,0,0,1-.65-.76c-.81-1.32.74-2.58,2-2,1.81.88,3.9,1.09,5.63,2.12,2.52,1.5,2.43,4.48,2,7a2.63,2.63,0,0,1-2.23,2c-.33,1.85-1.71,3.53-3.61,3.07a6.89,6.89,0,0,1-1.54,1.38c-3.55,2.13-5.6-2.28-5.83-6.53l-.06,0A2.85,2.85,0,0,1,133.72,152.66Z" transform="translate(0 -10.91)"/><path d="M7.1,92c5.32-5,23.36-12.88,23.57-.46,13.26-15.06,34.19-21.23,53.6-18-.22-.82-.47-1.61-.65-2.45a32.42,32.42,0,0,1,2.2-20.7,2.79,2.79,0,0,1-2.59-1c-2.58-3.36-3-9.28-3.88-13.36A54.3,54.3,0,0,1,78,18.22c.27-2.3,2.36-3.74,4.56-2.62,8.81,4.52,18.27,7.23,27.5,10.69a2.07,2.07,0,0,1,1,.85c1.58-.79,3.2-1.39,4.8-2.08-.05-2.6,3.31-3.72,5.53-2.32,3-1.09,5.93-2.05,8.77-2.82a2.45,2.45,0,0,1,3.21,2.18,77.76,77.76,0,0,1,22,1.83c9.78-4.79,19.46-11,30.31-13,1.87-.33,4,.82,3.9,3-.52,10.55-.22,21.89-4.09,31.88A1.94,1.94,0,0,1,184,47.11a55.11,55.11,0,0,1,3.9,13.09c3.9,22.69-15.41,45-37,50.87,5.73,4.2,3,16.17,1.07,21.59a24,24,0,0,1,11.68,13.43c5.47,15.22-3.6,31.43-18.94,35.86-11.05,3.19-21.93-3.57-27.56-12.85-9.15,2.22-18.53,2.83-28,2.89s-19.5,1-28.77-.37c-2.42-.37-2-3.88,0-4.5,7.81-2.39,16.83-1.18,24.91-1.1A273.07,273.07,0,0,0,115.09,165c-4.75-11.79.15-23.78,11.34-29.7a3.29,3.29,0,0,1,1.24-.37,1.88,1.88,0,0,1,.23-.74c-7.11-5.27-10.15-16.23-6.48-24.28a60.74,60.74,0,0,1-15.53-7.25C87.62,117.8,50.58,113.23,45,87.81a60.89,60.89,0,0,0-8.34,6.41,43.85,43.85,0,0,0-7.7,9.34,1.26,1.26,0,0,1,.18.1c13.4,2.64,23.54,16.66,15.14,29.69,0,0-.07.07-.11.11C68,140.65,63.91,190.33,33,189.54c-23.45-.6-28-32.31-15.43-48.22a38.87,38.87,0,0,1-1.85-17.88C8.88,120.59,1.35,116,.15,108-.79,101.78,2.74,96.11,7.1,92ZM83.83,22.64a66.83,66.83,0,0,0,1.73,13.61c.71,3.32,2.22,7.07,2.13,10.58C92,39.74,98.87,34,106.58,29.56A138.3,138.3,0,0,1,83.83,22.64Zm40.86,5a22.06,22.06,0,0,0,4.57,4.77,28.44,28.44,0,0,1,.11-6.53Q127,26.76,124.69,27.65Zm10.55-1.48-2.85-.33a37.22,37.22,0,0,1,0,8.71,32,32,0,0,0,3.21,1.66C134.66,32.83,134.13,28.95,135.23,26.17Zm7.64.88c-1.62-.25-3.23-.36-4.85-.56a15.36,15.36,0,0,1,.35,5.22,29.45,29.45,0,0,0,.58,5.82l.05,0a18.36,18.36,0,0,0,2.24.53.89.89,0,0,1,.48-.84c4-2.07,1.31-5.6.54-8.65A1.37,1.37,0,0,1,142.87,27Zm2.1.35a8.36,8.36,0,0,1,2.36,7,5,5,0,0,1-2.53,3.88c4.55-.44,7.45-3.71,8.55-9.13C150.63,28.42,147.81,27.87,145,27.39Zm38.5-9.57c-7,2-13.23,5.69-19.7,8.95A38.31,38.31,0,0,1,182,43.09,155.46,155.46,0,0,0,183.47,17.82ZM139.7,176c12.41,0,20.9-13.82,18.69-25.05-2.55-13-16.19-17.53-27.61-14.23a2.83,2.83,0,0,1-1.17,4C112.39,150.19,120.81,176,139.7,176Zm4.59-55.32c-.14-2.52-1-5.62-.89-8.31-.37,0-.75.11-1.12.13s-.65,0-1,0c.1,2.27-.05,4.57-.09,6.83-.06,3.6-.1,7.19-.27,10.78a23.23,23.23,0,0,1,6.17.67,39.51,39.51,0,0,0,1.4-9.42,9.91,9.91,0,0,0-.38-2.75c0,.31,0,.65,0,.94a20.76,20.76,0,0,1-2.26,10.31.87.87,0,0,1-1.61-.44A71.89,71.89,0,0,0,144.29,120.71Zm-6.74-8.23c-1.88-.05-3.76-.19-5.62-.39,1.8,5.68.69,13.2.47,18.77a1.44,1.44,0,0,1-.44,1l0,.06a25.09,25.09,0,0,1,5.91-1.52c-.17-3.67-.21-7.35-.27-11C137.6,117.08,137.45,114.76,137.55,112.48Zm-8.33,16c-.1-2.32-.2-4.64-.38-7-.26-3.32-1.21-6.73-1.24-10h-.06c0,.12-.08.25-.14.36C124.46,117.45,125.89,123.58,129.22,128.48Zm8.71-21.81C164.27,108,185.62,82,181.36,57.05c-2.64-15.48-12.49-22.95-24.54-26.89.71,9.06-5.39,15.08-15,14.58-9.37-.49-18.68-6.37-23.63-14.4C103.06,37,91,46.16,89.47,65.69a27.62,27.62,0,0,0,.83,9.12,2.2,2.2,0,0,1,1,3C97.93,95.19,121.12,105.85,137.93,106.67ZM74.47,91.89c-.11,4.12-.28,8.24-.47,12.35a43.33,43.33,0,0,0,7.58.64c-1.87-7.55-4.29-17.22-2.39-24.42a1.89,1.89,0,0,1,3.63,0c1.15,3.95.86,8.26,1.25,12.35s.93,7.92,1.36,11.88a48.08,48.08,0,0,0,10.73-2.22,1.58,1.58,0,0,1-.53-1.13q-.43-2.45-1-4.87A47.83,47.83,0,0,1,93.17,91a48.1,48.1,0,0,1-7.34-12.62,75.45,75.45,0,0,0-12.14-.06,2,2,0,0,1,.52.7C75.61,82.74,74.57,88,74.47,91.89ZM66.37,102.1a32.91,32.91,0,0,0,4.49,1.52c-.17-3.91-.34-7.83-.45-11.74s-1.14-9.14.25-12.84c.07-.19.22-.28.33-.43q-2.54.29-5,.78c0,3.18-.54,6.61-.46,9.64C65.62,93.4,65.94,97.76,66.37,102.1ZM51.78,84.26A22.2,22.2,0,0,0,63.1,100.5c-.66-3.8-1.24-7.62-1.65-11.46a51.27,51.27,0,0,1-.56-8.43,58.12,58.12,0,0,0-9.19,3.45C51.72,84.13,51.77,84.17,51.78,84.26Zm-25.35,26c-.2,0-.39-.06-.6-.08-3.12,8.12-3.63,16.91-3,26.19a22.07,22.07,0,0,1,7.45-3.23,99.31,99.31,0,0,1-2.6-12.92C27.26,117,26.66,113.56,26.43,110.21ZM38.93,117c0,.56-.1,1.11-.13,1.65a51.38,51.38,0,0,1-1.6,9.84c-.62,2.36-4.1,1.36-3.63-1a54.47,54.47,0,0,0,1-8.84c.07-1.85-.09-3.81,0-5.72a18.39,18.39,0,0,0-3.16-1.57c.13,1.48.21,3,.33,4.51a144.34,144.34,0,0,0,2,16.65c.55,0,1.08-.14,1.66-.15a2.77,2.77,0,0,1,1.19.22,23.19,23.19,0,0,1,3.84.1,1.82,1.82,0,0,1,.09-1A15.47,15.47,0,0,0,38.93,117ZM33,183.54c26.51,3.21,27-40,4.94-47.9a2.68,2.68,0,0,1-2.55,2.26,17.83,17.83,0,0,0-11.9,5.51l0,.3A2.2,2.2,0,0,1,21.29,146C12.47,158.58,15.7,181.45,33,183.54ZM16.74,117.71A63.21,63.21,0,0,1,29.16,93.23a1,1,0,0,1-.45-.59c-2.41-7.95-15.34,1.38-18.12,4S5.34,103.21,6,107.19C6.81,112.46,12.21,115.51,16.74,117.71Z" transform="translate(0 -10.91)"/><path d="M122.57,79.15c4.29,6,9.74,6.3,11.59-.84a3.88,3.88,0,0,1-.49-.83,3.68,3.68,0,0,1,.11-2.74c.29-.71.13-.9-.35-1.93a3.69,3.69,0,0,1,3.14-5.48c2.45-.11,4.65-1.15,7.13-1.15,2,0,4.05,2.18,3.24,4.25-1.06,2.71-2.73,5.47-5.61,6.38a3.46,3.46,0,0,1,.19.31c4.41,11,16.08,12.67,23.55,3.81,1.58-1.88,4.11.51,3.19,2.46C161.91,96.79,147.2,94.92,138.9,86c-5.34,8-16.46,6.89-22.53-3.2C113.95,78.74,119.93,75.45,122.57,79.15Z" transform="translate(0 -10.91)"/><path d="M153.37,53.79a13.58,13.58,0,0,1,8.82-6.13c9.18-1.83,15,7.2,12.62,15.48-.68,2.37-4.76,2.76-5.18,0-.57-3.72-1.2-9.11-5.92-8.18a6.18,6.18,0,0,0-3.89,2.59c-1.46,2.15-.47,5.27-2.62,7a3.07,3.07,0,0,1-3.58.46C149.63,62.84,151.57,56.8,153.37,53.79Z" transform="translate(0 -10.91)"/><path d="M116,50a8.73,8.73,0,0,1,7.45,3.76c2.28,3.19,2,7.11,1,10.7-.56,1.88-3.85,2.24-4.17,0a16.56,16.56,0,0,0-2-6.55c-.6-1-1.64-.9-2.66-.84-3.42.22-4.4,4.08-6,6.5-1.92,2.93-5.69,1.49-6.11-1.66C102.63,55.54,110.54,50.28,116,50Z" transform="translate(0 -10.91)"/><path d="M61.58,132.87c5.93-12.46,25.5-13.73,33.94-3.47a9.47,9.47,0,0,1,1.4,1c3.19,2.72,4.14,7.29,4,11.29-.38,10-8.32,19.05-18.77,18.34C69,159.13,55.11,146.45,61.58,132.87Zm32.25,2.53a2.81,2.81,0,0,1-1.6-.37l-1.13-.7c.74,2.76.24,6,.07,8.75a64.65,64.65,0,0,1-.83,7C94.22,146.29,95.69,139.64,93.82,135.4ZM83,141.72c0,3.75.19,7.49.45,11.22a9.59,9.59,0,0,0,3.38-.6,68.7,68.7,0,0,0,.83-10.52c.06-2.9-.52-6.11.72-8.79,0-.11.15-.16.23-.24-.63-.38-1.25-.77-1.88-1.11a10.39,10.39,0,0,0-1.18.13.92.92,0,0,1-1.11-1.19,15.64,15.64,0,0,0-1.77-.49C83.36,133.92,83,137.87,83,141.72Zm-3.58-12c-.42,0-.79-.08-1.24-.05a11.88,11.88,0,0,0-5,1.62c.12,2.85-.06,5.72,0,8.56,0,3.23.18,6.44.33,9.66a23.5,23.5,0,0,0,6.61,2.95C78.85,145,77.82,136.67,79.4,129.73Zm-9.81,16.52a67,67,0,0,1-.94-10.81c-.11.16-.26.3-.36.46C65.92,139.68,67,143.31,69.58,146.25Z" transform="translate(0 -10.91)"/></svg>');
    -mask-image: url('data:image/svg+xml,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 189.55 178.64"><path d="M31.19,151.51a10.23,10.23,0,0,1,1.55.62A1.37,1.37,0,0,1,34,151c2.84-.1,6.37.29,7.4,3.49.7,2.19-.65,4.22-.3,6.39.13.78.55,2.08-.11,3.22a3.25,3.25,0,0,1-3.62,1.42c-1.47-.3-2.83-1.74-3.91-2.67-2.12-1.82-5.81-4.64-6.36-7.58A3.18,3.18,0,0,1,31.19,151.51Z" transform="translate(0 -10.91)"/><path d="M133.72,152.66l.08,0c.63-1.56,1.75-2.42,3.41-1.73h.2a6.19,6.19,0,0,1-.65-.76c-.81-1.32.74-2.58,2-2,1.81.88,3.9,1.09,5.63,2.12,2.52,1.5,2.43,4.48,2,7a2.63,2.63,0,0,1-2.23,2c-.33,1.85-1.71,3.53-3.61,3.07a6.89,6.89,0,0,1-1.54,1.38c-3.55,2.13-5.6-2.28-5.83-6.53l-.06,0A2.85,2.85,0,0,1,133.72,152.66Z" transform="translate(0 -10.91)"/><path d="M7.1,92c5.32-5,23.36-12.88,23.57-.46,13.26-15.06,34.19-21.23,53.6-18-.22-.82-.47-1.61-.65-2.45a32.42,32.42,0,0,1,2.2-20.7,2.79,2.79,0,0,1-2.59-1c-2.58-3.36-3-9.28-3.88-13.36A54.3,54.3,0,0,1,78,18.22c.27-2.3,2.36-3.74,4.56-2.62,8.81,4.52,18.27,7.23,27.5,10.69a2.07,2.07,0,0,1,1,.85c1.58-.79,3.2-1.39,4.8-2.08-.05-2.6,3.31-3.72,5.53-2.32,3-1.09,5.93-2.05,8.77-2.82a2.45,2.45,0,0,1,3.21,2.18,77.76,77.76,0,0,1,22,1.83c9.78-4.79,19.46-11,30.31-13,1.87-.33,4,.82,3.9,3-.52,10.55-.22,21.89-4.09,31.88A1.94,1.94,0,0,1,184,47.11a55.11,55.11,0,0,1,3.9,13.09c3.9,22.69-15.41,45-37,50.87,5.73,4.2,3,16.17,1.07,21.59a24,24,0,0,1,11.68,13.43c5.47,15.22-3.6,31.43-18.94,35.86-11.05,3.19-21.93-3.57-27.56-12.85-9.15,2.22-18.53,2.83-28,2.89s-19.5,1-28.77-.37c-2.42-.37-2-3.88,0-4.5,7.81-2.39,16.83-1.18,24.91-1.1A273.07,273.07,0,0,0,115.09,165c-4.75-11.79.15-23.78,11.34-29.7a3.29,3.29,0,0,1,1.24-.37,1.88,1.88,0,0,1,.23-.74c-7.11-5.27-10.15-16.23-6.48-24.28a60.74,60.74,0,0,1-15.53-7.25C87.62,117.8,50.58,113.23,45,87.81a60.89,60.89,0,0,0-8.34,6.41,43.85,43.85,0,0,0-7.7,9.34,1.26,1.26,0,0,1,.18.1c13.4,2.64,23.54,16.66,15.14,29.69,0,0-.07.07-.11.11C68,140.65,63.91,190.33,33,189.54c-23.45-.6-28-32.31-15.43-48.22a38.87,38.87,0,0,1-1.85-17.88C8.88,120.59,1.35,116,.15,108-.79,101.78,2.74,96.11,7.1,92ZM83.83,22.64a66.83,66.83,0,0,0,1.73,13.61c.71,3.32,2.22,7.07,2.13,10.58C92,39.74,98.87,34,106.58,29.56A138.3,138.3,0,0,1,83.83,22.64Zm40.86,5a22.06,22.06,0,0,0,4.57,4.77,28.44,28.44,0,0,1,.11-6.53Q127,26.76,124.69,27.65Zm10.55-1.48-2.85-.33a37.22,37.22,0,0,1,0,8.71,32,32,0,0,0,3.21,1.66C134.66,32.83,134.13,28.95,135.23,26.17Zm7.64.88c-1.62-.25-3.23-.36-4.85-.56a15.36,15.36,0,0,1,.35,5.22,29.45,29.45,0,0,0,.58,5.82l.05,0a18.36,18.36,0,0,0,2.24.53.89.89,0,0,1,.48-.84c4-2.07,1.31-5.6.54-8.65A1.37,1.37,0,0,1,142.87,27Zm2.1.35a8.36,8.36,0,0,1,2.36,7,5,5,0,0,1-2.53,3.88c4.55-.44,7.45-3.71,8.55-9.13C150.63,28.42,147.81,27.87,145,27.39Zm38.5-9.57c-7,2-13.23,5.69-19.7,8.95A38.31,38.31,0,0,1,182,43.09,155.46,155.46,0,0,0,183.47,17.82ZM139.7,176c12.41,0,20.9-13.82,18.69-25.05-2.55-13-16.19-17.53-27.61-14.23a2.83,2.83,0,0,1-1.17,4C112.39,150.19,120.81,176,139.7,176Zm4.59-55.32c-.14-2.52-1-5.62-.89-8.31-.37,0-.75.11-1.12.13s-.65,0-1,0c.1,2.27-.05,4.57-.09,6.83-.06,3.6-.1,7.19-.27,10.78a23.23,23.23,0,0,1,6.17.67,39.51,39.51,0,0,0,1.4-9.42,9.91,9.91,0,0,0-.38-2.75c0,.31,0,.65,0,.94a20.76,20.76,0,0,1-2.26,10.31.87.87,0,0,1-1.61-.44A71.89,71.89,0,0,0,144.29,120.71Zm-6.74-8.23c-1.88-.05-3.76-.19-5.62-.39,1.8,5.68.69,13.2.47,18.77a1.44,1.44,0,0,1-.44,1l0,.06a25.09,25.09,0,0,1,5.91-1.52c-.17-3.67-.21-7.35-.27-11C137.6,117.08,137.45,114.76,137.55,112.48Zm-8.33,16c-.1-2.32-.2-4.64-.38-7-.26-3.32-1.21-6.73-1.24-10h-.06c0,.12-.08.25-.14.36C124.46,117.45,125.89,123.58,129.22,128.48Zm8.71-21.81C164.27,108,185.62,82,181.36,57.05c-2.64-15.48-12.49-22.95-24.54-26.89.71,9.06-5.39,15.08-15,14.58-9.37-.49-18.68-6.37-23.63-14.4C103.06,37,91,46.16,89.47,65.69a27.62,27.62,0,0,0,.83,9.12,2.2,2.2,0,0,1,1,3C97.93,95.19,121.12,105.85,137.93,106.67ZM74.47,91.89c-.11,4.12-.28,8.24-.47,12.35a43.33,43.33,0,0,0,7.58.64c-1.87-7.55-4.29-17.22-2.39-24.42a1.89,1.89,0,0,1,3.63,0c1.15,3.95.86,8.26,1.25,12.35s.93,7.92,1.36,11.88a48.08,48.08,0,0,0,10.73-2.22,1.58,1.58,0,0,1-.53-1.13q-.43-2.45-1-4.87A47.83,47.83,0,0,1,93.17,91a48.1,48.1,0,0,1-7.34-12.62,75.45,75.45,0,0,0-12.14-.06,2,2,0,0,1,.52.7C75.61,82.74,74.57,88,74.47,91.89ZM66.37,102.1a32.91,32.91,0,0,0,4.49,1.52c-.17-3.91-.34-7.83-.45-11.74s-1.14-9.14.25-12.84c.07-.19.22-.28.33-.43q-2.54.29-5,.78c0,3.18-.54,6.61-.46,9.64C65.62,93.4,65.94,97.76,66.37,102.1ZM51.78,84.26A22.2,22.2,0,0,0,63.1,100.5c-.66-3.8-1.24-7.62-1.65-11.46a51.27,51.27,0,0,1-.56-8.43,58.12,58.12,0,0,0-9.19,3.45C51.72,84.13,51.77,84.17,51.78,84.26Zm-25.35,26c-.2,0-.39-.06-.6-.08-3.12,8.12-3.63,16.91-3,26.19a22.07,22.07,0,0,1,7.45-3.23,99.31,99.31,0,0,1-2.6-12.92C27.26,117,26.66,113.56,26.43,110.21ZM38.93,117c0,.56-.1,1.11-.13,1.65a51.38,51.38,0,0,1-1.6,9.84c-.62,2.36-4.1,1.36-3.63-1a54.47,54.47,0,0,0,1-8.84c.07-1.85-.09-3.81,0-5.72a18.39,18.39,0,0,0-3.16-1.57c.13,1.48.21,3,.33,4.51a144.34,144.34,0,0,0,2,16.65c.55,0,1.08-.14,1.66-.15a2.77,2.77,0,0,1,1.19.22,23.19,23.19,0,0,1,3.84.1,1.82,1.82,0,0,1,.09-1A15.47,15.47,0,0,0,38.93,117ZM33,183.54c26.51,3.21,27-40,4.94-47.9a2.68,2.68,0,0,1-2.55,2.26,17.83,17.83,0,0,0-11.9,5.51l0,.3A2.2,2.2,0,0,1,21.29,146C12.47,158.58,15.7,181.45,33,183.54ZM16.74,117.71A63.21,63.21,0,0,1,29.16,93.23a1,1,0,0,1-.45-.59c-2.41-7.95-15.34,1.38-18.12,4S5.34,103.21,6,107.19C6.81,112.46,12.21,115.51,16.74,117.71Z" transform="translate(0 -10.91)"/><path d="M122.57,79.15c4.29,6,9.74,6.3,11.59-.84a3.88,3.88,0,0,1-.49-.83,3.68,3.68,0,0,1,.11-2.74c.29-.71.13-.9-.35-1.93a3.69,3.69,0,0,1,3.14-5.48c2.45-.11,4.65-1.15,7.13-1.15,2,0,4.05,2.18,3.24,4.25-1.06,2.71-2.73,5.47-5.61,6.38a3.46,3.46,0,0,1,.19.31c4.41,11,16.08,12.67,23.55,3.81,1.58-1.88,4.11.51,3.19,2.46C161.91,96.79,147.2,94.92,138.9,86c-5.34,8-16.46,6.89-22.53-3.2C113.95,78.74,119.93,75.45,122.57,79.15Z" transform="translate(0 -10.91)"/><path d="M153.37,53.79a13.58,13.58,0,0,1,8.82-6.13c9.18-1.83,15,7.2,12.62,15.48-.68,2.37-4.76,2.76-5.18,0-.57-3.72-1.2-9.11-5.92-8.18a6.18,6.18,0,0,0-3.89,2.59c-1.46,2.15-.47,5.27-2.62,7a3.07,3.07,0,0,1-3.58.46C149.63,62.84,151.57,56.8,153.37,53.79Z" transform="translate(0 -10.91)"/><path d="M116,50a8.73,8.73,0,0,1,7.45,3.76c2.28,3.19,2,7.11,1,10.7-.56,1.88-3.85,2.24-4.17,0a16.56,16.56,0,0,0-2-6.55c-.6-1-1.64-.9-2.66-.84-3.42.22-4.4,4.08-6,6.5-1.92,2.93-5.69,1.49-6.11-1.66C102.63,55.54,110.54,50.28,116,50Z" transform="translate(0 -10.91)"/><path d="M61.58,132.87c5.93-12.46,25.5-13.73,33.94-3.47a9.47,9.47,0,0,1,1.4,1c3.19,2.72,4.14,7.29,4,11.29-.38,10-8.32,19.05-18.77,18.34C69,159.13,55.11,146.45,61.58,132.87Zm32.25,2.53a2.81,2.81,0,0,1-1.6-.37l-1.13-.7c.74,2.76.24,6,.07,8.75a64.65,64.65,0,0,1-.83,7C94.22,146.29,95.69,139.64,93.82,135.4ZM83,141.72c0,3.75.19,7.49.45,11.22a9.59,9.59,0,0,0,3.38-.6,68.7,68.7,0,0,0,.83-10.52c.06-2.9-.52-6.11.72-8.79,0-.11.15-.16.23-.24-.63-.38-1.25-.77-1.88-1.11a10.39,10.39,0,0,0-1.18.13.92.92,0,0,1-1.11-1.19,15.64,15.64,0,0,0-1.77-.49C83.36,133.92,83,137.87,83,141.72Zm-3.58-12c-.42,0-.79-.08-1.24-.05a11.88,11.88,0,0,0-5,1.62c.12,2.85-.06,5.72,0,8.56,0,3.23.18,6.44.33,9.66a23.5,23.5,0,0,0,6.61,2.95C78.85,145,77.82,136.67,79.4,129.73Zm-9.81,16.52a67,67,0,0,1-.94-10.81c-.11.16-.26.3-.36.46C65.92,139.68,67,143.31,69.58,146.25Z" transform="translate(0 -10.91)"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/* form-select svg color #334659 */
.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='%23334659' 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;
}

/* choices single chevron */
.choices[data-type*="select-one"]::after {
    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");
}

/* Breadcrumb before svg color #334659 */
.breadcrumb-item+.breadcrumb-item::before {
    content: url('data:image/svg+xml,<svg stroke="%23334659" 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 #334659  */
.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='%23334659' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

/* .form-switch  */
.form-check.form-switch .form-check-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23334659'/%3e%3c/svg%3e");
}

.form-check.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23334659'/%3e%3c/svg%3e");
}

.form-check.form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    background-position: right center;
}

.choices[data-type*="select-multiple"] .choices__button {
    background-image: url('data:image/svg+xml,<svg fill="%23da0964" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 469.33 469.33"><path d="M256,490.67c129.6,0,234.67-105.06,234.67-234.67S385.6,21.33,256,21.33,21.33,126.4,21.33,256C21.49,385.54,126.46,490.51,256,490.67ZM256,64c106,0,192,86,192,192S362,448,256,448,64,362,64,256,150,64.12,256,64Z" transform="translate(-21.33 -21.33)"></path><path d="M176.92,335.08a21.33,21.33,0,0,0,30.17,0L256,286.17l48.92,48.92a21.33,21.33,0,0,0,30.17-30.17L286.17,256l48.92-48.92a21.33,21.33,0,0,0-30.17-30.17L256,225.83l-48.92-48.92a21.33,21.33,0,0,0-30.17,30.17L225.83,256l-48.92,48.92a21.33,21.33,0,0,0,0,30.17Z" transform="translate(-21.33 -21.33)"></path></svg>');
}

.choices[data-type*="select-one"] .choices__button {
    background-image: url('data:image/svg+xml,<svg fill="%23da0964" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 469.33 469.33"><path d="M256,490.67c129.6,0,234.67-105.06,234.67-234.67S385.6,21.33,256,21.33,21.33,126.4,21.33,256C21.49,385.54,126.46,490.51,256,490.67ZM256,64c106,0,192,86,192,192S362,448,256,448,64,362,64,256,150,64.12,256,64Z" transform="translate(-21.33 -21.33)"></path><path d="M176.92,335.08a21.33,21.33,0,0,0,30.17,0L256,286.17l48.92,48.92a21.33,21.33,0,0,0,30.17-30.17L286.17,256l48.92-48.92a21.33,21.33,0,0,0-30.17-30.17L256,225.83l-48.92-48.92a21.33,21.33,0,0,0-30.17,30.17L225.83,256l-48.92,48.92a21.33,21.33,0,0,0,0,30.17Z" transform="translate(-21.33 -21.33)"></path></svg>');
}

/* Media query  */
@media (max-width: 1399px) {
    .login-footer {
        background-color: #f5f6f8;
    }

    .login-footer .nav-links a,
    .login-footer .content-holder.content-right p,
    .login-footer .content-holder.content-right p a {
        color: #334659;
    }
}

@media (max-width: 991px) {

    .dashboard-header {
        flex-wrap: wrap;
    }

    .dashboard-header .btn:first-child {
        margin-bottom: 50px;
    }

    .page-container {
        padding: 0 2rem;
    }

    .header-title-top-text svg,
    .header-top-list .top-list-item .hover-notification {
        display: none;
    }

    .search-mobile .dropdown-menu.dropdown-menu-search .search-box .input-group .select-holder .form-select {
        background-color: #f5f6f8;
    }

    .form-control:focus~.icon {
        background-color: transparent;
    }

    .course-menu .course-menu-item:hover,
    .course-menu .course-menu-item:active,
    .course-menu .course-menu-item.active {
        background-color: #fff;
    }

    .course-menu .course-menu-item:hover span,
    .course-menu .course-menu-item:active span,
    .course-menu .course-menu-item.active span {
        color: #008AFB;
    }

    .course-menu .course-menu-item:hover span.badge,
    .course-menu .course-menu-item:active span.badge,
    .course-menu .course-menu-item.active span.badge {
        color: #ffffff;
    }

    .landing-section .courses-table-row:last-child .item-col {
        border-bottom: 2px dashed #DFE0E3;
    }
}

@media (max-width: 767px) {
    .hr-user-view .media-body .user-progress .user-progress-data .user-progress-data-item:not(:last-child) {
        border-bottom: 1px solid #ececec;
    }
}

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

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

    /* background #202124 */
    html,
    .page-wrapper,
    .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,
    .modal-backdrop,
    .course-bar .course-mark .course-dot,
    .course-item-box,
    .listing-item-box,
    .offcanvas,
    .offcanvas-hr .offcanvas-header,
    .offcanvas-close,
    .offcanvas-filter .apply-filters,
    .custom-accordion .accordion-button:not(.collapsed),
    .custom-modal .modal-header,
    .lesson-list-item .item-badges .my-note,
    .lesson-list-item .item-badges .my-note .note-arrow::after,
    .header-container-course .lesson-item.active,
    .offcanvas-lessons.timeline .lesson-item.active,
    .course-practice-video .next-video .next-video-box,
    .course-practice-video .next-video .next-video-box .next-video-box-arrow::after,
    .video-content .next-video .next-video-box,
    .video-content .next-video .next-video-box .next-video-box-arrow::after,
    .video-content .lesson-notes .form-control:focus,
    .course-menu,
    .offcanvas-hr .offcanvas-options,
    .offcanvas-hr .vimeo-body .offcanvas-licence-section,
    .accordion-item,
    .accordion-button,
    .btn-pill-white-45,
    .btn-pill-white-45:hover,
    .btn-pill-white-45:focus,
    .chat-bot .chat-bot-header,
    .course-item-box .package-elements .package-cart .my-cart .package-cart-header,
    .feature-image-holder,
    .landing-middle-section .feature-box,
    .table-scroll thead th,
    .table-scroll .table-content td,
    .lesson-data-holder,
    .reorder-holder,
    .aside-publish .aside-box,
    .choices__inner,
    .is-focused .choices__inner,
    .is-open .choices__inner,
    .choices__inner:focus,
    .choices__list--single {
        background-color: #202124;
    }

    .header {
        background-color: rgba(32, 33, 36, .8)
    }

    /* background #008AFB */
    .dropdown-toggle .icon-holder .badge.badge-notification,
    .col-material .badge.badge-notification,
    .table-accordion ul.table-data li span .badge-notification,
    .toast.toast-info .toast-border,
    .toast.toast-info .toast-icon,
    .btn-pill-blue-45,
    .btn-square-blue-45,
    .btn-pill-blue-30,
    .lesson-list-item.active .item-icon,
    .lesson-list-item .item-action .action-holder .badge.badge-notification,
    .header-container-course .col-header-options .lessons-menu-option .btn.offcanvas-button .icon-holder .badge.badge-notification,
    .dropdown-content.timeline .lesson-item:not(:last-child)::before,
    .header-container-course .lesson-item.active .item-icon,
    .offcanvas-lessons.timeline .lesson-item:not(:last-child)::before,
    .offcanvas-lessons.timeline .lesson-item.active .item-icon,
    .course-material-content .material-item .material-number,
    .course-menu .course-menu-item .course-menu-item-holder .badge-notification,
    .hr-progress .hr-progress-item .progress .progress-bar,
    .offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .btn-info,
    .offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .icon-holder,
    .lds-roller div:after,
    .offcanvas-hr .course-rating .btn-rating:hover,
    .offcanvas-hr .course-rating .btn-rating.active,
    .listing-item-box .listing-item-image-holder .item-date,
    .form-check.form-switch .form-check-input:checked,
    .aside-col-holder,
    .aside-holder .accordion-item,
    .aside-holder .accordion-item .accordion-button,
    .aside-holder .custom-accordion .accordion-button:not(.collapsed),
    .aside-holder .accordion-button,
    .aside-footer,
    .datepicker-cell.focused:not(.selected),
    .datepicker-cell.focused:not(.selected):hover,
    .datepicker-cell.selected,
    .datepicker-cell.selected:hover,
    .datepicker-cell.selected:focus,
    .offcanvas.offcanvas-menu,
    .btn-menu .icon-holder,
    .header .col-publish-actions .btn-action.blue {
        background-color: #3668f3;
    }

    /* background #4579ee */
    .aside-header .media-image,
    .aside-footer .btn-user,
    .offcanvas-menu .offcanvas-header .media-image,
    .offcanvas.offcanvas-menu .btn-close {
        background-color: #4579ee;
    }

    .aside-holder .aside-nav ul li span:last-child:not(:empty),
    .aside-footer .aside-nav ul li .btn span:last-child:not(:empty) {
        background-color: #2964f6;
    }

    .aside-separator {
        background-color: #5588fc;
    }

    .btn-pill-green-30 {
        background-color: #117d37;
    }

    /* background #282C2F */
    .dropdown-menu,
    .form-control:focus,
    .alert-light,
    .toast,
    .video-tutorial,
    .btn-square-blue-text-30:disabled,
    .btn-square-red-text-30:disabled,
    .user-header .button-holder .btn.disabled,
    .user-header .button-holder .btn:disabled,
    .header .col-header-options .btn-icon-dropdown,
    .header-not-logged-in.with-mobile-menu .front-mobile-menu .btn,
    .header .col-header-center .header-center-holder .search-box .input-group .select-holder .form-select,
    .search-box .form-control,
    .offcanvas .btn-close,
    .custom-modal .modal-header .btn-close,
    .custom-modal .modal-body,
    .custom-modal .modal-footer,
    .lesson-list-item,
    .lesson-list-item .item-badges .my-note .note-content .form-control,
    .lesson-list-item.disabled:hover,
    .offcanvas-lessons.timeline .offcanvas-header a:hover,
    .offcanvas-lessons.timeline .offcanvas-header a:focus,
    .offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .licence-remaining,
    .offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .licence-remaining .licence-remaining-arrow::after,
    .course-continue .course-last-view,
    .course-continue .course-last-view-arrow:after,
    .course-inner-page-content .lesson-note .lesson-note-content,
    .course-inner-page-content .course-script-content,
    .course-practice-content,
    .course-menu .course-menu-item:hover,
    .course-menu .course-menu-item:active,
    .course-menu .course-menu-item.active,
    .header-container-quiz .close-option .btn-close,
    .quiz-continue .quiz-last-view,
    .quiz-continue .quiz-last-view-arrow::after,
    .quiz-content,
    .quiz-question .quiz-answers .quiz-reorder,
    .reorder-item,
    .quiz-result,
    .quiz-retrospective .quiz-retrospective-title p span.highlight,
    .hr-action-holder .hr-action-item .media .media-body .btn:disabled,
    .desktop-table .table-content .row:hover,
    .table-accordion .accordion-sum ul.user-data,
    .table-footer.vendor-table-footer .row,
    .offcanvas-hr .add-users-list,
    .offcanvas-table .offcanvas-table-footer,
    .footer-bottom,
    .course-item-box .course-unavailable-content .course-unavailable-box,
    .course-item-box .course-unavailable-content .course-unavailable-box .course-unavailable-box-arrow::after,
    .question-bar-holder .question-bar .question-icon .speech-bubble,
    .chat-bot .chat-bot-content,
    .chat-bot .chat-bot-header .btn-close,
    .chat-bot .chat-bot-arrow::after,
    .chat-bot .chat-bot-input,
    .chat-bot .chat-bot-input .form-control,
    .chat-bot .chat-bot-input .form-control:focus,
    .course-item-box .package-elements .package-cart .my-cart,
    .course-item-box .package-elements .package-cart .my-cart .package-cart-arrow::after,
    .course-item-box .package-elements .package-cart .my-cart .package-cart-header .btn-close,
    .offcanvas-hr .course-rating .btn-rating,
    .cart-listing .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group .form-control,
    .cart-total-holder,
    .landing-middle-section,
    .top-list-user-holder,
    .top-box,
    .popover-body,
    .leaderline-holder .excel,
    .datepicker-picker,
    .datepicker-controls .button,
    .header .col-publish-actions .btn-action.gray,
    .choices__list--multiple .choices__item,
    .choices__list--dropdown,
    .choices__list[aria-expanded],
    .offcanvas-hr .question-holder .question-content {
        background-color: #282C2F;
    }

    /* background #323639 */
    .dropdown-item:hover,
    .dropdown-item:focus,
    .dropdown-item.active,
    .dropdown-menu.multilevel-menu li.dropdown:hover>.dropdown-item,
    .dropdown-custom .dropdown-header:hover,
    .dropdown-custom .dropdown-header:focus,
    .alert-dismissible .btn-close,
    .alert-dismissible .btn-ok,
    .toast .btn-close,
    .col-header-options .dropdown-cart .cart-total,
    .table-scroll thead th:after,
    .btn-with-icon,
    .btn-square-black-45,
    .btn-pill-black-30,
    .progress,
    .question-bar-holder .question-bar .question-indicator,
    .lesson-list-item:hover,
    .quiz-question .quiz-answers .quiz-reorder:hover,
    .reorder-item:hover,
    .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,
    .chat-bot .chat-bot-body .message .message-bubble,
    .cart-total-holder .cart-promo-code .cart-promo-code-info,
    .cart-total-holder .cart-promo-code .cart-promo-code-info .cart-promo-code-info-arrow::after,
    .col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity .form-group .form-control,
    .col-header-options .dropdown-cart .cart-total-price-holder,
    .top-list-user-holder .user-points-holder .user-points,
    .datepicker-cell:not(.disabled):not(.selected):hover,
    .datepicker-header .datepicker-controls .button:hover,
    .choices__list--multiple .choices__item.is-highlighted,
    .choices__list--dropdown .choices__item--selectable.is-highlighted,
    .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
        background-color: #323639;
    }

    .dark-blue-bg {
        background-color: #001E42;
        color: #D6D6D7;
    }

    .dark-blue-bg .text-light {
        color: #5A7BA4 !important;
    }

    /* background #ffffff */
    .btn-pill-white-shadow-45,
    .btn-pill-white-shadow-45:hover,
    .btn-pill-white-shadow-45:focus,
    .upload-holder .upload-item .btn-gallery-delete {
        background-color: #fff;
    }

    /* background #313346 */
    .btn-pill-dark-blue-45 {
        background-color: #313346;
    }

    /* background #d3eff2 */
    .light-blue-bg {
        background-color: #d3eff2;
    }

    /* background #fdbec7 */
    .pink-bg {
        background-color: #fdbec7;
    }

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

    /* background #fedd6a */
    .yellow-bg,
    .leaderline-holder .b2b {
        background-color: #fedd6a;
    }

    /* background #f3f3f5 */
    .btn-pill-gray-45,
    .btn-square-gray-45 {
        background-color: #f3f3f5;
    }

    /* background #da0964 */
    .btn-pill-magenta-45,
    .btn-square-magenta-45,
    .login-footer .nav-links a.svg-icon,
    .footer .nav-links a.svg-icon {
        background-color: #da0964;
    }

    /* background #e6eef9 */
    .btn-square-blue-text-30,
    .btn-square-red-text-30,
    .desktop-table .table-content .user-badges .new-user-badge,
    .desktop-table .table-content .user-badges .approved-user-badge,
    .desktop-table .table-content .user-badges .denied-user-badge,
    .table-accordion .accordion-button.btn-user .user-badges .new-user-badge,
    .notifications-holder .notification-item .notification-title .notification-badges .new-notification-badge,
    .dropdown-custom .dropdown-item.login:hover,
    .dropdown-custom .dropdown-item.login:focus {
        background-color: #e6eef9;
    }

    /* background #D6D6D7 */
    .form-control:focus~.icon {
        background-color: #D6D6D7;
    }

    /* background #000000 */
    .course-practice-video .next-video .btn,
    .video-content .next-video .btn {
        background-color: #000000;
    }

    /* background #feab4d */
    .toast.toast-warning .toast-border,
    .toast.toast-warning .toast-icon,
    .progress-bar,
    .question-bar-holder .question-bar .question-indicator.active {
        background-color: #feab4d;
    }

    /* background #2ac38a */
    .toast.toast-success .toast-border,
    .toast.toast-success .toast-icon,
    .quiz-result .quiz-score.success,
    .table-accordion ul.table-data li span .badge.badge-online,
    .table-accordion ul.table-data li span .badge.badge-success,
    .desktop-table .col-status .badge.badge-online,
    .desktop-table .col-ordinal .badge.badge-active,
    .table-accordion .ordinal-count .badge.badge-active,
    .desktop-table .col-course-score .badge-success,
    .offcanvas-hr .list-users li.active:before {
        background-color: #2ac38a;
    }

    /* background #ff443d */
    .toast.toast-danger .toast-border,
    .toast.toast-danger .toast-icon,
    .badge.badge-notification,
    .badge.badge-notification-dot,
    .course-item-box .course-unavailable-content .course-unavailable-box .unavailable-icon,
    .lesson-list-item.danger .item-icon,
    .question-bar-holder .question-bar .question-icon .speech-bubble.fail,
    .question-bar-holder .question-bar .question-indicator.fail,
    .quiz-result .quiz-score.fail,
    .desktop-table .table-content .user-badges .running-out-user-badge,
    .table-accordion .accordion-button.btn-user .user-badges .running-out-user-badge,
    .table-accordion ul.table-data li span .badge.badge-offline,
    .table-accordion ul.table-data li span .badge.badge-fail,
    .desktop-table .col-status .badge.badge-offline,
    .desktop-table .col-ordinal .badge.badge-paused,
    .table-accordion .ordinal-count .badge.badge-paused,
    .desktop-table .col-course-score .badge-fail,
    .col-header-options .btn-user .user-notification .badge {
        background-color: #ff443d;
    }

    /* background #fb4f1f */
    .course-bar .course-mark.unfinished .course-dot {
        background-color: #fb4f1f;
    }

    /* background #84DCE3 */
    .admin-top-notification,
    .course-bar .course-mark.finished .course-dot,
    .lesson-list-item.success .item-icon,
    .question-bar-holder .question-bar .question-indicator.success {
        background-color: #84DCE3;
    }

    /* background #252525 */
    .listing-item-box .listing-item-image-holder .item-badge {
        background-color: #252525;
    }

    /* background rgba(32, 33, 36, .5) */
    .course-item-box .course-unavailable-holder {
        background-color: rgba(32, 33, 36, .5);
    }

    /* background transparent */
    .btn-pill-blue-outline-45,
    .active-border,
    .offcanvas-hr .add-users-list.no-background {
        background-color: transparent;
    }

    /* background #9aa0a6 */
    .lesson-list-item.disabled .item-icon,
    .dropdown-content.timeline .lesson-item.disabled:not(:last-child)::before,
    .header-container-course .lesson-item.disabled .item-icon,
    .offcanvas-lessons.timeline .lesson-item.disabled:not(:last-child)::before,
    .offcanvas-lessons.timeline .lesson-item.disabled .item-icon,
    .quiz-retrospective-item-icon,
    .desktop-table .col-user .btn-user .media-image .user-locked,
    .table-accordion .btn-user .media-image .user-locked {
        background-color: #9aa0a6;
    }

    /* specific backgrounds */
    .user-item-box {
        background: rgb(40, 44, 47);
        background: linear-gradient(90deg, rgba(40, 44, 47, 1) 140px, rgba(32, 33, 36, 1) 0%);
    }

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

    /* font #D6D6D7 */
    body,
    .breadcrumb-item a,
    .breadcrumb-item a:hover,
    .breadcrumb-item a:focus,
    .breadcrumb-item.active,
    a.dark-link,
    a.dark-link-underline,
    a.dark-link:hover,
    a.dark-link:focus,
    a.dark-link-underline:hover,
    a.dark-link-underline:focus,
    .dropdown-item,
    .dropdown-custom .dropdown-header,
    .dropdown-custom .dropdown-item.top-lista svg,
    .form-text,
    .form-text-preview,
    .form-check label a,
    .dropdown-menu,
    .dropdown-item:hover,
    .dropdown-item:focus,
    .dropdown-item.active,
    .dropdown-custom .dropdown-header:hover,
    .dropdown-custom .dropdown-header:focus,
    .col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-title h2,
    .col-header-options .dropdown-cart .cart-total,
    .form-select,
    .form-select:focus,
    .form-control,
    .form-control:disabled,
    .form-control[readonly],
    .form-control:focus,
    .alert-light,
    .alert-dismissible .btn-close,
    .alert-dismissible .btn-ok,
    .toast .btn-close,
    .custom-modal .modal-header .btn-close,
    .custom-modal .modal-icon-holder svg,
    .custom-modal .modal-header-content h5,
    .btn,
    .btn:hover,
    .btn-with-icon,
    .login-section .login-fields .button-holder a,
    .login-section .login-fields .form-bottom-options a,
    .activation-footer p a,
    .col-header-center .btn.my-courses:focus,
    .header-not-logged-in .header-not-logged-in-options .btn-link:focus,
    .col-header-options .btn-user:focus,
    .main-title .title-with-arrow a,
    .main-title .title-with-arrow svg,
    .top-course .top-course-title a,
    .course-status .course-count a,
    .course-status .course-medal a,
    .section-main-nav .section-nav .btn-nav:hover,
    .section-main-nav .section-nav .btn-nav:focus,
    .section-main-nav .section-nav .btn-nav:active,
    .section-main-nav .section-nav .btn-nav.active,
    .course-item-box h2 a,
    .listing-item-box h2 a,
    .listing-item-box h3 a,
    .offcanvas .btn-close,
    .custom-accordion .accordion-button:not(.collapsed),
    .lesson-list-item .item-badges .my-note .note-options .option-holder a,
    .header-container-course .col-back .go-back a,
    .header-container-course .col-header-options .prev-next-option .btn:focus,
    .offcanvas-lessons.timeline .offcanvas-header a,
    .offcanvas-lessons.timeline .lesson-item,
    .course-inner-page-content .lesson-note .lesson-note-title h2 a,
    .course-material-content .material-item a,
    .course-menu .course-menu-item,
    .header-container-quiz .col-back .go-back a,
    .question-bar-holder .question-bar .question-icon svg,
    .quiz-retrospective-item-content h3 a,
    .desktop-table .col-package a,
    .desktop-table .col-month a,
    .desktop-table .col-package .btn-link,
    .desktop-table .col-month .btn-link,
    .desktop-table .col-account .btn-link,
    .desktop-table .col-quiz .btn-link,
    .table-accordion ul.table-data li span a,
    .table-accordion ul.table-data li span .btn-link,
    .desktop-table .col-user .btn-user:hover,
    .desktop-table .col-user .btn-user:focus,
    .table-footer .table-footer-holder.content-center .table-footer-pagination .icon-holder a .hover-notification span,
    .page-pagination-main-holder .page-pagination-holder.content-center .page-pagination .icon-holder a .hover-notification span,
    .deletable-list li a,
    .offcanvas-hr .add-users-list li a,
    .offcanvas-hr .licence-users-list li a,
    .offcanvas-hr .list-users li a,
    .offcanvas-hr .licence-users-title a,
    .offcanvas-hr .licence-users-list li a,
    .offcanvas-hr .offcanvas-user .media-body .user-title .user-link,
    .offcanvas-hr .offcanvas-user .media-body .user-title .export-link,
    .offcanvas-hr .offcanvas-user .media-body .user-title .export-link .icon-holder .hover-notification span,
    .offcanvas-hr .offcanvas-user .media-body .user-title .edit-link,
    .offcanvas-hr .offcanvas-user .media-body .user-data p:last-child a,
    .hr-user-view .media-body .user-title .user-link,
    .hr-user-view .media-body .user-title .export-link,
    .hr-user-view .media-body .user-title .export-link .icon-holder .hover-notification span,
    .hr-user-view .media-body .user-title .edit-link,
    .hr-user-view .media-body .user-data p:last-child a,
    .footer .nav-links a,
    .footer.footer-mini .content-holder.content-center p a,
    .footer .content-holder.content-right p a,
    .accordion-button,
    .contact-header .media-body .contact-title-data ul li a,
    .landing-top-section .lead-text .icon-holder svg,
    .landing-middle-section .feature-box .feature-box-title a,
    .btn-chat-bot .hover-notification svg,
    .landing-section .feature-middle-holder .media-body h3,
    .inner-content-section .listing-item-box .item-author .btn-user,
    .split-screen .content-holder .user-header a,
    .split-screen .content-holder .all-courses-button-holder a,
    .split-screen .content-holder .feature-my-team p svg,
    .split-screen .content-holder .feature-my-team .my-team-view a,
    .split-screen .content-holder .feature-top-list .btn-user,
    .split-screen .content-holder .feature-top-list .btn-user:hover,
    .split-screen .content-holder .feature-top-list .btn-user:focus,
    .split-screen .content-holder .feature-top-list .view-all a,
    .split-screen .content-holder .feature-top-list .view-all a:hover,
    .split-screen .content-holder .feature-top-list .view-all a:focus,
    .top-box .top-box-item a,
    .top-box .top-box-item a:hover,
    .top-box .top-box-item a:focus,
    .popover-body,
    .leaderline-holder .unregistered .content-holder .bottom-link a,
    .leaderline-holder .unregistered .content-holder .bottom-link a:hover,
    .leaderline-holder .unregistered .content-holder .bottom-link a:focus,
    .leaderline-holder .unregistered .content-holder .bottom-link svg,
    .col-header-options .score-option a,
    .col-header-options .score-option a:hover,
    .col-header-options .score-option a:focus,
    .desktop-table .col-documents a,
    .desktop-table .col-documents a:hover,
    .desktop-table .col-documents a:focus,
    .datepicker-controls .button,
    .datepicker-header .datepicker-controls .button:hover,
    .datepicker-cell.day,
    .form-title.style-4>a,
    .form-title.style-4>a:hover,
    .form-title.style-4>a:focus,
    .choices__inner,
    .is-focused .choices__inner,
    .is-open .choices__inner,
    .choices__input,
    .choices[data-type*="select-one"] .choices__input,
    .choices__list--multiple .choices__item,
    .choices__list--dropdown,
    .choices__list[aria-expanded],
    .choices__list--dropdown,
    .choices__list[aria-expanded],
    .choices__list--dropdown .choices__item--selectable.is-highlighted,
    .choices__list[aria-expanded] .choices__item--selectable.is-highlighted,
    .choices__list--single,
    .offcanvas-hr .question-holder .question-content {
        color: #D6D6D7;
    }

    /* icons font #D6D6D7 */
    .input-with-left-icon svg,
    .input-with-left-icon svg.ionicon,
    .input-with-right-icon svg,
    .input-with-right-icon svg.ionicon,
    .form-floating .form-control~.error svg,
    .toast .svg-deco,
    .btn-pill-white-45 svg,
    .login-section .login-fields .info-text svg,
    .login-section .login-fields .trial-holder .trial-message svg,
    .login-section .login-fields .form-stacked label.label-arrow svg,
    .login-section.activation-section .login-fields .main-icon svg,
    .login-footer .media svg,
    .header .col-logo .change-logo svg,
    .search-box svg.search-icon,
    .col-header-options .btn-user svg,
    .col-header-options .btn-icon svg,
    .col-header-options .dropdown-cart .media-image svg,
    .col-header-options .dropdown-notification .media-image svg,
    .user-header .media-image svg,
    .user-item-box h2 svg.arrow-left,
    .user-item-box h2 svg,
    .deactivate svg,
    .user-header .button-holder .hover-notification svg,
    .course-status>svg,
    .course-status .course-count svg,
    .course-status .course-medal svg,
    .course-certificate svg,
    .course-bar .course-icon svg,
    .offcanvas-filter .offcanvas-header svg.right-down-arrow,
    .lesson-list-item .item-badges .badge-holder .hover-notification svg,
    .lesson-list-item .item-icon .hover-notification svg,
    .lesson-list-item .connected-practice-svg,
    .lesson-list-item .script-notification svg,
    .lesson-list-item .item-action .action-holder svg,
    .lesson-list-item .item-action .action-holder .hover-notification svg,
    .video-content .save-to-favorites svg,
    .video-content .lesson-notes .hover-notification svg,
    .course-inner-page-header .course-inner-page-title .utility-options .utility-option .btn svg,
    .course-inner-page-header .course-inner-page-title .utility-options .utility-option.to-top .hover-notification svg,
    .course-inner-page-header .course-inner-page-title .utility-options .utility-option.to-left .hover-notification svg,
    .course-inner-page-header .course-inner-page-title .utility-options .utility-option.to-bottom .hover-notification svg,
    .course-material-content .material-item .material-info svg,
    .course-material-content .material-item .material-info .hover-notification svg,
    .no-documents svg,
    .quiz-inner-page-header .quiz-inner-page-title .utility-options .utility-option .btn svg,
    .quiz-inner-page-header .quiz-inner-page-title .utility-options .utility-option.to-top .hover-notification svg,
    .quiz-continue .quiz-time-holder .quiz-time .time-notification svg,
    .quiz-result p.quiz-time svg,
    .quiz-retrospective-item-button svg,
    .hr-progress .hr-progress-item .hr-progress-data svg,
    .hr-action-holder .hr-action-item .arrow-right,
    .hr-action-holder .hr-action-item .media .media-image svg,
    .hr-action-holder .hr-action-item .media .media-body svg,
    .desktop-table .table-content .user-badges svg,
    .table-accordion .accordion-button.btn-user .user-badges svg,
    .desktop-table .col-user .btn-user .media-image svg,
    .desktop-table .col-actions .icon-holder .hover-notification svg,
    .table-footer .table-footer-holder.content-center .table-footer-pagination svg,
    .page-pagination-main-holder .page-pagination-holder.content-center .page-pagination svg,
    .table-footer .table-footer-holder.content-center .table-footer-pagination .icon-holder a .hover-notification svg,
    .accordion-footer .accordion-footer-holder.content-center .accordion-footer-pagination svg,
    .offcanvas-hr .add-new-group svg,
    .offcanvas-hr .add-users svg,
    .offcanvas-hr .download-file svg,
    .offcanvas-hr .offcanvas-user .media-image svg,
    .offcanvas-hr .offcanvas-user .media-body .user-title .export-link .icon-holder .hover-notification svg,
    .offcanvas-hr .offcanvas-user .media-body .user-progress .user-progress-lessons svg,
    .hr-user-view .media-image svg,
    .hr-user-view .media-body .user-title .export-link .icon-holder .hover-notification svg,
    .hr-user-view .media-body .user-progress .user-progress-lessons svg,
    .footer .media svg,
    .btn-close,
    .btn-close:hover,
    .btn-pill-white-45,
    .btn-pill-white-45:hover,
    .btn-pill-white-45:focus,
    .login-section .content-holder .btn-holder span,
    .login-footer .nav-links a,
    .login-footer .nav-links a svg,
    .login-footer .content-holder.content-right p,
    .login-footer .content-holder.content-right p a,
    .course-item-box .course-unavailable-content .course-unavailable-box,
    .course-item-box .course-unavailable-content p,
    .course-item-box .course-unavailable-content p a,
    .contact-header .media-body .contact-title .contact-message-count svg,
    .landing-middle-section .feature-box .feature-box-title .feature-icon svg,
    .listing-item-box .item-author .btn-user .media-image svg,
    .dashboard-header .btn-user:hover,
    .dashboard-header .btn-user:focus,
    .header-top-list .top-list-item a,
    .header-top-list .top-list-item a:hover,
    .header-top-list .top-list-item a:focus,
    .offcanvas-hr .chosen-list-holder ul li a,
    .offcanvas-hr .chosen-list-holder ul li a:hover,
    .offcanvas-hr .chosen-list-holder ul li a:focus {
        color: #D6D6D7;
    }

    /* font #202124 */
    .btn-pill-gray-45,
    .btn-square-gray-45,
    .btn-pill-gray-45:hover,
    .btn-pill-gray-45:focus,
    .btn-square-gray-45:hover,
    .btn-square-gray-45:focus {
        color: #202124;
    }

    /* font #334659 */
    .landing-feature-section .feature-boxes-holder .feature-box .feature-box-title .feature-icon,
    .top-list-user-holder .user-image-holder .user-image .badge-notification,
    .split-screen .content-holder .feature-top-list .btn-user .media-image .badge-notification.accordion-body,
    .leaderline-holder .b2b,
    .desktop-table .table-content .col-actions .form-select,
    .table-accordion ul.table-data li span .form-select {
        color: #334659;
    }

    /* font #323639 */
    .btn-pill-white-shadow-45,
    .btn-pill-white-shadow-45:hover,
    .btn-pill-white-shadow-45:focus,
    .upload-holder .upload-item .btn-gallery-delete {
        color: #323639;
    }

    /* font #008AFB */
    a,
    a:hover,
    a:focus,
    .text-blue,
    .offcanvas-hr .bottom-link .btn-link,
    .offcanvas-hr .bottom-link .btn-link:hover,
    .offcanvas-hr .bottom-link .btn-link:focus,
    .btn-square-blue-text-30,
    .btn-square-blue-text-30:hover,
    .btn-square-blue-text-30:focus,
    .desktop-table .col-licences .btn-link,
    .desktop-table .col-courses .btn-link,
    .desktop-table .col-most-viewed .btn-link,
    .desktop-table .table-content .user-badges .new-user-badge,
    .table-accordion .accordion-button.btn-user .user-badges .new-user-badge,
    .table-accordion ul.table-data li span .btn-square-blue-text-30,
    .table-accordion ul.table-data li span .btn-link.btn-link-blue,
    .table-accordion ul.table-data li span .btn-action svg.blue,
    .desktop-table .col-actions .icon-holder svg.blue,
    .offcanvas-hr .licence-users-list li a.user-link,
    .offcanvas-hr .offcanvas-user .media-body .user-title .edit-link svg,
    .hr-user-view .media-body .user-title .edit-link svg,
    .hr-user-view .media-body .user-data.vendor-user-data p:last-child a,
    .notifications-holder .notification-item .notification-title .notification-badges .new-notification-badge,
    .quiz-result-options .quiz-result-buttons .btn.btn-link,
    .dropdown-custom .dropdown-item.login {
        color: #008AFB;
    }

    /* font #9aa0a6 */
    a.light-link,
    .input-with-span span,
    .form-control::placeholder,
    .form-select:disabled,
    .custom-modal .modal-header-content p,
    .btn-square-blue-text-30:disabled,
    .btn-square-blue-text-30:disabled:hover,
    .btn-square-blue-text-30:disabled:focus,
    .btn-square-red-text-30:disabled,
    .btn-square-red-text-30:disabled:hover,
    .btn-square-red-text-30:disabled:focus,
    .user-header .button-holder .btn.disabled,
    .user-header .button-holder .btn:disabled,
    .course-bar .course-trophy.unfinished svg,
    .section-main-nav .section-nav .btn-nav,
    .lesson-list-item.disabled .item-content h3,
    .lesson-list-item.disabled .item-content p,
    .lesson-list-item.disabled .item-action .action-holder svg,
    .table-accordion ul.table-data li span .btn-action:disabled,
    .table-accordion ul.table-data li span .btn-action:disabled svg.blue,
    .desktop-table .col-actions .icon-holder .btn-action:disabled,
    .desktop-table .col-actions .icon-holder .btn-action:disabled svg.blue,
    .header-container-course .col-header-options .prev-next-option .btn.disabled,
    .header-container-course .lesson-item.disabled .item-icon,
    .offcanvas-lessons.timeline .lesson-item.disabled .item-icon,
    .question-bar-holder .quiz-trophy.unfinished svg,
    .quiz-question .quiz-answers .quiz-reorder .quiz-reorder-icon svg,
    .hr-action-holder .hr-action-item .media .media-body .btn:disabled,
    .table-accordion ul.table-data li span .btn-square-blue-text-30:disabled,
    .offcanvas-hr .offcanvas-header p,
    .offcanvas-hr .offcanvas-body .offcanvas-main-text,
    .offcanvas-hr .download-text,
    .offcanvas-hr .info-text,
    .hr-user-subtitle p,
    .hr-user-subtitle p a,
    .notifications-holder .notification-item .notification-title time,
    .page-pagination-main-holder .page-pagination-holder.content-center .page-pagination .icon-holder a.disabled svg,
    .accordion-footer .accordion-footer-holder.content-center .accordion-footer-pagination a.disabled svg,
    .cart-total-holder .cart-tranche .cart-tranche-total p:not(:first-child),
    .datepicker-cell.next:not(.disabled),
    .datepicker-cell.prev:not(.disabled),
    .choices__list--dropdown .choices__item--selectable.is-highlighted::after,
    .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
        color: #9aa0a6;
    }

    .text-light {
        color: #9aa0a6 !important;
    }

    /* font #1bb1a8 */
    .landing-top-section .landing-top-text p {
        color: #1bb1a8;
    }

    /* font #ffffff */
    .toast .toast-icon svg,
    .btn-pill-blue-45,
    .btn-pill-magenta-45,
    .btn-pill-blue-30,
    .btn-pill-blue-45:hover,
    .btn-pill-blue-45:focus,
    .btn-pill-green-30,
    .btn-pill-green-30:hover,
    .btn-pill-green-30:focus,
    .btn-pill-magenta-45:hover,
    .btn-pill-magenta-45:focus,
    .btn-pill-blue-30:hover,
    .btn-pill-blue-30:focus,
    .btn-square-black-45,
    .btn-pill-black-30,
    .btn-square-blue-45,
    .btn-square-magenta-45,
    .btn-square-blue-45:hover,
    .btn-square-blue-45:focus,
    .btn-square-magenta-45:hover,
    .btn-square-magenta-45:focus,
    .btn-square-black-45:hover,
    .btn-square-black-45:focus,
    .btn-pill-black-30:hover,
    .btn-pill-black-30:focus,
    .btn-pill-blue-outline-45:hover,
    .btn-pill-blue-outline-45:focus,
    .btn-pill-blue-outline-45,
    .btn-pill-dark-blue-45,
    .btn-pill-dark-blue-45:hover,
    .btn-pill-dark-blue-45:focus,
    .lesson-list-item .item-icon svg,
    .header-container-course .lesson-item .item-icon svg,
    .offcanvas-lessons.timeline .lesson-item .item-icon svg,
    .course-material-content .material-item .material-number,
    .question-bar-holder .question-bar .question-icon .speech-bubble,
    .quiz-result .quiz-score,
    .quiz-retrospective-item-icon svg,
    .desktop-table .table-content .user-badges .running-out-user-badge,
    .table-accordion .accordion-button.btn-user .user-badges .running-out-user-badge,
    .desktop-table .col-user .btn-user .media-image .user-locked svg,
    .table-accordion .btn-user .media-image .user-locked svg,
    .offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .btn-info,
    .offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .icon-holder,
    .footer .nav-links a svg,
    .course-item-box .course-unavailable-content .course-unavailable-box .unavailable-icon svg,
    .offcanvas-hr .course-rating .btn-rating:hover,
    .offcanvas-hr .course-rating .btn-rating.active,
    .landing-bottom-section .feature-middle-holder,
    .landing-bottom-section .feature-middle-holder .media-image svg,
    .landing-bottom-section .feature-middle-holder .media-body h3,
    .listing-item-box .listing-item-image-holder .item-badge,
    .listing-item-box .listing-item-image-holder .item-date,
    .listing-item-box .listing-item-image-holder h2,
    .aside-holder .aside-nav ul li .btn,
    .aside-holder .aside-nav ul li .btn:hover,
    .aside-holder .aside-nav ul li .btn:focus,
    .aside-footer .aside-nav ul li .btn,
    .aside-footer .aside-nav ul li .btn:hover,
    .aside-footer .aside-nav ul li .btn:focus,
    .aside-footer .btn-user,
    .aside-holder .accordion-item .accordion-body,
    .aside-holder .custom-accordion .accordion-item .accordion-button,
    .aside-holder .custom-accordion .accordion-button:not(.collapsed),
    .aside-footer .btn-user .bottom-link a,
    .datepicker-cell.focused:not(.selected),
    .datepicker-cell.selected,
    .datepicker-cell.selected:hover,
    .datepicker-cell.selected:focus,
    .offcanvas.offcanvas-menu .btn-close,
    .btn-menu .icon-holder,
    .header .col-publish-actions .btn-action.gray,
    .btn-square-green-45,
    .btn-square-green-45:hover,
    .btn-square-green-45:focus {
        color: #ffffff;
    }

    /* font #e8eeee */
    .lesson-list-item .item-icon:hover svg.icon-play {
        color: #e8eeee;
    }

    /* font #ff8989 */
    .landing-large-icon svg,
    .landing-top-section .lead-text .text-highlight,
    .landing-section .feature-middle-holder .media-image svg {
        color: #ff8989;
    }

    /* font #da0964 */
    .btn-square-red-text-30,
    .btn-square-red-text-30:hover,
    .btn-square-red-text-30:focus,
    .desktop-table .table-content .user-badges .denied-user-badge,
    .deletable-list li svg,
    .deletable-list li .btn-link svg,
    .offcanvas-hr .add-users-list li svg,
    .offcanvas-hr .add-users-list li .btn-link svg,
    .contact-header .media-image svg,
    .notifications-holder .notification-item .notification-title .notification-icon svg,
    .chat-bot .chat-bot-header .chat-bot-icon-holder svg,
    .chat-bot .chat-bot-input .btn-send svg,
    .chat-bot .chat-bot-body .message .message-icon-holder svg,
    .active-filters-content .btn svg,
    .course-item-box .package-elements .package-cart .btn-link,
    .cart-listing .cart-item .cart-item-content .cart-item-top .cart-item-header a svg,
    .desktop-table .table-content .user-badges .denied-user-badge,
    .table-accordion .accordion-button.btn-user .user-badges .denied-user-badge {
        color: #da0964;
    }

    /* font #feab4d */
    .course-bar .course-trophy.finished svg,
    .lesson-list-item .item-badges .my-note svg.bookmark-badge,
    .lesson-list-item .item-badges svg.bookmark-badge,
    .course-inner-page-content .lesson-note .lesson-note-content svg.bookmark-badge,
    .quiz-inner-page-header .quiz-inner-page-title .quiz-trophy.finished svg,
    .question-bar-holder .quiz-trophy.finished svg,
    .desktop-table .table-content .user-badges .course-trophy svg,
    .table-accordion .accordion-button.btn-user .user-badges .course-trophy svg,
    .course-item-box .course-item-info .course-rating svg,
    .course-item-box .package-elements .package-rating svg,
    .offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .licence-remaining svg,
    .offcanvas-hr .course-rating .course-rating-badge svg.success,
    .offcanvas-hr .offcanvas-user .media-body .user-title .user-rating svg,
    .hr-user-view .media-body .user-title .user-rating svg,
    .landing-top-section .user-rating-holder .user-rating svg,
    .top-list-info .top-list-rating svg {
        color: #feab4d;
    }

    /* font #ff443d */
    del,
    .dropdown-custom .dropdown-item.logout,
    .dropdown-custom .dropdown-item.top-lista,
    .form-control.is-invalid~label,
    .was-validated .form-control:invalid~label,
    .form-floating>.form-control.is-invalid:not(:placeholder-shown)~label,
    label.is-invalid,
    .form-control.is-invalid~label,
    .was-validated .form-control:invalid~label,
    .toast.toast-warning .svg-deco,
    .toast.toast-danger .svg-deco,
    .lesson-list-item .item-badges svg.heart-badge,
    .video-content .save-to-favorites .btn.active,
    .video-content .save-to-favorites .btn.active svg,
    .desktop-table .col-status.col-status-running-out,
    .desktop-table .col-payment-deadline.col-payment-deadline-running-out,
    .table-accordion ul.table-data li span.status-running-out,
    .table-accordion ul.table-data li span.payment-dealine-running-out,
    .course-item-box .package-elements .package-cart .my-cart .package-price p del,
    .cart-listing .cart-item .cart-item-content .cart-item-bottom .cart-item-price del,
    .cart-total-holder .cart-total-price-holder del,
    .col-header-options .dropdown-cart .cart-item .cart-item-content .cart-item-bottom .cart-item-price del,
    .col-header-options .dropdown-cart .cart-total-price-holder p del {
        color: #ff443d;
    }

    /* font #248592 */
    .admin-top-notification p {
        color: #248592;
    }

    /* font #17545E */
    .admin-top-notification a {
        color: #17545E;
    }

    /* font inherit */
    .offcanvas-hr .btn-link:hover {
        color: inherit;
    }

    /* font #2ac38a */
    .landing-middle-section .feature-list p svg,
    .desktop-table .table-content .user-badges .approved-user-badge,
    .table-accordion .accordion-button.btn-user .user-badges .approved-user-badge {
        color: #2ac38a;
    }

    /* fill #D6D6D7 */
    .splide__arrow svg {
        fill: #D6D6D7;
    }

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

    /* border #323639 */
    .form-control,
    .form-control:disabled,
    .form-control[readonly],
    .form-select,
    .table-holder .controls-container .control,
    .btn-pill-white-45,
    .check-holder,
    .col-header-options .btn-user .media-image,
    .col-header-options .dropdown-cart .media-image,
    .col-header-options .dropdown-notification .media-image,
    .dashboard-header .btn-user .media-image,
    .header-top-list .top-list-item,
    .user-header .media-image,
    .contact-header .media-image,
    .hr-action-holder .hr-action-item .media .media-image,
    .desktop-table .col-user .btn-user .media-image,
    .table-accordion .btn-user .media-image,
    .offcanvas-hr .offcanvas-user .media-image,
    .hr-user-view .media-image,
    .landing-top-section .user-avatar-holder .user-avatar,
    .notifications-holder .notification-item .notification-title .notification-icon,
    .chat-bot .chat-bot-header .chat-bot-icon-holder,
    .chat-bot .chat-bot-body .message .message-icon-holder,
    .top-list-user-holder .user-image-holder .user-image,
    .listing-item-box .item-author .btn-user .media-image,
    .top-box .top-box-item .media-image,
    .col-header-options .score-option a.btn-score,
    .lesson-data-holder,
    .reorder-holder,
    .upload-holder .upload-item,
    .aside-publish .course-image .media-image,
    .aside-publish .user-image .media-image,
    .vimeo-item .media-image,
    .aside-publish .aside-box,
    .choices__inner,
    .tests-holder .custom-accordion .accordion-item {
        border: 1px solid #323639;
    }

    .aside-publish .aside-box.excel-questions-upload {
        border: 0 none;
    }

    /* border-color #323639 */
    .form-control:focus,
    .form-select:focus,
    .form-check.form-switch .form-check-input,
    .form-check.form-switch .form-check-input:focus,
    .form-check.form-switch .form-check-input:checked,
    .choices__inner:focus,
    .is-focused .choices__inner,
    .is-open .choices__inner,
    .is-open .choices__list--dropdown,
    .is-open .choices__list[aria-expanded],
    .choices[data-type*="select-one"] .choices__input {
        border-color: #323639;
    }

    /* border-top #323639 */
    .form-stacked .form-floating:first-of-type .form-control,
    .dropdown-divider,
    .load-more,
    .offcanvas-divider,
    .offcanvas-account-sum {
        border-top: 1px solid #323639;
    }

    /* border-bottom #323639 */
    .form-title,
    .col-header-options .dropdown-cart .dropdown-item:not(:last-child),
    .col-header-options .dropdown-notification .dropdown-item:not(:last-child),
    .custom-accordion .accordion-item,
    .offcanvas-lessons.timeline .offcanvas-header,
    .course-material-content .material-item .material-content,
    .desktop-table .table-content .row,
    .table-scroll .table-content tr:not(:last-child) td,
    .offcanvas-table .offcanvas-table-content .row,
    .offcanvas-account-sum ul li,
    .notifications-holder .notification-item:not(:last-child),
    .chat-bot .chat-bot-header,
    .chat-bot .chat-bot-body,
    .course-item-box .package-elements .package-cart .my-cart .package-cart-header,
    .cart-listing .cart-item,
    .col-header-options .dropdown-cart .cart-item:not(:last-child) {
        border-bottom: 1px solid #323639;
    }

    /* border-left #323639 */
    .header .menu-button .btn,
    .header-container-course .col-header-options .lessons-menu-option,
    .top-list-info .top-list-group {
        border-left: 1px solid #323639;
    }

    /* border-left #323639 */
    .splide__slide .logos-row a:nth-child(2) {
        border-left: 1px solid #323639;
    }

    /* border-right #323639 */
    .col-header-options .my-team-option,
    .col-header-options .score-option,
    .header-not-logged-in .header-not-logged-in-options .btn-link,
    .offcanvas-hr .offcanvas-user .media-body .user-progress .user-progress-data .user-progress-data-item:not(:last-child),
    .hr-user-view .media-body .user-progress .user-progress-data .user-progress-data-item:not(:last-child),
    .top-list-user-holder .user-progress-data .user-progress-data-item:not(:last-child),
    .landing-top-section .user-rating-holder .user-rating {
        border-right: 1px solid #323639;
    }

    /* border-right #323639 */
    .splide__slide .logos-row a:nth-child(2) {
        border-right: 1px solid #323639;
    }

    /* border-color #ff443d */
    .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,
    .form-stacked .form-floating .form-control.is-invalid,
    .form-stacked .form-floating:first-of-type .form-control.is-invalid {
        border-color: #ff443d;
    }

    /* border-top #ff443d */
    .form-stacked .form-floating .form-control.is-invalid,
    .form-stacked .form-floating:first-of-type .form-control.is-invalid {
        border-top: 1px solid #ff443d;
    }

    /* border #feab4d */
    .course-bar .course-mark .course-dot {
        border: 1px solid #feab4d;
    }

    /* border #D6D6D7 */
    .course-bar .course-mark.finished .course-dot,
    .course-bar .course-mark.unfinished .course-dot,
    .offcanvas-filter .bottom-filters .btn.active,
    .split-screen .split-right .user-header .media-image,
    .split-screen .content-holder .feature-top-list .btn-user .media-image {
        border: 1px solid #D6D6D7;
    }

    .form-check .form-check-input,
    .form-check .form-check-input:focus,
    .form-check .form-check-input:checked {
        border-color: #D6D6D7;
    }

    /* border #c5d1e1 */
    .btn-square-blue-text-30,
    .btn-square-red-text-30 {
        border: 1px solid #c5d1e1;
    }

    /* border #008AFB */
    .btn-pill-blue-outline-45 {
        border: 1px solid #008AFB;
    }

    /* border #5588fc */
    .aside-header .media-image,
    .aside-holder .aside-nav ul li span:last-child:not(:empty),
    .aside-footer .aside-nav ul li .btn span:last-child:not(:empty),
    .aside-footer .btn-user,
    .aside-footer .btn-user .media-image,
    .offcanvas-menu .offcanvas-header .media-image,
    .offcanvas.offcanvas-menu .btn-close {
        border: 1px solid #5588fc;
    }

    /* border-bottom #323639 */
    .section-main-nav .section-nav .btn-nav:hover,
    .section-main-nav .section-nav .btn-nav:focus,
    .section-main-nav .section-nav .btn-nav:active,
    .section-main-nav .section-nav .btn-nav.active {
        border-bottom: 1px solid #323639;
    }

    .splide__slide .logos-row a {
        border-bottom: 1px solid #323639;
    }

    /* border-bottom transparent */
    .section-main-nav .section-nav .btn-nav {
        border-bottom: 1px solid transparent;
    }

    /* popover-arrow border-color #282C2F */
    .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
    .bs-popover-end>.popover-arrow::before,
    .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
    .bs-popover-end>.popover-arrow::after {
        border-right-color: #282C2F;
    }

    .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
    .bs-popover-start>.popover-arrow::before,
    .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
    .bs-popover-start>.popover-arrow::after {
        border-left-color: #282C2F;
    }

    .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
    .bs-popover-top>.popover-arrow::before,
    .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
    .bs-popover-top>.popover-arrow::after {
        border-top-color: #282C2F;
    }

    .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
    .bs-popover-bottom>.popover-arrow::before,
    .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
    .bs-popover-bottom>.popover-arrow::after {
        border-bottom-color: #282C2F;
    }

    /* 2px borders */
    /***************/

    /* 2px border-top #323639 */
    .table-footer,
    .accordion-footer,
    .offcanvas-table .offcanvas-table-footer,
    .page-pagination-main-holder {
        border-top: 2px solid #323639;
    }

    /* 2px border-bottom #323639 */
    .desktop-table .table-header,
    .table-scroll thead th,
    .offcanvas-table .offcanvas-table-header {
        border-bottom: 2px solid #323639;
    }

    /* 2px border-bottom dashed #323639 */
    .landing-feature-section,
    .landing-section .courses-table-row .item-col {
        border-bottom: 2px dashed #323639;
    }

    /* 2px border-right #323639 */
    .desktop-table .table-header .col:not(:last-child),
    .table-accordion .accordion-button.btn-user .ordinal,
    .offcanvas-table .offcanvas-table-header .col:not(:last-child) {
        border-right: 2px solid #323639;
    }

    /* 2px border-right dashed #323639 */
    .landing-feature-section .feature-boxes-holder .feature-box,
    .landing-section .courses-table-row .item-col {
        border-right: 2px dashed #323639;
    }

    /* specific border rules */
    /*************************/

    .col-header-options .dropdown-cart .button-holder .btn {
        border: 0 none;
    }

    .course-practice-video .next-video .btn:hover,
    .video-content .next-video .btn:hover {
        border-color: rgba(0, 138, 251, .8);
        color: rgba(255, 255, 255, 0.8);
    }

    .active-border {
        border-top: 2px solid #feab4d;
        border-right: 2px solid #feab4d;
        border-bottom: 2px solid transparent;
        border-left: 2px solid transparent;
    }

    .question-bar-holder .question-bar .question-icon .speech-bubble:after {
        border-top-color: #282C2F;
    }

    .question-bar-holder .question-bar .question-icon .speech-bubble.fail:after {
        border-top-color: #ff443d;
    }

    .lds-ring div {
        border: 8px solid #008AFB;
        border-color: #008AFB transparent transparent transparent;
    }

    /* specific box-shadow rules */
    /*************************/
    .course-practice-video .next-video .next-video-box,
    .course-practice-video .next-video .next-video-box .next-video-box-arrow::after,
    .video-content .next-video .next-video-box,
    .video-content .next-video .next-video-box .next-video-box-arrow::after {
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    }

    /* dropdown multilevel menu svg color #D6D6D7  */
    .dropdown-menu.multilevel-menu li.dropdown>a::after {
        content: url('data:image/svg+xml,<svg stroke="%23D6D6D7" 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 #ff443d */
    .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 #ff443d */
    .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='%23D6D6D7' 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-control:focus icon svg */
    .form-control:focus~.icon {
        -webkit-mask-image: url('data:image/svg+xml,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 189.55 178.64"><path d="M31.19,151.51a10.23,10.23,0,0,1,1.55.62A1.37,1.37,0,0,1,34,151c2.84-.1,6.37.29,7.4,3.49.7,2.19-.65,4.22-.3,6.39.13.78.55,2.08-.11,3.22a3.25,3.25,0,0,1-3.62,1.42c-1.47-.3-2.83-1.74-3.91-2.67-2.12-1.82-5.81-4.64-6.36-7.58A3.18,3.18,0,0,1,31.19,151.51Z" transform="translate(0 -10.91)"/><path d="M133.72,152.66l.08,0c.63-1.56,1.75-2.42,3.41-1.73h.2a6.19,6.19,0,0,1-.65-.76c-.81-1.32.74-2.58,2-2,1.81.88,3.9,1.09,5.63,2.12,2.52,1.5,2.43,4.48,2,7a2.63,2.63,0,0,1-2.23,2c-.33,1.85-1.71,3.53-3.61,3.07a6.89,6.89,0,0,1-1.54,1.38c-3.55,2.13-5.6-2.28-5.83-6.53l-.06,0A2.85,2.85,0,0,1,133.72,152.66Z" transform="translate(0 -10.91)"/><path d="M7.1,92c5.32-5,23.36-12.88,23.57-.46,13.26-15.06,34.19-21.23,53.6-18-.22-.82-.47-1.61-.65-2.45a32.42,32.42,0,0,1,2.2-20.7,2.79,2.79,0,0,1-2.59-1c-2.58-3.36-3-9.28-3.88-13.36A54.3,54.3,0,0,1,78,18.22c.27-2.3,2.36-3.74,4.56-2.62,8.81,4.52,18.27,7.23,27.5,10.69a2.07,2.07,0,0,1,1,.85c1.58-.79,3.2-1.39,4.8-2.08-.05-2.6,3.31-3.72,5.53-2.32,3-1.09,5.93-2.05,8.77-2.82a2.45,2.45,0,0,1,3.21,2.18,77.76,77.76,0,0,1,22,1.83c9.78-4.79,19.46-11,30.31-13,1.87-.33,4,.82,3.9,3-.52,10.55-.22,21.89-4.09,31.88A1.94,1.94,0,0,1,184,47.11a55.11,55.11,0,0,1,3.9,13.09c3.9,22.69-15.41,45-37,50.87,5.73,4.2,3,16.17,1.07,21.59a24,24,0,0,1,11.68,13.43c5.47,15.22-3.6,31.43-18.94,35.86-11.05,3.19-21.93-3.57-27.56-12.85-9.15,2.22-18.53,2.83-28,2.89s-19.5,1-28.77-.37c-2.42-.37-2-3.88,0-4.5,7.81-2.39,16.83-1.18,24.91-1.1A273.07,273.07,0,0,0,115.09,165c-4.75-11.79.15-23.78,11.34-29.7a3.29,3.29,0,0,1,1.24-.37,1.88,1.88,0,0,1,.23-.74c-7.11-5.27-10.15-16.23-6.48-24.28a60.74,60.74,0,0,1-15.53-7.25C87.62,117.8,50.58,113.23,45,87.81a60.89,60.89,0,0,0-8.34,6.41,43.85,43.85,0,0,0-7.7,9.34,1.26,1.26,0,0,1,.18.1c13.4,2.64,23.54,16.66,15.14,29.69,0,0-.07.07-.11.11C68,140.65,63.91,190.33,33,189.54c-23.45-.6-28-32.31-15.43-48.22a38.87,38.87,0,0,1-1.85-17.88C8.88,120.59,1.35,116,.15,108-.79,101.78,2.74,96.11,7.1,92ZM83.83,22.64a66.83,66.83,0,0,0,1.73,13.61c.71,3.32,2.22,7.07,2.13,10.58C92,39.74,98.87,34,106.58,29.56A138.3,138.3,0,0,1,83.83,22.64Zm40.86,5a22.06,22.06,0,0,0,4.57,4.77,28.44,28.44,0,0,1,.11-6.53Q127,26.76,124.69,27.65Zm10.55-1.48-2.85-.33a37.22,37.22,0,0,1,0,8.71,32,32,0,0,0,3.21,1.66C134.66,32.83,134.13,28.95,135.23,26.17Zm7.64.88c-1.62-.25-3.23-.36-4.85-.56a15.36,15.36,0,0,1,.35,5.22,29.45,29.45,0,0,0,.58,5.82l.05,0a18.36,18.36,0,0,0,2.24.53.89.89,0,0,1,.48-.84c4-2.07,1.31-5.6.54-8.65A1.37,1.37,0,0,1,142.87,27Zm2.1.35a8.36,8.36,0,0,1,2.36,7,5,5,0,0,1-2.53,3.88c4.55-.44,7.45-3.71,8.55-9.13C150.63,28.42,147.81,27.87,145,27.39Zm38.5-9.57c-7,2-13.23,5.69-19.7,8.95A38.31,38.31,0,0,1,182,43.09,155.46,155.46,0,0,0,183.47,17.82ZM139.7,176c12.41,0,20.9-13.82,18.69-25.05-2.55-13-16.19-17.53-27.61-14.23a2.83,2.83,0,0,1-1.17,4C112.39,150.19,120.81,176,139.7,176Zm4.59-55.32c-.14-2.52-1-5.62-.89-8.31-.37,0-.75.11-1.12.13s-.65,0-1,0c.1,2.27-.05,4.57-.09,6.83-.06,3.6-.1,7.19-.27,10.78a23.23,23.23,0,0,1,6.17.67,39.51,39.51,0,0,0,1.4-9.42,9.91,9.91,0,0,0-.38-2.75c0,.31,0,.65,0,.94a20.76,20.76,0,0,1-2.26,10.31.87.87,0,0,1-1.61-.44A71.89,71.89,0,0,0,144.29,120.71Zm-6.74-8.23c-1.88-.05-3.76-.19-5.62-.39,1.8,5.68.69,13.2.47,18.77a1.44,1.44,0,0,1-.44,1l0,.06a25.09,25.09,0,0,1,5.91-1.52c-.17-3.67-.21-7.35-.27-11C137.6,117.08,137.45,114.76,137.55,112.48Zm-8.33,16c-.1-2.32-.2-4.64-.38-7-.26-3.32-1.21-6.73-1.24-10h-.06c0,.12-.08.25-.14.36C124.46,117.45,125.89,123.58,129.22,128.48Zm8.71-21.81C164.27,108,185.62,82,181.36,57.05c-2.64-15.48-12.49-22.95-24.54-26.89.71,9.06-5.39,15.08-15,14.58-9.37-.49-18.68-6.37-23.63-14.4C103.06,37,91,46.16,89.47,65.69a27.62,27.62,0,0,0,.83,9.12,2.2,2.2,0,0,1,1,3C97.93,95.19,121.12,105.85,137.93,106.67ZM74.47,91.89c-.11,4.12-.28,8.24-.47,12.35a43.33,43.33,0,0,0,7.58.64c-1.87-7.55-4.29-17.22-2.39-24.42a1.89,1.89,0,0,1,3.63,0c1.15,3.95.86,8.26,1.25,12.35s.93,7.92,1.36,11.88a48.08,48.08,0,0,0,10.73-2.22,1.58,1.58,0,0,1-.53-1.13q-.43-2.45-1-4.87A47.83,47.83,0,0,1,93.17,91a48.1,48.1,0,0,1-7.34-12.62,75.45,75.45,0,0,0-12.14-.06,2,2,0,0,1,.52.7C75.61,82.74,74.57,88,74.47,91.89ZM66.37,102.1a32.91,32.91,0,0,0,4.49,1.52c-.17-3.91-.34-7.83-.45-11.74s-1.14-9.14.25-12.84c.07-.19.22-.28.33-.43q-2.54.29-5,.78c0,3.18-.54,6.61-.46,9.64C65.62,93.4,65.94,97.76,66.37,102.1ZM51.78,84.26A22.2,22.2,0,0,0,63.1,100.5c-.66-3.8-1.24-7.62-1.65-11.46a51.27,51.27,0,0,1-.56-8.43,58.12,58.12,0,0,0-9.19,3.45C51.72,84.13,51.77,84.17,51.78,84.26Zm-25.35,26c-.2,0-.39-.06-.6-.08-3.12,8.12-3.63,16.91-3,26.19a22.07,22.07,0,0,1,7.45-3.23,99.31,99.31,0,0,1-2.6-12.92C27.26,117,26.66,113.56,26.43,110.21ZM38.93,117c0,.56-.1,1.11-.13,1.65a51.38,51.38,0,0,1-1.6,9.84c-.62,2.36-4.1,1.36-3.63-1a54.47,54.47,0,0,0,1-8.84c.07-1.85-.09-3.81,0-5.72a18.39,18.39,0,0,0-3.16-1.57c.13,1.48.21,3,.33,4.51a144.34,144.34,0,0,0,2,16.65c.55,0,1.08-.14,1.66-.15a2.77,2.77,0,0,1,1.19.22,23.19,23.19,0,0,1,3.84.1,1.82,1.82,0,0,1,.09-1A15.47,15.47,0,0,0,38.93,117ZM33,183.54c26.51,3.21,27-40,4.94-47.9a2.68,2.68,0,0,1-2.55,2.26,17.83,17.83,0,0,0-11.9,5.51l0,.3A2.2,2.2,0,0,1,21.29,146C12.47,158.58,15.7,181.45,33,183.54ZM16.74,117.71A63.21,63.21,0,0,1,29.16,93.23a1,1,0,0,1-.45-.59c-2.41-7.95-15.34,1.38-18.12,4S5.34,103.21,6,107.19C6.81,112.46,12.21,115.51,16.74,117.71Z" transform="translate(0 -10.91)"/><path d="M122.57,79.15c4.29,6,9.74,6.3,11.59-.84a3.88,3.88,0,0,1-.49-.83,3.68,3.68,0,0,1,.11-2.74c.29-.71.13-.9-.35-1.93a3.69,3.69,0,0,1,3.14-5.48c2.45-.11,4.65-1.15,7.13-1.15,2,0,4.05,2.18,3.24,4.25-1.06,2.71-2.73,5.47-5.61,6.38a3.46,3.46,0,0,1,.19.31c4.41,11,16.08,12.67,23.55,3.81,1.58-1.88,4.11.51,3.19,2.46C161.91,96.79,147.2,94.92,138.9,86c-5.34,8-16.46,6.89-22.53-3.2C113.95,78.74,119.93,75.45,122.57,79.15Z" transform="translate(0 -10.91)"/><path d="M153.37,53.79a13.58,13.58,0,0,1,8.82-6.13c9.18-1.83,15,7.2,12.62,15.48-.68,2.37-4.76,2.76-5.18,0-.57-3.72-1.2-9.11-5.92-8.18a6.18,6.18,0,0,0-3.89,2.59c-1.46,2.15-.47,5.27-2.62,7a3.07,3.07,0,0,1-3.58.46C149.63,62.84,151.57,56.8,153.37,53.79Z" transform="translate(0 -10.91)"/><path d="M116,50a8.73,8.73,0,0,1,7.45,3.76c2.28,3.19,2,7.11,1,10.7-.56,1.88-3.85,2.24-4.17,0a16.56,16.56,0,0,0-2-6.55c-.6-1-1.64-.9-2.66-.84-3.42.22-4.4,4.08-6,6.5-1.92,2.93-5.69,1.49-6.11-1.66C102.63,55.54,110.54,50.28,116,50Z" transform="translate(0 -10.91)"/><path d="M61.58,132.87c5.93-12.46,25.5-13.73,33.94-3.47a9.47,9.47,0,0,1,1.4,1c3.19,2.72,4.14,7.29,4,11.29-.38,10-8.32,19.05-18.77,18.34C69,159.13,55.11,146.45,61.58,132.87Zm32.25,2.53a2.81,2.81,0,0,1-1.6-.37l-1.13-.7c.74,2.76.24,6,.07,8.75a64.65,64.65,0,0,1-.83,7C94.22,146.29,95.69,139.64,93.82,135.4ZM83,141.72c0,3.75.19,7.49.45,11.22a9.59,9.59,0,0,0,3.38-.6,68.7,68.7,0,0,0,.83-10.52c.06-2.9-.52-6.11.72-8.79,0-.11.15-.16.23-.24-.63-.38-1.25-.77-1.88-1.11a10.39,10.39,0,0,0-1.18.13.92.92,0,0,1-1.11-1.19,15.64,15.64,0,0,0-1.77-.49C83.36,133.92,83,137.87,83,141.72Zm-3.58-12c-.42,0-.79-.08-1.24-.05a11.88,11.88,0,0,0-5,1.62c.12,2.85-.06,5.72,0,8.56,0,3.23.18,6.44.33,9.66a23.5,23.5,0,0,0,6.61,2.95C78.85,145,77.82,136.67,79.4,129.73Zm-9.81,16.52a67,67,0,0,1-.94-10.81c-.11.16-.26.3-.36.46C65.92,139.68,67,143.31,69.58,146.25Z" transform="translate(0 -10.91)"/></svg>');
        -mask-image: url('data:image/svg+xml,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 189.55 178.64"><path d="M31.19,151.51a10.23,10.23,0,0,1,1.55.62A1.37,1.37,0,0,1,34,151c2.84-.1,6.37.29,7.4,3.49.7,2.19-.65,4.22-.3,6.39.13.78.55,2.08-.11,3.22a3.25,3.25,0,0,1-3.62,1.42c-1.47-.3-2.83-1.74-3.91-2.67-2.12-1.82-5.81-4.64-6.36-7.58A3.18,3.18,0,0,1,31.19,151.51Z" transform="translate(0 -10.91)"/><path d="M133.72,152.66l.08,0c.63-1.56,1.75-2.42,3.41-1.73h.2a6.19,6.19,0,0,1-.65-.76c-.81-1.32.74-2.58,2-2,1.81.88,3.9,1.09,5.63,2.12,2.52,1.5,2.43,4.48,2,7a2.63,2.63,0,0,1-2.23,2c-.33,1.85-1.71,3.53-3.61,3.07a6.89,6.89,0,0,1-1.54,1.38c-3.55,2.13-5.6-2.28-5.83-6.53l-.06,0A2.85,2.85,0,0,1,133.72,152.66Z" transform="translate(0 -10.91)"/><path d="M7.1,92c5.32-5,23.36-12.88,23.57-.46,13.26-15.06,34.19-21.23,53.6-18-.22-.82-.47-1.61-.65-2.45a32.42,32.42,0,0,1,2.2-20.7,2.79,2.79,0,0,1-2.59-1c-2.58-3.36-3-9.28-3.88-13.36A54.3,54.3,0,0,1,78,18.22c.27-2.3,2.36-3.74,4.56-2.62,8.81,4.52,18.27,7.23,27.5,10.69a2.07,2.07,0,0,1,1,.85c1.58-.79,3.2-1.39,4.8-2.08-.05-2.6,3.31-3.72,5.53-2.32,3-1.09,5.93-2.05,8.77-2.82a2.45,2.45,0,0,1,3.21,2.18,77.76,77.76,0,0,1,22,1.83c9.78-4.79,19.46-11,30.31-13,1.87-.33,4,.82,3.9,3-.52,10.55-.22,21.89-4.09,31.88A1.94,1.94,0,0,1,184,47.11a55.11,55.11,0,0,1,3.9,13.09c3.9,22.69-15.41,45-37,50.87,5.73,4.2,3,16.17,1.07,21.59a24,24,0,0,1,11.68,13.43c5.47,15.22-3.6,31.43-18.94,35.86-11.05,3.19-21.93-3.57-27.56-12.85-9.15,2.22-18.53,2.83-28,2.89s-19.5,1-28.77-.37c-2.42-.37-2-3.88,0-4.5,7.81-2.39,16.83-1.18,24.91-1.1A273.07,273.07,0,0,0,115.09,165c-4.75-11.79.15-23.78,11.34-29.7a3.29,3.29,0,0,1,1.24-.37,1.88,1.88,0,0,1,.23-.74c-7.11-5.27-10.15-16.23-6.48-24.28a60.74,60.74,0,0,1-15.53-7.25C87.62,117.8,50.58,113.23,45,87.81a60.89,60.89,0,0,0-8.34,6.41,43.85,43.85,0,0,0-7.7,9.34,1.26,1.26,0,0,1,.18.1c13.4,2.64,23.54,16.66,15.14,29.69,0,0-.07.07-.11.11C68,140.65,63.91,190.33,33,189.54c-23.45-.6-28-32.31-15.43-48.22a38.87,38.87,0,0,1-1.85-17.88C8.88,120.59,1.35,116,.15,108-.79,101.78,2.74,96.11,7.1,92ZM83.83,22.64a66.83,66.83,0,0,0,1.73,13.61c.71,3.32,2.22,7.07,2.13,10.58C92,39.74,98.87,34,106.58,29.56A138.3,138.3,0,0,1,83.83,22.64Zm40.86,5a22.06,22.06,0,0,0,4.57,4.77,28.44,28.44,0,0,1,.11-6.53Q127,26.76,124.69,27.65Zm10.55-1.48-2.85-.33a37.22,37.22,0,0,1,0,8.71,32,32,0,0,0,3.21,1.66C134.66,32.83,134.13,28.95,135.23,26.17Zm7.64.88c-1.62-.25-3.23-.36-4.85-.56a15.36,15.36,0,0,1,.35,5.22,29.45,29.45,0,0,0,.58,5.82l.05,0a18.36,18.36,0,0,0,2.24.53.89.89,0,0,1,.48-.84c4-2.07,1.31-5.6.54-8.65A1.37,1.37,0,0,1,142.87,27Zm2.1.35a8.36,8.36,0,0,1,2.36,7,5,5,0,0,1-2.53,3.88c4.55-.44,7.45-3.71,8.55-9.13C150.63,28.42,147.81,27.87,145,27.39Zm38.5-9.57c-7,2-13.23,5.69-19.7,8.95A38.31,38.31,0,0,1,182,43.09,155.46,155.46,0,0,0,183.47,17.82ZM139.7,176c12.41,0,20.9-13.82,18.69-25.05-2.55-13-16.19-17.53-27.61-14.23a2.83,2.83,0,0,1-1.17,4C112.39,150.19,120.81,176,139.7,176Zm4.59-55.32c-.14-2.52-1-5.62-.89-8.31-.37,0-.75.11-1.12.13s-.65,0-1,0c.1,2.27-.05,4.57-.09,6.83-.06,3.6-.1,7.19-.27,10.78a23.23,23.23,0,0,1,6.17.67,39.51,39.51,0,0,0,1.4-9.42,9.91,9.91,0,0,0-.38-2.75c0,.31,0,.65,0,.94a20.76,20.76,0,0,1-2.26,10.31.87.87,0,0,1-1.61-.44A71.89,71.89,0,0,0,144.29,120.71Zm-6.74-8.23c-1.88-.05-3.76-.19-5.62-.39,1.8,5.68.69,13.2.47,18.77a1.44,1.44,0,0,1-.44,1l0,.06a25.09,25.09,0,0,1,5.91-1.52c-.17-3.67-.21-7.35-.27-11C137.6,117.08,137.45,114.76,137.55,112.48Zm-8.33,16c-.1-2.32-.2-4.64-.38-7-.26-3.32-1.21-6.73-1.24-10h-.06c0,.12-.08.25-.14.36C124.46,117.45,125.89,123.58,129.22,128.48Zm8.71-21.81C164.27,108,185.62,82,181.36,57.05c-2.64-15.48-12.49-22.95-24.54-26.89.71,9.06-5.39,15.08-15,14.58-9.37-.49-18.68-6.37-23.63-14.4C103.06,37,91,46.16,89.47,65.69a27.62,27.62,0,0,0,.83,9.12,2.2,2.2,0,0,1,1,3C97.93,95.19,121.12,105.85,137.93,106.67ZM74.47,91.89c-.11,4.12-.28,8.24-.47,12.35a43.33,43.33,0,0,0,7.58.64c-1.87-7.55-4.29-17.22-2.39-24.42a1.89,1.89,0,0,1,3.63,0c1.15,3.95.86,8.26,1.25,12.35s.93,7.92,1.36,11.88a48.08,48.08,0,0,0,10.73-2.22,1.58,1.58,0,0,1-.53-1.13q-.43-2.45-1-4.87A47.83,47.83,0,0,1,93.17,91a48.1,48.1,0,0,1-7.34-12.62,75.45,75.45,0,0,0-12.14-.06,2,2,0,0,1,.52.7C75.61,82.74,74.57,88,74.47,91.89ZM66.37,102.1a32.91,32.91,0,0,0,4.49,1.52c-.17-3.91-.34-7.83-.45-11.74s-1.14-9.14.25-12.84c.07-.19.22-.28.33-.43q-2.54.29-5,.78c0,3.18-.54,6.61-.46,9.64C65.62,93.4,65.94,97.76,66.37,102.1ZM51.78,84.26A22.2,22.2,0,0,0,63.1,100.5c-.66-3.8-1.24-7.62-1.65-11.46a51.27,51.27,0,0,1-.56-8.43,58.12,58.12,0,0,0-9.19,3.45C51.72,84.13,51.77,84.17,51.78,84.26Zm-25.35,26c-.2,0-.39-.06-.6-.08-3.12,8.12-3.63,16.91-3,26.19a22.07,22.07,0,0,1,7.45-3.23,99.31,99.31,0,0,1-2.6-12.92C27.26,117,26.66,113.56,26.43,110.21ZM38.93,117c0,.56-.1,1.11-.13,1.65a51.38,51.38,0,0,1-1.6,9.84c-.62,2.36-4.1,1.36-3.63-1a54.47,54.47,0,0,0,1-8.84c.07-1.85-.09-3.81,0-5.72a18.39,18.39,0,0,0-3.16-1.57c.13,1.48.21,3,.33,4.51a144.34,144.34,0,0,0,2,16.65c.55,0,1.08-.14,1.66-.15a2.77,2.77,0,0,1,1.19.22,23.19,23.19,0,0,1,3.84.1,1.82,1.82,0,0,1,.09-1A15.47,15.47,0,0,0,38.93,117ZM33,183.54c26.51,3.21,27-40,4.94-47.9a2.68,2.68,0,0,1-2.55,2.26,17.83,17.83,0,0,0-11.9,5.51l0,.3A2.2,2.2,0,0,1,21.29,146C12.47,158.58,15.7,181.45,33,183.54ZM16.74,117.71A63.21,63.21,0,0,1,29.16,93.23a1,1,0,0,1-.45-.59c-2.41-7.95-15.34,1.38-18.12,4S5.34,103.21,6,107.19C6.81,112.46,12.21,115.51,16.74,117.71Z" transform="translate(0 -10.91)"/><path d="M122.57,79.15c4.29,6,9.74,6.3,11.59-.84a3.88,3.88,0,0,1-.49-.83,3.68,3.68,0,0,1,.11-2.74c.29-.71.13-.9-.35-1.93a3.69,3.69,0,0,1,3.14-5.48c2.45-.11,4.65-1.15,7.13-1.15,2,0,4.05,2.18,3.24,4.25-1.06,2.71-2.73,5.47-5.61,6.38a3.46,3.46,0,0,1,.19.31c4.41,11,16.08,12.67,23.55,3.81,1.58-1.88,4.11.51,3.19,2.46C161.91,96.79,147.2,94.92,138.9,86c-5.34,8-16.46,6.89-22.53-3.2C113.95,78.74,119.93,75.45,122.57,79.15Z" transform="translate(0 -10.91)"/><path d="M153.37,53.79a13.58,13.58,0,0,1,8.82-6.13c9.18-1.83,15,7.2,12.62,15.48-.68,2.37-4.76,2.76-5.18,0-.57-3.72-1.2-9.11-5.92-8.18a6.18,6.18,0,0,0-3.89,2.59c-1.46,2.15-.47,5.27-2.62,7a3.07,3.07,0,0,1-3.58.46C149.63,62.84,151.57,56.8,153.37,53.79Z" transform="translate(0 -10.91)"/><path d="M116,50a8.73,8.73,0,0,1,7.45,3.76c2.28,3.19,2,7.11,1,10.7-.56,1.88-3.85,2.24-4.17,0a16.56,16.56,0,0,0-2-6.55c-.6-1-1.64-.9-2.66-.84-3.42.22-4.4,4.08-6,6.5-1.92,2.93-5.69,1.49-6.11-1.66C102.63,55.54,110.54,50.28,116,50Z" transform="translate(0 -10.91)"/><path d="M61.58,132.87c5.93-12.46,25.5-13.73,33.94-3.47a9.47,9.47,0,0,1,1.4,1c3.19,2.72,4.14,7.29,4,11.29-.38,10-8.32,19.05-18.77,18.34C69,159.13,55.11,146.45,61.58,132.87Zm32.25,2.53a2.81,2.81,0,0,1-1.6-.37l-1.13-.7c.74,2.76.24,6,.07,8.75a64.65,64.65,0,0,1-.83,7C94.22,146.29,95.69,139.64,93.82,135.4ZM83,141.72c0,3.75.19,7.49.45,11.22a9.59,9.59,0,0,0,3.38-.6,68.7,68.7,0,0,0,.83-10.52c.06-2.9-.52-6.11.72-8.79,0-.11.15-.16.23-.24-.63-.38-1.25-.77-1.88-1.11a10.39,10.39,0,0,0-1.18.13.92.92,0,0,1-1.11-1.19,15.64,15.64,0,0,0-1.77-.49C83.36,133.92,83,137.87,83,141.72Zm-3.58-12c-.42,0-.79-.08-1.24-.05a11.88,11.88,0,0,0-5,1.62c.12,2.85-.06,5.72,0,8.56,0,3.23.18,6.44.33,9.66a23.5,23.5,0,0,0,6.61,2.95C78.85,145,77.82,136.67,79.4,129.73Zm-9.81,16.52a67,67,0,0,1-.94-10.81c-.11.16-.26.3-.36.46C65.92,139.68,67,143.31,69.58,146.25Z" transform="translate(0 -10.91)"/></svg>');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
    }

    /* form-select svg color #D6D6D7 */
    .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='%23D6D6D7' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    }

    /* form-select.active svg color #334659 */
    .form-select.active,
    .form-select.paused {
        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");
    }

    /* 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 #D6D6D7 */
    .breadcrumb-item+.breadcrumb-item::before {
        content: url('data:image/svg+xml,<svg stroke="%23D6D6D7" 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 #D6D6D7  */
    .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='%23D6D6D7' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    }

    /* .form-switch  */
    .form-check.form-switch .form-check-input {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23D6D6D7'/%3e%3c/svg%3e");
    }

    .form-check.form-switch .form-check-input:focus {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23D6D6D7'/%3e%3c/svg%3e");
    }

    .form-check.form-switch .form-check-input:checked {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
        background-position: right center;
    }

    .choices[data-type*="select-multiple"] .choices__button {
        background-image: url('data:image/svg+xml,<svg fill="%23da0964" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 469.33 469.33"><path d="M256,490.67c129.6,0,234.67-105.06,234.67-234.67S385.6,21.33,256,21.33,21.33,126.4,21.33,256C21.49,385.54,126.46,490.51,256,490.67ZM256,64c106,0,192,86,192,192S362,448,256,448,64,362,64,256,150,64.12,256,64Z" transform="translate(-21.33 -21.33)"></path><path d="M176.92,335.08a21.33,21.33,0,0,0,30.17,0L256,286.17l48.92,48.92a21.33,21.33,0,0,0,30.17-30.17L286.17,256l48.92-48.92a21.33,21.33,0,0,0-30.17-30.17L256,225.83l-48.92-48.92a21.33,21.33,0,0,0-30.17,30.17L225.83,256l-48.92,48.92a21.33,21.33,0,0,0,0,30.17Z" transform="translate(-21.33 -21.33)"></path></svg>');
    }

    .choices[data-type*="select-one"] .choices__button {
        background-image: url('data:image/svg+xml,<svg fill="%23da0964" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 469.33 469.33"><path d="M256,490.67c129.6,0,234.67-105.06,234.67-234.67S385.6,21.33,256,21.33,21.33,126.4,21.33,256C21.49,385.54,126.46,490.51,256,490.67ZM256,64c106,0,192,86,192,192S362,448,256,448,64,362,64,256,150,64.12,256,64Z" transform="translate(-21.33 -21.33)"></path><path d="M176.92,335.08a21.33,21.33,0,0,0,30.17,0L256,286.17l48.92,48.92a21.33,21.33,0,0,0,30.17-30.17L286.17,256l48.92-48.92a21.33,21.33,0,0,0-30.17-30.17L256,225.83l-48.92-48.92a21.33,21.33,0,0,0-30.17,30.17L225.83,256l-48.92,48.92a21.33,21.33,0,0,0,0,30.17Z" transform="translate(-21.33 -21.33)"></path></svg>');
    }

    /* choices single chevron */
    .choices[data-type*="select-one"]::after {
        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='%23D6D6D7' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    }

    /* Media query  */
    @media (max-width: 1399px) {
        .login-footer {
            background-color: #282C2F;
        }

        .login-footer .nav-links a,
        .login-footer .content-holder.content-right p,
        .login-footer .content-holder.content-right p a {
            color: #D6D6D7;
        }
    }

    @media (max-width: 991px) {
        .search-mobile .dropdown-menu.dropdown-menu-search .search-box .input-group .select-holder .form-select {
            background-color: #282C2F;
        }

        .form-control:focus~.icon {
            background-color: transparent;
        }

        .course-menu .course-menu-item:hover,
        .course-menu .course-menu-item:active,
        .course-menu .course-menu-item.active {
            background-color: #202124;
        }

        .course-menu .course-menu-item:hover span,
        .course-menu .course-menu-item:active span,
        .course-menu .course-menu-item.active span {
            color: #008AFB;
        }

        .course-menu .course-menu-item:hover span.badge,
        .course-menu .course-menu-item:active span.badge,
        .course-menu .course-menu-item.active span.badge {
            color: #ffffff;
        }

        .course-continue .course-last-view {
            background-color: transparent;
        }

        .landing-section .courses-table-row:last-child .item-col {
            border-bottom: 2px dashed #323639;
        }
    }

    @media (max-width: 767px) {
        .hr-user-view .media-body .user-progress .user-progress-data .user-progress-data-item:not(:last-child) {
            border-bottom: 1px solid #323639;
        }

        .offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .licence-remaining {
            background-color: transparent;
        }
    }

}


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

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

@media (min-width: 992px) {
    .gx-lg-5 {
        --bs-gutter-x: 2.5rem;
    }

    .header .container-fluid {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .search-mobile {
        display: none;
    }

    .header .logo {
        display: block;
    }

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

    .chart-holder.mobile {
        display: none;
    }

    .login-section.activation-section .login-fields-holder {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        height: 100vh;
        width: 100%;
    }

    .toast {
        width: 750px;
    }
}

@media (min-width: 1200px) {
    .toast {
        width: 750px;
    }

    .video-content,
    .course-inner-page-content,
    .quiz-inner-page-content {
        width: 936px;
    }

    .hr-action-holder .hr-action-item {
        margin: 0 70px;
    }

    .hr-action-holder .hr-action-item .arrow-right {
        right: -90px;
    }
}

@media (min-width: 1400px) {
    html.no-footer-xxl {
        min-height: 0;
        position: static;
        padding-top: 0;
        padding-bottom: 0;
    }

    .login-section .logo {
        position: absolute;
        top: 30px;
        left: 27px;
        height: 45px;
        width: auto;
    }

    .login-fields-holder {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        height: 100vh;
        width: 100%;
    }

    .login-footer .content-holder.content-right p {
        margin-bottom: 0;
    }

    .toast {
        width: 750px;
    }

    .video-content,
    .course-inner-page-content,
    .quiz-inner-page-content {
        width: 936px;
    }

    .hr-action-holder .hr-action-item {
        margin: 0 90px;
    }

    .hr-action-holder .hr-action-item .arrow-right {
        right: -110px;
    }
}

@media (min-width: 1600px) {

    .table-holder .table-filters .choices,
    .table-holder .table-filters .form-select {
        width: 18rem;
    }
}

@media (min-width: 1500px) and (min-height: 900px) {
    .check-holder.check-holder-xl {
        max-height: 300px;
    }

    .error-content .media .media-image img {
        max-width: 500px;
    }

    .error-content .media .media-body h1 {
        font-size: 6rem;
    }

    .video-content,
    .course-inner-page-content,
    .quiz-inner-page-content {
        width: 1116px;
    }

    .quiz-result-options .quiz-result-text {
        padding-left: 3rem;
    }
}

@media (max-width: 1599px) {

    .page-tests .table-holder .table-filters .choices,
    .page-tests .table-holder .table-filters .form-select {
        width: 16rem;
    }
}

@media (max-width: 1499px) {
    .page-tests .table-holder .table-filters .choices,
    .page-tests .table-holder .table-filters .form-select {
        width: 14rem;
    }
}

@media (max-width: 1399px) {
    html.no-footer-xxl {
        min-height: 100%;
        position: relative;
        padding-top: 0;
        padding-bottom: 130px;
    }

    .user-item-box h2 {
        font-size: 1.2rem;
    }

    .desktop-table .col-group,
    .desktop-table .col-sector {
        min-width: 120px;
        max-width: 120px;
    }

    .desktop-table .col-progress,
    .desktop-table .col-package {
        min-width: 200px;
        max-width: 200px;
    }

    .page-tests .table-holder .table-filters .choices,
    .page-tests .table-holder .table-filters .form-select {
        width: 12rem;
    }

    .login-footer {
        position: absolute;
        bottom: 0;
    }

    .login-footer .content-holder {
        padding-top: 30px;
    }

    .login-section .content-holder .login-fields {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .login-footer .content-holder.content-right {
        align-items: center;
    }

    .login-footer .content-holder.content-right p {
        margin-top: 0;
        margin-bottom: 10px;
        text-align: left;
    }
}

@media (max-width: 1299px) {
    .page-tests .table-holder .table-filters .choices,
    .page-tests .table-holder .table-filters .form-select {
        width: 10rem;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .tests-holder .accordion-body .test-settings form {
        flex-wrap: wrap;
    }

    .tests-holder .accordion-body .test-settings .form-group.ordinal {
        width: calc(40% - 1rem);
    }

    .tests-holder .accordion-body .test-settings .form-group.time {
        width: 60%;
        margin-right: 0;
    }

    .tests-holder .accordion-body .test-settings .form-group.level,
    .tests-holder .accordion-body .test-settings .form-group.lesson {
        width: 100%;
    }
}

@media (max-width: 1199px) {
    .page-container {
        padding: 0 1.5rem;
    }

    .toast-container {
        top: 7.25rem;
    }

    .leaderline-holder {
        height: 450px
    }

    .top-list-info {
        margin-bottom: 30px;
    }

    .col-header-options .btn-user .truncate {
        white-space: nowrap;
        width: 80px;
        text-align: left;
    }

    .col-header-options .btn-user .truncate p {
        width: auto;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .col-header-options .btn-user .media-body>span,
    .col-my-courses {
        display: none;
    }

    .split-screen .content-holder .feature-top-list .btn-user .media-image {
        margin-right: 10px;
    }

    .split-screen .content-holder .feature-top-list .btn-user .media-body {
        display: unset;
    }

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

    .desktop-table .col-status {
        min-width: 0;
    }

    .course-bar .course-trophy.finished svg.firework-svg {
        display: none;
    }

    .video-content,
    .course-inner-page-content,
    .quiz-inner-page-content {
        width: 696px;
    }

    .hr-action-holder .hr-action-item {
        margin: 0 30px;
    }

    .hr-action-holder .hr-action-item .arrow-right {
        display: none;
    }

    .desktop-table .col-progress,
    .desktop-table .col-package,
    .desktop-table .col-views {
        min-width: 150px;
        max-width: 150px;
    }

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

    .desktop-table .col-status.col-status-date .date-separator {
        display: none;
    }

    .desktop-table .col-user .btn-user .media-image {
        display: none;
    }

    .desktop-table .col-user .btn-user .media-body {
        display: flex;
    }

    .cart-listing .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity label {
        display: none;
    }

    .quiz-result-options {
        flex-wrap: wrap;
    }

    .quiz-result-options .quiz-result-text,
    .quiz-result-options .quiz-result-buttons {
        flex-basis: 100%;
    }

    .quiz-result-options .quiz-result-text {
        margin-bottom: 2rem;
    }

    .landing-top-section .top-content-holder img,
    .landing-bottom-section img.footer-banner,
    .landing-section .feature-middle-holder .media-body svg {
        display: none;
    }

    .split-screen .content-holder {
        height: auto;
        padding: 50px 0;
    }

    .bar-chart {
        padding-right: 180px;
    }

    .bar-chart .bar-group:before {
        font-size: 0.75rem;
    }

    .bar-chart-info {
        width: 180px;
    }

    .bar-chart-info p {
        font-size: 0.75rem;
    }

    .aside-publish {
        position: relative;
        top: 0;
    }

    .page-lessons .header .col-publish-actions,
    .page-lessons .header .col-users-actions,
    .page-lessons .header .col-courses-actions,
    .page-lessons .header .col-tests-actions,
    .page-lesson .header .col-users-actions,
    .page-lesson .header .col-courses-actions,
    .page-lesson .header .col-lessons-actions,
    .page-lesson .header .col-tests-actions,
    .page-users .header .col-publish-actions,
    .page-users .header .col-courses-actions,
    .page-users .header .col-lessons-actions,
    .page-users .header .col-tests-actions,
    .page-user .header .col-users-actions,
    .page-user .header .col-courses-actions,
    .page-user .header .col-lessons-actions,
    .page-user .header .col-tests-actions,
    .page-course .header .col-users-actions,
    .page-course .header .col-courses-actions,
    .page-course .header .col-lessons-actions,
    .page-course .header .col-tests-actions,
    .page-courses .header .col-publish-actions,
    .page-courses .header .col-users-actions,
    .page-courses .header .col-lessons-actions,
    .page-courses .header .col-tests-actions,
    .page-tests .header .col-publish-actions,
    .page-tests .header .col-courses-actions,
    .page-tests .header .col-lessons-actions,
    .page-tests .header .col-users-actions {
        display: none;
    }

    .table-holder .table-filters .choices,
    .table-holder .table-filters .form-select {
        width: 18rem;
    }
    

    .page-tests .table-holder .table-filters .choices,
    .page-tests .table-holder .table-filters .form-select {
        width: 12rem;
    }

    .header .col-publish-actions,
    .header .col-lessons-actions,
    .header .col-users-actions,
    .header .col-courses-actions,
    .header .col-tests-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex: 1 1 auto;
    }

    .header .col-publish-actions .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        padding: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .header .col-publish-actions .btn:not(:last-child) {
        margin-right: 0.625rem;
    }

    .header .col-publish-actions .btn:last-child {
        margin-left: 0.625rem;
    }

    .header .col-publish-actions .btn svg {
        width: 1.25rem;
        height: 1.25rem;
    }

    .form-title.style-4>svg {
        display: none;
    }

    .offcanvas-hr .chosen-list-holder>svg {
        display: none;
    }

    .offcanvas-hr .offcanvas-header {
        padding: 1.25rem 4rem 1rem 1.5rem;
        min-height: max-content;
    }

    .offcanvas-hr .offcanvas-body {
        padding: 0.625rem 1.5rem 1.25rem 1.5rem;
    }

    .offcanvas-hr .offcanvas-options.offcanvas-pagination {
        padding: 1rem 1.5rem;
    }

    .offcanvas-hr .offcanvas-options.offcanvas-pagination .page-pagination-main-holder {
        padding: 0.625rem 0.75rem 0 0.75rem;
    }

}

@media (max-width: 991px) {

    html,
    html.footer-mini {
        padding-bottom: 290px;
    }

    html.no-footer-xxl {
        padding-bottom: 170px;
    }

    html.footer-without-top-footer {
        padding-bottom: 175px;
    }

    html.footer-small {
        padding-bottom: 5rem;
    }

    .header .container-fluid {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .toast-container {
        right: 1rem;
    }

    .top-banner {
        display: none;
    }

    .login-section.activation-section .login-fields-holder .top-options-holder {
        position: relative;
        padding: 0 0 30px 0;
    }

    .header-not-logged-in {
        padding: 30px 0 0 0;
    }

    .landing-top-section .landing-main-title svg {
        display: none;
    }

    .landing-top-section .feature-image-holder {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .landing-top-section .feature-image-holder svg {
        bottom: -110px;
    }

    .landing-middle-section .feature-box {
        height: auto;
        margin-bottom: 30px;
    }

    .landing-middle-section .feature-image-holder {
        margin-top: 50px;
        margin-bottom: 30px;
    }

    .header .logo {
        display: none;
    }

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

    .header .col-logo .change-logo {
        width: 160px;
        left: calc(100% + 44px);
    }

    .header .col-categories,
    .header .col-header-center,
    .header .my-team-option {
        display: none;
    }

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

    .header-container-course .header .col-header-options {
        flex: 1 0 0%;
    }

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

    .header-container-course .col-back .go-back a svg {
        margin-right: 0;
    }

    .header-container-course .col-header-options .prev-next-option {
        margin-right: 15px;
    }

    .header-container-course .col-header-options .prev-next-option .btn {
        padding: 0;
    }

    .header-container-course .col-header-options .prev-next-option svg {
        width: 35px;
    }

    .header-container-course .col-header-options .lessons-menu-option .btn {
        padding: 0 15px;
    }

    .header-container-course .col-header-options .lessons-menu-option .btn.offcanvas-button .icon-holder {
        margin-right: 10px;
    }

    .header-container-course .col-header-options .user-option .btn-user {
        padding: 0;
    }

    .header-container-course .go-back a span,
    .header-container-course .col-header-options .prev-next-option .btn-prev span,
    .header-container-course .col-header-options .prev-next-option .btn-next span,
    .header-container-course .col-header-options .lessons-menu-option .btn-lessons-menu-dropdown span.title {
        display: none;
    }

    .header-container-quiz .close-option {
        right: 12px;
    }

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

    .search-mobile .dropdown-menu.dropdown-menu-search {
        width: 100vw;
        top: 18px !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;
    }

    .search-mobile .dropdown-menu.dropdown-menu-search .search-box .input-group .select-holder {
        position: relative;
    }

    .search-mobile .dropdown-menu.dropdown-menu-search .search-box .input-group .select-holder:before {
        content: "";
        height: 30px;
        width: 2px;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .search-mobile .dropdown-menu.dropdown-menu-search .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;
    }

    .search-mobile .dropdown-menu.dropdown-menu-search .form-control {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

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

    .form-control:focus~.icon {
        -webkit-mask-image: none;
        mask-image: none;
    }

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

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

    .top-course {
        margin-bottom: 30px;
    }

    .top-course .top-course-title {
        text-align: center;
    }

    .top-course .top-course-title svg,
    .main-title .title-with-arrow svg {
        display: none;
    }

    .top-course .course-data {
        margin-top: 5px;
        margin-left: 0;
        text-align: center;
    }

    .top-course .course-status {
        justify-content: center;
    }

    .top-course .course-status>svg {
        display: none;
    }

    .top-course .course-status .course-count {
        padding-left: 0;
    }

    .top-course .course-link {
        padding-left: 0;
    }

    .course-continue {
        flex-wrap: wrap;
        margin-top: 0;
    }

    .course-continue .course-last-view {
        margin-right: 0;
        width: 100%;
        height: auto;
        box-shadow: none;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .course-continue .course-last-view-arrow {
        display: none;
    }

    .course-continue .progress.course-bar {
        margin-top: 0;
        margin-bottom: 30px;
    }

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

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

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

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

    .section-main-nav .section-nav .nav-buttons {
        display: none;
    }

    .landing-top-section.inner-front {
        padding-bottom: 1rem;
    }

    .inner-front .section-main-nav {
        height: auto;
        margin-top: 3.75rem;
        margin-bottom: 15px;
    }

    .inner-front .section-main-nav .section-nav .nav-buttons {
        display: flex;
    }

    .inner-front .section-main-nav .section-nav>svg {
        display: none;
    }

    .inner-content-section .listing-item-box .listing-item-image-holder h2 {
        bottom: 3.75rem;
        padding: 0 2.5rem;
        font-size: 1.5rem;
    }

    .inner-content-section .listing-item-box .listing-item-image-holder .item-date {
        left: 1rem;
    }

    .toast .svg-deco {
        display: none;
    }

    .error-content .media {
        flex-wrap: wrap;
        justify-content: center;
        position: relative;
        height: auto;
        top: 0;
        padding: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .error-content .media .media-image {
        margin-right: 0;
        margin-bottom: 50px;
    }

    .error-content .media .media-image img {
        max-width: 296px;
        align-self: flex-start;
    }

    .error-content .media-body {
        flex-basis: 100%;
        text-align: center;
    }

    .error-content .media .media-body .button-holder {
        flex-wrap: wrap;
        justify-content: center;
    }

    .error-content .media .media-body .button-holder .separator {
        display: block;
        width: 100%;
    }

    .error-content .media .media-body .button-holder .btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .error-content .media .media-body .button-holder .btn {
        width: 220px;
    }

    .video-content,
    .course-inner-page-content,
    .quiz-inner-page-content {
        width: 696px;
    }

    .video-content .lesson-notes {
        margin-top: 15px;
    }

    .video-content .lesson-notes .hover-notification,
    .user-header .button-holder .hover-notification {
        display: none;
    }

    .video-content .lesson-notes .lesson-note .btn {
        left: 0;
    }

    .video-content .lesson-notes .lesson-note .lesson-note-content {
        padding-left: 60px;
    }

    .course-menu {
        position: fixed;
        display: flex;
        top: auto;
        right: 12px;
        bottom: 0;
        left: 12px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .course-menu .course-menu-item {
        margin-bottom: 0;
        width: calc(100% / 5);
        height: 39px;
    }

    .course-inner-page-header,
    .quiz-inner-page-header {
        padding-left: 55px;
    }

    .course-inner-page-content .lesson-notes {
        padding-left: 55px;
    }

    .course-inner-page-header .course-inner-page-title .utility-options .utility-option .hover-notification,
    .course-material-content .material-item .material-info .hover-notification,
    .quiz-inner-page-header .quiz-inner-page-title .utility-options .utility-option.to-top .hover-notification {
        display: none;
    }

    .course-practice-video {
        margin-bottom: 30px;
    }

    .quiz-result p.quiz-time {
        padding-left: 0;
    }

    .quiz-result p.quiz-time svg {
        display: none;
    }

    .no-documents {
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .video-tutorial {
        left: 12px;
        bottom: 12px;
    }

    .hr-progress {
        margin-top: 0;
    }

    .hr-action-holder {
        margin-bottom: 0;
    }

    .hr-action-holder .hr-action-item {
        width: 100%;
        margin: 0 0 50px 0;
    }

    .hr-action-holder .hr-action-item:last-child {
        margin-bottom: 0;
    }

    .hr-action-holder .hr-action-item .media .media-body svg {
        top: 50px;
    }

    .hr-user-subtitle.vendor-hr-user-subtitle {
        margin-bottom: 30px;
    }

    .desktop-table .table-filter,
    .accordion-filter {
        padding: 0;
        margin-bottom: 10px;
    }

    .notifications-holder .notification-icon-print {
        top: 0;
    }

    .notifications-holder .notification-item .notification-title .notification-badges {
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        margin-bottom: 5px;
    }

    .tests-holder .accordion-item,
    .tests-holder .accordion-item:last-of-type {
        padding: 0 1rem;
        margin-top: 3rem;
    }

    .tests-holder .accordion-item .accordion-header>.btn-action {
        top: -1rem;
        left: unset;
        right: 0;
        z-index: 10;
    }

    .page-pagination-main-holder .page-pagination-holder.content-center .page-pagination .icon-holder a .hover-notification,
    .notifications-holder .notification-icon-print .hover-notification {
        display: none;
    }

    .page-pagination-main-holder .page-pagination-holder.content-center .page-pagination {
        margin-top: 1.25rem;
    }

    .page-pagination-main-holder .mob-order-1 {
        order: 1;
    }

    .page-pagination-main-holder .mob-order-2 {
        order: 2;
    }

    .page-pagination-main-holder .mob-order-3 {
        order: 3;
    }

    .page-pagination-main-holder .mob-order-4 {
        order: 4;
    }

    .page-pagination-main-holder .page-pagination-holder.content-right .page-pagination-total-pages {
        display: none;
    }

    .page-pagination-main-holder .page-pagination-holder .pagination-mobile-total-pages {
        font-size: 1rem;
        padding: 0;
        margin: 0 0 20px 0;
    }

    .page-pagination-main-holder .page-pagination-holder.content-left .content-left-holder {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        width: 5.25rem;
    }

    .page-pagination-main-holder .page-pagination-holder.content-left label {
        margin-right: 0;
        width: 100%;
        margin-bottom: 0.25rem;
    }

    .page-pagination-main-holder .page-pagination-holder.content-right {
        margin-top: 0;
    }

    .page-pagination-main-holder .page-pagination-holder.content-right .content-right-holder {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: wrap;
        width: 5.25rem;
    }

    .page-pagination-main-holder .page-pagination-holder.content-right label {
        width: 100%;
        margin-bottom: 0.25rem;
    }

    .page-pagination-main-holder .page-pagination-holder.content-right .form-select {
        width: 5.25rem;
        font-size: 1rem;
    }

    .add-user-licence .form-check .form-check-label svg {
        display: none;
    }

    .cart-listing .cart-item {
        padding: 20px 0 20px 30px;
        flex-wrap: wrap;
    }

    .cart-listing .cart-item .form-check {
        top: 16px;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .cart-listing .cart-item .cart-item-image {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .cart-listing .cart-item .cart-item-content .cart-item-top .cart-item-options {
        padding-right: 0;
    }

    .cart-listing .cart-item .cart-item-content .cart-item-bottom .cart-item-price {
        flex-wrap: wrap;
        flex-basis: 100%;
        height: auto;
        margin-bottom: 5px;
    }

    .cart-listing .cart-item .cart-item-content .cart-item-bottom .cart-item-price del {
        margin-right: 0;
        width: 100%;
    }

    .cart-listing .cart-item .cart-item-content .cart-item-bottom .cart-item-quantity label {
        display: inline-block;
    }

    .cart-total-holder {
        margin-top: 60px;
    }

    .cart-total-holder .cart-promo-code {
        flex-wrap: wrap;
    }

    .cart-total-holder .cart-promo-code .cart-promo-code-info {
        position: absolute;
        top: unset;
        right: 0;
        bottom: 100%;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .cart-total-holder .cart-promo-code .cart-promo-code-info .cart-promo-code-info-arrow {
        top: unset;
        bottom: -36px;
        left: 50%;
        -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);
    }

    .cart-total-holder .cart-promo-code .form-group {
        margin-bottom: 15px;
        width: 100%;
    }

    .cart-total-holder .cart-promo-code .form-group .btn {
        margin-left: 0;
        width: 100%;
    }

    .cart-total-holder .cart-promo-text {
        margin-top: 0;
    }

    .account-info .button-holder {
        margin-bottom: 20px;
    }

    .top-list-user-item:not(:first-child) {
        margin-top: 0;
    }

    .top-list-user-item:not(:last-child) {
        margin-bottom: 30px;
    }

    .landing-top-section .lead-text .icon-holder svg,
    .landing-top-section .lead-text>svg,
    .feature-middle-holder .media-body svg {
        display: none;
    }

    .landing-section .courses-table-row .item-col {
        border-right: 0 none;
    }

    .login-section .content-holder {
        padding: 30px 0;
    }

    .landing-section .courses-table-row:last-child .item-col:last-child {
        border-bottom: 0 none;
    }

    .landing-feature-section .feature-boxes-holder>svg {
        left: 0;
    }

    .login-footer .nav-links {
        justify-content: flex-start;
        text-align: left;
    }

    .login-footer .nav-links a:first-child {
        padding-left: 0;
    }

    .footer .media {
        flex-basis: 100%;
    }

    .footer .media-image {
        display: none;
    }

    .footer .nav-links {
        justify-content: flex-start;
        padding: 0 0;
    }

    .footer .nav-links a:first-child {
        padding-left: 0;
    }

    .footer-bottom-holder {
        padding: 40px 0;
    }

    .footer-bottom-holder .content-holder.content-left,
    .footer-bottom-holder .content-holder.content-right {
        width: 100%;
    }

    .footer .content-holder.content-right p {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        text-align: left;
    }

    .login-footer .content-holder.content-right p {
        line-height: 1.2;
        align-items: center;
    }

    .footer .content-holder.content-right p span,
    .login-footer .content-holder.content-right p span {
        order: 2;
        flex: 1;
    }

    .footer .content-holder.content-right p svg,
    .login-footer .content-holder.content-right p svg {
        order: 1;
        margin-right: 10px;
        margin-left: 0;
        width: 30px;
    }

    .dashboard-header {
        margin-top: 0;
    }

    .chart-actions-holder {
        margin-top: 30px;
    }

    .chart-actions .col-auto.form-group:first-child {
        max-width: 40%;
    }

    .chart-actions .col-auto.form-group:last-child {
        max-width: 60%;
    }

    .chart-holder.desktop {
        display: none;
    }

    .y-axis {
        height: 12px;
        width: 100%;
    }

    .y-axis::before {
        width: calc(100% - 46px);
        height: 1px;
        right: 0;
        left: 46px;
    }

    .y-axis .axis-item {
        flex-wrap: wrap;
    }

    .y-axis .axis-item .item-content {
        position: absolute;
        bottom: calc(100% + 10px);
        right: 0;
        padding: 0;
    }

    .y-axis .axis-item:first-child {
        top: -50%;
        right: 0;
        left: auto;
    }

    .y-axis .axis-item:last-child {
        top: -50%;
        left: 46px;
        right: auto;
    }

    .bar-chart {
        padding-right: 0;
    }

    .bar-chart-info {
        display: none;
    }

    .y-axis .axis-item .item-content h5 {
        font-size: 0.75rem;
    }

    .bar-chart {
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
        height: auto;
        margin-top: 1rem;
    }

    .bar-chart .bar-group {
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        height: auto;
        width: 100%;
        padding-left: 40px;
    }

    .bar-chart .bar-group:before {
        left: 0;
        right: 0;
        right: 100%;
        padding: 0 5px 0 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
        word-wrap: break-word;
        width: 100%;
        height: 100%;
        top: 50%;
        font-size: 0.75rem;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .bar-chart .bar-group .bar-holder:not(:last-child) {
        margin-bottom: 0.25rem;
    }

    .bar-chart .bar-group .bar {
        height: 1.25rem;
        animation: drawWidth 1s ease-in-out;
    }

    .bar-chart .bar-group .bar-holder {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-basis: 100%;
    }

    .bar-chart .bar-group .bar:first-child {
        margin-right: 0;
    }

    .bar-chart .bar-group:not(:last-child) {
        margin-right: 0;
        margin-bottom: 0.75rem;
    }

    .chart-legend-holder .legend-item .btn {
        font-size: 0.75rem;
    }

    .chart-actions-holder {
        padding-left: 0;
    }

    .chart-actions-holder svg {
        display: none;
    }

    .top-box-holder .top-box-col:not(:last-child) {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    html.footer-without-top-footer {
        padding-bottom: 213px;
    }

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

    .user-header h1 {
        font-size: 1.5rem;
    }

    .user-header p a {
        display: block;
        margin-left: 0;
    }

    .user-header p a.dark-link-underline {
        display: unset;
    }

    .user-item-box h2 svg.arrow-right {
        min-width: 40px;
        width: 40px;
    }

    .user-item-box h2 svg.arrow-left {
        display: none;
    }

    .user-header .button-holder .btn {
        flex-basis: 100%;
    }

    .user-header .button-holder .btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .header-not-logged-in.with-mobile-menu .header-not-logged-in-options {
        display: none;
    }

    .header-not-logged-in.with-mobile-menu .front-mobile-menu {
        display: flex;
    }

    .header-not-logged-in .header-not-logged-in-options {
        flex-basis: 100%;
        justify-content: center;
        margin-top: 30px;
    }

    .header-not-logged-in .header-not-logged-in-options .btn-link {
        border-right: 0 none;
        margin-right: 0;
        flex-basis: 100%;
        margin-bottom: 10px;
    }

    .header-not-logged-in .header-not-logged-in-options .btn:last-child {
        margin-left: 0;
    }

    .col-header-options .score-option {
        display: none;
    }

    .landing-top-section {
        padding-top: 50px;
    }

    .landing-top-section .landing-top-text .icon-holder,
    .landing-top-section .feature-image-holder svg,
    .landing-deco-holder .lead-text svg {
        display: none;
    }

    .landing-top-section .feature-image-holder {
        margin-bottom: 30px;
    }

    .landing-top-section .user-rating-holder .user-rating {
        width: 100%;
        height: auto;
        border-right: 0 none;
        padding-right: 0;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .landing-top-section .button-holder {
        justify-content: center;
    }

    .landing-top-section .button-holder .separator {
        display: block;
        width: 100%;
    }

    .landing-top-section .button-holder .btn {
        width: 180px;
    }

    .landing-top-section .button-holder .btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .toast-container {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .course-continue .btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .course-continue .btn {
        width: 100%;
    }

    .lesson-list-item .item-badges,
    .lesson-list-item.with-connected-practice .connected-practice-svg,
    .lesson-list-item .item-badges .my-note {
        display: none;
    }

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

    .lesson-list-item.quiz-item .item-info {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .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;
    }

    .video-content,
    .course-inner-page-content,
    .quiz-inner-page-content {
        width: 516px;
    }

    .video-content .next-video {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
    }

    .video-content .next-video .next-video-box {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .video-content .next-video .next-video-box .next-video-box-content {
        text-align: center;
    }

    .video-content .next-video .next-video-box .next-video-box-arrow {
        top: unset;
        bottom: -36px;
        left: 50%;
        -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);
    }

    .quiz-continue {
        flex-wrap: wrap;
        margin-top: 30px;
    }

    .quiz-continue .quiz-last-view {
        flex-basis: 100%;
        margin-right: 0;
        margin-bottom: 60px;
    }

    .quiz-continue .quiz-last-view-arrow {
        display: none;
    }

    .quiz-result {
        margin-left: 30px;
        margin-right: 30px;
    }

    .quiz-result-options {
        flex-wrap: wrap;
    }

    .quiz-result-options .quiz-result-text {
        padding-left: 2rem;
    }

    .quiz-result-options .quiz-result-buttons {
        flex-wrap: wrap;
        justify-content: center;
    }

    .quiz-result-options .btn {
        width: 80%;
    }

    .quiz-result-options .btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .video-tutorial {
        width: calc(100% - 24px);
        left: 0;
        right: 0;
        bottom: 12px;
        margin: 0 auto;
        flex-wrap: wrap;
    }

    .video-tutorial .video-holder {
        width: 100%;
        height: auto;
        margin: 0 auto 15px auto;
    }

    .video-tutorial .tutorial-content-top {
        margin-bottom: 15px;
    }

    .video-tutorial .tutorial-content {
        flex-basis: 100%;
    }

    .hr-progress .hr-progress-item {
        width: 100%;
        margin-bottom: 30px;
    }

    .offcanvas-hr .offcanvas-licence-section {
        justify-content: center;
    }

    .offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .licence-remaining {
        margin-right: 0;
        width: 100%;
        height: auto;
        box-shadow: none;
    }

    .offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .licence-remaining .licence-remaining-arrow,
    .offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .btn-info,
    .offcanvas-hr .add-users svg,
    .offcanvas-hr .course-rating .course-rating-badge .hover-notification,
    .offcanvas-hr .offcanvas-user .media-image .icon-holder,
    .hr-user-view .media-image .icon-holder {
        display: none;
    }

    .offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter {
        flex-basis: 100%;
        flex-wrap: wrap;
    }

    .offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .payment-data-holder {
        justify-content: center;
        flex-basis: 100%;
        margin-left: 0;
        margin-top: 1rem;
    }

    .offcanvas-hr .offcanvas-licence-section .offcanvas-licence-counter .payment-data-holder .payment-data p {
        text-align: center;
    }

    .offcanvas-hr .offcanvas-licence-section .btn-all-users,
    .offcanvas-hr .offcanvas-licence-section .btn-buy-more,
    .offcanvas-hr .offcanvas-licence-section .download-file {
        margin-top: 15px;
    }

    .offcanvas-hr .offcanvas-body .col-md-8.form-group {
        margin-bottom: 15px;
    }

    .offcanvas-hr .add-users {
        flex-wrap: wrap;
    }

    .offcanvas-hr .offcanvas-options {
        padding: 1rem 0.5rem;
    }

    .offcanvas-hr .add-users .btn,
    .offcanvas-hr .offcanvas-options .btn {
        width: 100%;
    }

    .offcanvas-hr .add-users .btn:not(:last-of-type),
    .offcanvas-hr .offcanvas-options .btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .offcanvas-hr .offcanvas-options p {
        margin-top: 0;
    }

    .offcanvas-hr .offcanvas-user .media,
    .hr-user-view .media {
        flex-wrap: wrap;
        justify-content: center;
    }

    .offcanvas-hr .offcanvas-user .media .media-body {
        flex-basis: 100%;
        margin-top: 50px;
    }

    .offcanvas-hr .vimeo-body .offcanvas-licence-section {
        position: relative;
        z-index: unset;
    }

    .offcanvas-hr .vimeo-body .offcanvas-licence-section form {
        display: block;
        width: 100%;
    }

    .offcanvas-hr .vimeo-body .offcanvas-licence-section .form-group {
        margin: 1.5rem auto 0 auto;
    }

    .offcanvas-hr .vimeo-body .offcanvas-licence-section .form-group label {
        position: relative;
        bottom: unset;
    }

    .vimeo-item .media {
        align-items: flex-start;
    }

    .vimeo-item .media-body {
        flex-basis: 100%;
        flex-wrap: wrap;
    }

    .vimeo-item .media-body .item-title {
        flex-basis: 100%;
        margin-bottom: 0.313rem;
    }

    .vimeo-item .media-body .upload-date {
        margin: 0 0 0.313rem 0;
        width: 100%;
        display: none;
    }

    .offcanvas-hr .question-holder {
        flex-wrap: wrap;
    }

    .offcanvas-hr .question-holder .question-options {
        flex-basis: 100%;
        margin-left: 0;
        margin-top: 1rem;
    }

    form.dodavanje-kontrolnog-pitanja .button-holder {
        margin-top: 2rem;
    }

    form.dodavanje-kontrolnog-pitanja .button-holder .btn,
    .add-segment .btn,
    .table-mobile-wrapper .button-holder .btn,
    .lesson-data-holder .form-group .btn,
    .element-action .button-holder .btn {
        padding: 0 1.5rem;
    }

    .aside-publish .user-image .media {
        align-items: flex-start;
    }

    form.dodavanje-kontrolnog-pitanja .button-holder>svg,
    .tests-holder .test-answers form .button-holder>svg {
        display: none;
    }

    .tests-holder .test-answers form .button-holder {
        padding-left: 0;
    }

    .tests-holder .test-answers form .button-holder .btn {
        padding: 0 1rem;
    }

    .tests-holder .tests-filter .form {
        max-width: 50%
    }

    .tests-holder .tests-filter .filter-option {
        width: 50%;
        justify-content: flex-end;
    }

    .hr-user-view .media .media-body {
        flex-basis: 100%;
        margin-top: 50px;
        padding: 0 2rem;
    }

    .offcanvas-hr .offcanvas-user .media-body .user-title .export-link .icon-holder .hover-notification,
    .hr-user-view .media .media-body .user-title .export-link .icon-holder .hover-notification {
        display: none;
    }

    .hr-user-view .media-body .user-progress .progress.course-bar {
        margin: 0;
    }

    .hr-user-view .course-bar .course-mark .course-progress-icon,
    .hr-user-view .media-body .user-progress .progress.course-bar .course-trophy {
        display: none;
    }

    .hr-user-view .media-body .user-progress .user-progress-data {
        flex-wrap: wrap;
    }

    .hr-user-view .media-body .user-progress .user-progress-data .user-progress-data-item {
        flex-basis: 100%;
        padding-left: 0;
        border-right: 0 none;
    }

    .hr-user-view .media-body .user-progress .user-progress-data .user-progress-data-item:not(:last-child) {
        border-right: 0 none;
    }

    .main-title-hr-holder .main-title-hr {
        flex-wrap: wrap;
    }

    .main-title-hr-holder .main-title-hr h1 {
        margin-bottom: 15px;
    }

    .main-title-hr-holder .main-title-hr .select-holder {
        margin: 0 0 1rem 1rem;
    }

    .main-title-hr-holder .main-title-hr .select-holder .form-select {
        max-width: 100px;
        padding: .375rem 2.25rem .375rem .75rem;
    }

    .main-title-hr-holder .main-title-hr .button-holder {
        flex-wrap: wrap;
        flex-basis: 100%;
        margin-left: 0;
        margin-bottom: 15px;
    }

    .main-title-hr-holder .main-title-hr .button-holder .btn {
        flex-basis: 100%;
    }

    .main-title-hr-holder .main-title-hr .button-holder .btn:not(:last-of-type) {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .contact-header .media-image {
        margin-right: 20px;
    }

    .contact-header .media-body .contact-title-data p a,
    .contact-header .media-body .contact-title-data ul {
        padding-left: 0;
    }

    .contact-header .media-body .contact-title .contact-message-count>svg {
        display: none;
    }

    .contact-form .button-holder {
        justify-content: center;
    }

    .contact-form .button-holder .btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .contact-form .button-holder .btn {
        width: 220px;
    }

    .contact-form .button-holder .separator {
        display: block;
        width: 100%;
    }

    .contact-header .media-body .contact-title-data ul li+li::before {
        display: none;
    }

    .contact-header .media-body .contact-title-data ul li span {
        flex-basis: 100%;
    }

    .contact-header .media-body .contact-title-data ul li a {
        margin-left: 0;
    }

    .contact-header .media-body .contact-title-data ul li {
        flex-basis: 100%;
    }

    .contact-header .media-body .contact-title-data ul li:not(:last-child) {
        margin-bottom: 5px;
    }

    .notifications-holder .notification-item .notification-title ul li {
        flex-basis: 100%;
    }

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

    .btn-chat-bot {
        right: 12px;
        bottom: 20px;
    }

    .chat-bot {
        width: 100%;
        max-width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .chat-bot .chat-bot-arrow {
        display: none;
    }

    .chat-bot .chat-bot-dialog {
        max-width: 100%;
        width: 100%;
        max-height: 100%;
        height: 100%;
    }

    .chat-bot .chat-bot-content {
        width: 100%;
        height: 100%;
    }

    .chat-bot .chat-bot-content form {
        position: absolute;
        top: 86px;
        left: 0;
        right: 0;
        bottom: 0;
        max-height: 100%;
    }

    .chat-bot .chat-bot-body {
        position: relative;
        max-height: unset;
        height: calc(100% - (74px));
    }

    .chat-bot .chat-bot-input {
        height: 74px;
    }

    .course-item-box .package-elements .package-cart .my-cart {
        position: fixed;
        z-index: 1050;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .course-item-box .package-elements .package-cart .my-cart .package-cart-arrow,
    .tests-holder .tests-filter .filter-option svg.figure {
        display: none;
    }

    .tests-holder .tests-filter {
        margin-bottom: 1.875rem;
    }

    .tests-holder .accordion-body .test-settings form {
        flex-wrap: wrap;
    }

    .tests-holder .accordion-body .test-settings .form-group.ordinal {
        width: calc(40% - 1rem);
    }

    .tests-holder .accordion-body .test-settings .form-group.time {
        width: 60%;
        margin-right: 0;
    }

    .tests-holder .accordion-body .test-settings .form-group.level,
    .tests-holder .accordion-body .test-settings .form-group.lesson {
        width: 100%;
    }

    .tests-holder .test-answers .answer-holder {
        flex-wrap: wrap;
    }

    .tests-holder .test-answers .answer-options {
        flex-basis: 100%;
        margin-left: 0;
        margin-top: 1rem;
    }

    .tests-holder .test-answers .answer-options .form-check {
        width: auto;
    }

    .account-info .button-holder {
        flex-wrap: wrap;
        justify-content: center;
    }

    .account-info .button-holder p {
        margin-top: 15px;
        margin-left: 0;
        text-align: center;
    }

    .feature-logo-holder {
        padding: 0;
    }

    .landing-feature-section .feature-boxes-holder {
        flex-wrap: wrap;
    }

    .landing-feature-section .feature-boxes-holder .feature-box:first-of-type {
        padding-left: 2rem;
    }

    .landing-feature-section .feature-boxes-holder .feature-box {
        border-right: 0;
    }

    .landing-feature-section .feature-boxes-holder>svg {
        top: -80px;
    }

    .landing-bottom-section .feature-middle-holder .media-image {
        margin-right: 15px;
    }

    .landing-bottom-section .feature-middle-holder .media-image img {
        max-width: 70px;
    }

    .landing-bottom-section .feature-middle-holder .media {
        align-items: flex-start;
    }

    .account-info .button-holder .login-section .login-fields .login-networks a:not(:last-child) {
        margin-left: 0;
    }

    .split-screen .content-holder .content-item,
    .split-screen .split-right .content-holder .content-item {
        width: 100%;
    }

    .split-screen .content-holder .content-item .user-header .media {
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }

    .split-screen .content-holder .content-item .user-header .media-body {
        flex-basis: 100%;
        margin-top: 50px;
    }

    .split-screen .content-holder .feature-courses,
    .split-screen .content-holder .feature-holder {
        padding-left: 0;
    }

    .split-screen .split-right .content-holder .media-body p span svg {
        display: none;
    }

    .split-screen .content-holder .feature-holder {
        flex-wrap: wrap;
    }

    .split-screen .split-right .content-holder .feature-my-team,
    .split-screen .split-right .content-holder .feature-top-list {
        width: 100%;
    }

    .split-screen .split-right .content-holder .feature-my-team {
        margin-bottom: 50px;
    }

    .split-screen .content-holder .all-courses-button-holder {
        justify-content: flex-start;
    }

    .leaderline-holder {
        height: 650px;
    }

    .leaderline-holder .unregistered {
        top: 300px;
        left: 28px;
    }

    .leaderline-holder .scissors {
        right: 0;
    }

    .leaderline-holder .scissors svg {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90eg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .leaderline-holder .hours {
        top: 450px;
        right: 0;
    }

    .leaderline-holder .hours .element-marker.bottom {
        right: auto;
        left: 0;
        bottom: 18px;
        -webkit-transform: translateY(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(-50%);
    }

    .leaderline-holder .average {
        top: 500px;
        right: auto;
        left: 30px;
    }

    .leaderline-holder .average .element-marker {
        top: 50px;
        left: auto;
        right: 0;
        -webkit-transform: translateY(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%);
    }
}

@media (max-width: 575px) {
    .video-content {
        width: calc(100% - 24px);
        margin-right: auto;
        margin-left: auto;
    }

    .course-inner-page-content,
    .quiz-inner-page-content {
        width: 100%;
    }
}

@media (max-width: 428px) {
    .hr-action-holder .hr-action-item .media .media-body svg {
        top: 70px;
    }
}

@media (max-width: 375px) {
    .course-purchase-holder .course-purchase-content {
        flex-wrap: wrap;
    }

    .course-purchase-holder .course-purchase-content .btn {
        width: 100%;
    }

    .course-purchase-holder .btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .offcanvas-hr .course-rating .btn-rating:not(:last-child) {
        margin-right: 5px;
    }

    .offcanvas-hr .course-rating .course-rating-badge {
        position: relative;
        margin-left: 10px;
    }
}

@media (max-width: 320px) {

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

    .col-header-options .dropdown-cart .dropdown-content {
        max-height: 18rem;
    }

    .offcanvas-hr .course-rating span {
        min-width: 70px;
        max-width: 70px;
    }

    .offcanvas-hr .course-rating .course-rating-badge {
        margin-left: 5px;
    }
}


/* Key frames animations */
@keyframes spin {
    100% {
        -webkit-transform: rotateZ(405deg);
        -moz-transform: rotateZ(405deg);
        -ms-transform: rotateZ(405deg);
        -o-transform: rotateZ(405deg);
        transform: rotateZ(405deg);
    }
}

@keyframes animate-opacity-1 {
    0% {
        opacity: 0;
    }

    70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes animate-opacity-2 {
    0% {
        opacity: 0;
    }

    70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes animate-opacity-3 {
    0% {
        opacity: 0;
    }

    70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes lds-roller {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}