:root {
    --button_bg: #304269;
    --button_hover: #91bed4;
}
.artjoker-elementor-add-on h3 {
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}
.search-block .search-block-buttons {
    text-align: right;
}
.search-block .search-block-buttons .search-button {
    padding: 5px 15px;
    background-color: #fff;
}
.search-block .search-block-buttons .search-button:hover {
    background-color: var(--button_bg);
}
.search-block .search-block-buttons .search-button:hover svg path {
    fill: #ffffff;
}
.search-block .search-block-buttons svg {
    height: 25px;
}
.quizzes-list-block .quizzes-wrapper .quiz-item  {
    border: 2px solid #e2e7ed;
    border-radius: 6px;
    margin: 15px 0;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.quizzes-list-block .quizzes-wrapper .quiz-item:hover {
    box-shadow: 1px 2px 10px #dedede;
}
.quizzes-list-block .quizzes-wrapper .quiz-item .result-color {
    width: 25px;
    height: 25px;
    border-radius: 50%;
}


.ld_course_grid .course {
    position: relative;
}
.ld_course_grid .course .buttons-list, .ld_course_grid .course .close,.ld_course_grid .course .buttons-list-info  {
    position: absolute;
    top: 10px;
    right: 10px;
}
.ld_course_grid .course .close {
    background-color: #304269;
    border-radius: 50%;
    padding: 5px;
    width: 30px;
    height: 30px;
}
.ld_course_grid .course .buttons-list button, .ld_course_grid .course .buttons-list-info .icon-wrapper {
    background-color: #304269;
    border-radius: 50%;
    display: block;
    padding: 5px;
    width: 30px;
    height: 30px;
    position: relative;
}
.ld_course_grid .course .buttons-list button:hover, .ld_course_grid .course .close:hover, .ld_course_grid.in-bookmarks .course .buttons-list button {
    background-color: #fff;
}
.ld_course_grid .course .buttons-list button:hover svg path, .ld_course_grid .course .close:hover svg path, .ld_course_grid.in-bookmarks .course .buttons-list button svg path {
    fill: #304269;
}
.ld_course_grid .course .buttons-list button svg, .ld_course_grid .course .close svg {
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ld_course_grid .course .buttons-list button svg path, .ld_course_grid .course .close svg path {
    fill: #fff;
}
.ld_course_grid .course .buttons-list-info svg {
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ld_course_grid .course .buttons-list-info svg path {
    fill: #fff;
}
.ld_course_grid .course .bookmarks-users-popup {
    position: absolute;
    top: -180px;
    left: 0;
    width: 100%;
    height: 175px;
    background-color: #fff;
    z-index: 10;
    transition: all 0.5s ease-in-out;
}
.ld_course_grid .course .bookmarks-users-popup.active {
    top: 0;
}
.ld_course_grid .course .select-wrapper {
    padding: 25px 5px 5px 5px;
}
.ld_course_grid .course .select-wrapper .select2-selection {
    position: relative;
}
.ld_course_grid .course .select-wrapper .select2-selection .select2-selection__rendered {
    position: absolute;
    top: 102%;
    max-height: 97px;
    overflow-y: scroll;
    margin: 0;
    width: 100%;
}
.ld_course_grid .course .select-wrapper .select2-selection .select2-selection__rendered .select2-selection__choice {
    display: block;
}
.ld_course_grid .course .select-wrapper .select2-selection .select2-selection__rendered .select2-selection__choice__remove {
    height: 100%;
}
.ld_course_grid .course .bookmarks-users-popup .courses-preloader {
    background-color: var(--button_bg);
}
/* width */
.ld_course_grid .course .select-wrapper ::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.ld_course_grid .course .select-wrapper ::-webkit-scrollbar-track {
    /*background: #f1f1f1;*/
    background: none;
}

/* Handle */
.ld_course_grid .course .select-wrapper ::-webkit-scrollbar-thumb {
    background: var(--button_bg);
    border-radius: 10px;
}

/* Handle on hover */
.ld_course_grid .course .select-wrapper ::-webkit-scrollbar-thumb:hover {
    background: var(--button_hover);
}

.courses-preloader {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.courses-preloader svg {
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    animation: courses-preloader-animation;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes courses-preloader-animation {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
/*Quiz*/
.wpProQuiz_results.custom .custom-result {
    display: block;
}
.wpProQuiz_results .custom-result {
    display: none;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
}
.custom-result .custom-result-data {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin: auto;
}
.custom-result #result-count {
    padding: 0 10px;
}
.wpProQuiz_quiz .wpProQuiz_question .questionList-wrapper .prev-text, .wpProQuiz_quiz .wpProQuiz_question .questionList-wrapper .next-text {
    display: none;
}
.wpProQuiz_quiz .wpProQuiz_question {
    border-top: none !important;
}
.wpProQuiz_quiz.custom .wpProQuiz_question .questionList-wrapper {
    position: relative;
}
.wpProQuiz_quiz.custom .wpProQuiz_question .questionList-wrapper .prev-text {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.wpProQuiz_quiz.custom .wpProQuiz_question .questionList-wrapper .next-text {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.wpProQuiz_quiz.custom .wpProQuiz_question .wpProQuiz_questionList {
    display: flex;
    justify-content: center;
    gap: 15px;
}
.wpProQuiz_quiz.custom .wpProQuiz_question .wpProQuiz_questionList .wpProQuiz_questionListItem {
    max-width: 60px;
}
.wpProQuiz_quiz.custom .wpProQuiz_question .wpProQuiz_questionList .wpProQuiz_questionListItem label {
    cursor: pointer;
}
.ld-table-list-column-result_total {
    position: relative;
}
.ld-table-list-column-result_total .result-color {
    position: absolute;
    top: -3px;
    right: 0;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
.wpProQuiz_content {
    max-width: 100%;
}
.wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion ol, .wpProQuiz_reviewDiv .wpProQuiz_reviewLegend {
    display: inline-block;
    text-align: center;
}
.wpProQuiz_reviewDiv .wpProQuiz_reviewButtons {
    display: flex;
}
.wpProQuiz_content .wpProQuiz_quiz.custom {
    max-width: 100%;
    width: 800px;
    margin: auto;
}
@media screen and (max-width: 767px) {
    .wpProQuiz_content {
        padding: 0;
    }
    .wpProQuiz_quiz.custom .wpProQuiz_question .questionList-wrapper .prev-text, .wpProQuiz_quiz.custom .wpProQuiz_question .questionList-wrapper .next-text {
        top: -20px;
        transform: none;
    }
    .wpProQuiz_quiz.custom .wpProQuiz_question .wpProQuiz_questionList {
        gap: 5px;
    }
    .wpProQuiz_quiz.custom .wpProQuiz_question .wpProQuiz_questionList .wpProQuiz_questionListItem label {
        /*width: 52px;*/
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

/*Admin bookmarks*/
.admin-bookmarks-dashboard-block .group-item {
    border: 2px solid #e2e7ed;
    border-radius: 6px;
    margin: 15px 0;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}
.admin-bookmarks-dashboard-block .group-item:hover {
    box-shadow: 1px 2px 10px #dedede;
}
.admin-bookmarks-dashboard-block .group-item .title-block {
    width: 100%;
}
.admin-bookmarks-dashboard-block .group-item .title-block .title {
    font-size: 25px;
}
.admin-bookmarks-dashboard-block .group-item .courses-block {
    width: 100%;
}
.admin-bookmarks-dashboard-block .group-item .courses-block .course-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    border: 1px solid #e2e7ed;
    padding: 5px;
    border-radius: 5px;
}
.admin-bookmarks-dashboard-block .group-item .courses-block .course-item:hover {
    box-shadow: 1px 2px 10px #dedede;
    background-color: #f1f1f1;
}
.admin-bookmarks-dashboard-block button {
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.admin-bookmarks-dashboard-block button > svg {
    height: 20px;
}
.admin-bookmarks-dashboard-block button > svg path {
    fill: #fff;
}
#uo-quiz-report-table .result-total {
    position: relative;
    text-align: center;
}
#uo-quiz-report-table .result-total .result-color {
    position: absolute;
    top: -3px;
    right: 0;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
.site-navigation .login-button.menu-item {
    padding-bottom: 5px;
}
.site-navigation .login-button.menu-item > a {
    border-radius: 20px;
    border: 2px solid #fff;
    padding: 10px 40px;
    line-height: 1 !important;
    cursor: pointer;
    transition: background-color 0.5s ease-in-out;
}
.site-navigation .login-button.menu-item > a:hover {
    background-color: var(--button_hover);
    color: #fff;
}
.logged-in .site-navigation .login-button.menu-item > a:hover {
    background-color: initial;
    color: #fff;
}
.logged-in .site-navigation .login-button.menu-item {
    padding: 0px 1em;
}
.logged-in .site-navigation .login-button.menu-item > a {
    border: none;
    padding: initial;
    line-height: 1 !important;
    cursor: pointer;
    transition: background-color 0.5s ease-in-out;
}
.logged-in .site-navigation .account-button.menu-item > a:hover {
    background-color: initial;
}
.site-navigation .account-button .group-leader-item.menu-item {
    display: none;
}
.administrator-logged-in .site-navigation .account-button .group-leader-item.menu-item, .group-leader-logged-in .site-navigation .account-button .group-leader-item.menu-item {
    display: flex;
}
.site-navigation .account-button.menu-item .sub-menu, .main-header-bar-navigation .site-navigation .account-button.menu-item > a::after {
    display: none;
}
.logged-in .site-navigation .account-button.menu-item .sub-menu, .logged-in .main-header-bar-navigation .site-navigation .account-button.menu-item > a::after {
    display: block;
}
.logged-in .site-navigation .account-button.menu-item {
    padding-bottom: 5px;
}
.logged-in .site-navigation .account-button.menu-item > a {
    border-radius: 20px;
    border: 2px solid #fff;
    padding: 10px 40px;
    line-height: 1 !important;
    cursor: pointer;
    transition: background-color 0.5s ease-in-out;
}
/*.logged-in .site-navigation .account-button.menu-item > a:hover {*/
/*    background-color: var(--button_hover);*/
/*    color: #fff;*/
/*}*/
@media screen and (max-width: 767px) {
    .account-button.menu-item {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .account-button.menu-item .menu-link::after {
        display: none !important;
    }
    .account-button.menu-item .ast-menu-toggle {
        top: 50% !important;
        transform: translateY(-50%);
    }
    .ld-button.login-button.menu-item {
        border-top: 1px solid #eaeaea;
    }
    .site-navigation .ld-button.login-button.menu-item {
        padding-top: 5px;
    }
    .site-navigation .ld-button.login-button.menu-item a {
        line-height: 40px !important;
        border: 2px solid #fff;
    }
    .logged-in .site-navigation .ld-button.login-button.menu-item a {
        border: none;
    }
}
/*Pagespeed*/
html {
    overflow-x: hidden;
}
@media screen and (max-width: 767px) {
    .mobile-home-first-screen {
        min-height: calc(100Vh - 100px);
    }
}
.learndash-wrapper .ld-tabs .ld-tabs-content {
    border: none;
}
.wpProQuiz_content {
    padding-left: 0;
    padding-right: 0;
}
.wpProQuiz_content .wpProQuiz_reviewDiv {
    border: none;
}
.wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion {
    overflow: hidden;
    padding-top: 20px;
}
.wpProQuiz_content .wpProQuiz_listItem {
    box-shadow: none;
}
/*action button fix*/
.learndash-wrapper > .ld-content-actions .ld-content-action {
    flex-basis: 225px;
}