html, body {
    font-size: 16px !important;
}
.float-right {
    float: right;
}
[dir=ltr] .h1, [dir=ltr] .h2, [dir=ltr] .h3, [dir=ltr] .h4, [dir=ltr] .h5, [dir=ltr] .h6, [dir=ltr] h1, [dir=ltr] h2, [dir=ltr] h3, [dir=ltr] h4, [dir=ltr] h5, [dir=ltr] h6 {
    font-family: Roboto;
    color: #343434;
    font-weight: 500;
}

[dir="ltr"] a:hover {
    color: #000000;
}

.layout-bare {
    padding: 0;
    margin: 0;
    min-height: 100%;
}
/*  -------- INNER PAGES ---------- */

.image img {
    max-width: 100%;
}
/* header */
.nav > li > a:hover, .nav > li > a:focus
{
    background-color: transparent;
}

.navbar-light {
    background-color: white;
}
.navbar-brand img {
    width: 40px;
    height: auto;
    margin-right: 0.5rem;
}
.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.sidebar-menu-button i{
    margin-right: 0.5rem;
}
.login-wrapper {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}
.profile_link {
    width: auto;
}
[dir=ltr] .navbar-light .navbar-nav .nav-link {
    font-size: 22px;
    color: rgba(0,0,0,0.6);
    font-weight: 400;
}
[dir=ltr] .navbar-light .navbar-nav .nav-link:hover {
    color: #343434;
    text-decoration: underline;
}
[dir=ltr] a {
    color: #555555;
    background-color: auto;
}
[dir=ltr] a.button {
    color: #000000;
    background-color: #FFDD00;
    text-decoration: none;
}
[dir=ltr] a.button.button-outline {
    color: #007CB9;
    text-decoration: none;
    background-color: transparent;
}

[dir=ltr] a.button:hover {
    text-decoration: none;
}
[dir=ltr] .button-outline:hover {
    text-decoration: none !important;
    /*background-color: #007CB9;
    color: white !important;*/
    opacity: 0.7;

}

/** removing dark BG sidebar */
[dir=ltr] .bg-dark {
    background-color: transparent !important;
}
[dir=ltr] .sidebar-dark .sidebar-menu-button, [dir=ltr] .sidebar-dark .sidebar-menu-toggle-icon,
[dir=ltr] .sidebar-dark .sidebar-menu-icon{
    color: #343434;
    font-weight: 500;
}
[dir=ltr] .sidebar-dark .sidebar-heading, [dir=ltr] .sidebar-dark .sidebar-heading>a, [dir=ltr] .sidebar-dark .sidebar-text, [dir=ltr] .sidebar-dark p {
    color: #aaa;
}
[dir=ltr] .sidebar-dark .sidebar-menu-button:hover {
    color: #343434;
    opacity: 0.6;
}
[dir=ltr] .sidebar-dark .sidebar-menu-button:hover .sidebar-menu-icon, [dir=ltr] .sidebar-dark .sidebar-menu-button:hover .sidebar-menu-toggle-icon {
    color: #343434;
}

[dir=ltr] .sidebar-dark.sidebar-left {
    border: none !important;
}

/** removing dark BG sidebar ---- END ---- */


[dir=ltr] a.button.button-outline:hover {
    color: #343434;
}
[dir=ltr] .btn-primary {
    background-color: #FFDD00;
    color:#000000;
    border-radius: 30px;
    border:2px solid #000000;
}

[dir=ltr] .btn-primary:hover {
    border:2px solid #333333;
}
[dir=ltr] .btn-group-sm>.btn, [dir=ltr] .btn-sm {
    padding: .35rem .7rem;
    font-size: 0.9rem;
    text-transform: uppercase;
    line-height: 1.5;
    border-radius: 30px;
}

[dir=ltr] .media {
    align-items: center;
}
[dir=ltr] .layout-fluid .page__container {
    max-width: 1200px;
}
.card.br-15 {
    border-radius: 15px;
}
    /* all forms */
.help-block-error {
    color: red;
}
.back_block_wrapper {
    padding: 2rem;
}

[dir=ltr] .alert.fade:not(.show)
{
    opacity: 1;
}

/* profile - edit */

.pe-profile-photo {
    position: relative;
}
.pe-profile-photo .dropzone {
    min-height:210px;
    height: 210px;
    width: 210px;
    overflow: hidden;
}
.pe-profile-photo .dropzone .dz-preview {
    left:0;
    width: 100%;
}
.pe-profile-photo {
    text-align: center;
}
.pe-profile-photo img {
    max-width: 100%;

    width: auto;

}
.virf-photo-placeholder {
    width: 206px;
    height: 206px;
    border: 2px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    color: #ccc;
    line-height: 1.5;
}
.dropzone .dz-message
{
    font-size: 20px;
}
.dropzone .dz-message,
.dropzone .dz-message:before{
    color: #36ade0;
}
.dropzone {
    /*border-color:#36ade0 ;*/
    position: relative;
}

.dropzone.error .dz-message,
.dropzone.error .dz-message:before{
    color: red;
}
.dropzone.error {
    border-color:red;
}

.dropzone .dz-message {
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px 0 20px;
    width:100%;
}
.dz-upload-label {
    color:white;

    font-size: 20px;
    line-height: 26px;
    cursor: pointer !important;
    padding: 0 20px 0 20px;
}
.dz-empty .dz-upload-label {
    color: #343434;
}
.dz-details {
    cursor: pointer !important;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
}
.dz-details .dz-filename,
.dz-details .dz-size {
    display:none;
}
.dropzone {
    padding: 0;
    border-radius: 8px;
}
.dropzone .dz-preview {
    margin: 0;
    position: absolute;
    height: 100%;
}
.dropzone .dz-preview .dz-image {
    border-radius: 0 !important;
    width: 100%;
    height: 100%;
}

.library .card .bage-price {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px;
}
#tab-lessons {
    margin: -1.25rem;
}

[dir=ltr] .navbar-dark .navbar-nav .nav-link:focus, [dir=ltr] .navbar-dark .navbar-nav .nav-link:hover
{
    background-color: transparent !important;
    color: white;
}
.img-course {
    display: block;
    text-align: center;
}
.img-course img {
    width: auto;
    max-height: 250px;
    max-width: 80%;
}
.course-single .image {
    text-align: center;
    padding-top: 20px;
}
.course-single .image img {
    width: auto;
    max-height: 300px;
}
.course-evaluation .image {
    padding-top: 0px;
}
.ptbl_inner {
    margin-bottom: 0;
}

#spinner {
    display: none;
}
#message-block {
    display: none;
}

#message-image-block {
    display: none;
}

/* --- profile - update form -- */
#croppie {

}


/* --- profile - course - single --*/

.profile-course-single .product_top_block {
    background-color: transparent;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.profile-course-single .ptb_right {
    color: #545454;
}
.profile-course-single .product_description,
.profile-course-single .product_info{
    font-size: 16px;
    font-weight: 400;
}
.profile-course-single .product_info p {
    margin-bottom: 0.5rem;
}
.profile-course-single .ptb_left  {
    width: 43%;
}
.ptbl_inner img {max-height: 600px;}
.profile-course-single .ptb_right  {
    width: 56%;
}
.color-red {
    color: red;
}
.expired-button {
    line-height: 40px;
    font-size: 20px;

}


/* ---- LESSONS VIEW -------*/
.video-fullscreen-wrapper,
.lesson-view-wrapper {
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
}
.video-fullscreen-wrapper iframe,
.lesson-view-wrapper iframe{
    border: none;
}
.video-fullscreen-wrapper iframe,
.video-fullscreen-wrapper video,
.lesson-view-wrapper iframe{
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;

}

.lesson-view-wrapper {
    /*top:68px;*/
    /*height: calc(100% - 68px);*/
}

.lesson-nav {
    position: fixed;
    z-index: 2;
    top: -70px;
    width: 100%;
    left: 0;
    background-color: white;
    padding: 10px 15px;
    z-index: 2000;
    transition: all 0.3s ease-out;
    padding-right: 80px;
}
.lesson-nav.nav-visible {
    top: 0;
}

.button,
.lesson-nav .button,
.lesson-nav .button-outline {
    font-size: 19px;
    min-width: 190px;
}
.lesson-nav .button-outline {
    margin-right: 16px;
}

.stp_inner {
    position: relative;
}
.product_img img {
    width: 80%;
}


.lesson-nav .navbar-brand{
    margin-top: 3px;
}
.lesson-menu-btn-wrapper {
    position: fixed;
    right: 0;
    top: 0;
    background-color: white;
    z-index: 2001;
}
.lesson-menu-btn-wrapper .lesson-navbar-toggler {
    width: 64px;
    height: 64px;
    border: none;
    background-color: #343434;
    color:white;
    opacity: 0.5;
    outline: none;
}
.lesson-menu-btn-wrapper .lesson-navbar-toggler:hover {
    opacity: 1;
}
.modal {
    overflow: visible;
    max-width: 550px;
}
.jquery-modal.blocker {
    z-index: 99999;
}

.lesson-li .media-right {
    display: flex;
    justify-content: center;
    align-items: center;
}
.lesson-li .media-right .lesson-li-col {
    min-width: 50px;
    padding: 0 5px;
}
.lesson-li-col .alert-info {
    font-size: 0.8rem;
    padding: 5px 12px;
}

.btn-download span {
    width: 20px;
    height: 20px;
    background-color: white;
    -webkit-mask: url(./../img/download.svg) no-repeat center;
    mask: url(./../img/download.svg) no-repeat center;
}
[dir=ltr] .btn-sm.btn-download {
    padding: 6px 9px;
}
.product_meta {
    margin-top: 1rem;
}
.product-status-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
}

.icon-warning {

    background:url('../img/warning.svg');
}

.icon-check {
    background:url('../img/check.svg');
}
[dir=ltr] a.btn-disabled {
    border-color: #888888;
    color: #888888;
}

[dir=ltr] a.btn-disabled:hover, [dir=ltr] a.btn-disabled:focus, [dir=ltr] a.btn-disabled:active {
    border-color: #888888;
    color: #888888  !important;
    background: #FFDD00 !important;
    cursor: not-allowed !important;
}


.container-test {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.text-hint {
  color: #999;
    font-size: 13px;
}
[dir=ltr] .test-block.card {border-radius: 15px;
    max-width: 900px;
    width: 100%;
    overflow: hidden ;
}
.test-block-header, .test-block-footer, .test-block-content { padding-left: 20px; padding-right: 20px;}
.test-block-content {padding-top: 1rem; padding-bottom: 1rem;}
.test-block-header h1 {font-size:1.4rem ; margin-bottom: 0; line-height: 1.3em; padding-top: 1.3rem; padding-bottom: 1.1rem}
.test-block-content h2 {    color: #363636;    font-size: 28px;}
.test-block-header {border-bottom: 1px solid #f1f1f1;}
.test-block-footer {border-top: 1px solid #f1f1f1; padding-top: 1rem; padding-bottom: 1rem;}
.test-block-header__block {
    font-size: 19px;
    color: #666;
}
.test-answers-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    overflow-x: hidden;
    overflow-y: auto;
}
.test-answers-wrapper .test-answer {
   /* -webkit-box-flex: 0;
    -ms-flex: 0 1 49%;
    flex: 0 1 49%;*/
    flex: 0 1 100%;
    margin-bottom: 1rem;
    border-radius: 5px;
    border: solid 1px rgba(217,216,230,.7);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    will-change: box-shadow;
    -webkit-transition: -webkit-box-shadow .15s ease-out;
    transition: -webkit-box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out,-webkit-box-shadow .15s ease-out;
    cursor: pointer;
    position: relative;
    background-color:white;
    display: flex;
}

.test-answers-wrapper .test-answer.test-answer-image{
     -webkit-box-flex: 0;
       -ms-flex: 0 1 49%;
       flex: 0 1 49%;
}

.test-answers-wrapper .test-answer:hover {
    border-color:rgba(0, 124, 185,0.4);
    box-shadow: 0px 1px 5px rgba(0, 124, 185,0.2);
}
.test-answers-wrapper .test-answer.active  {
    border-color:rgba(0, 124, 185,0.9);
    background-color: rgba(0, 124, 185,0.05);
    box-shadow: 0px 1px 5px rgba(0, 124, 185,0.2);
}
.test-answers-wrapper .test-answer label {margin-bottom: 0; padding: .8rem 1rem; width: 100%; cursor: pointer;}
.test-answers-wrapper .test-answer input { margin-right: 0.5rem;}
.test-answers-wrapper .test-answer.test-answer-correct::after {
    content: '';
    background-color: green;
    position: absolute;
    right: 12px;
    top: 21px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
.test-block-footer_wrapper {display: flex;}
.test-block-footer_button {width: auto;}
.test-block-footer_progress-bar {flex-grow: 2; padding-right: 2rem}
.test-block-footer_progress-line {
    height: 8px;
    background-color: rgba(0, 124, 185,0.3);
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0, 124, 185,0.3);
}
.test-block-footer_progress-line span {
    height: 6px; display: inline-block;
    background-color: rgba(0, 124, 185,0.9);
    position: absolute;
    transition: all .25s ease-out;
}
.test-block-footer_progress-label {
    font-size: 14px;
    margin-top: -2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.test-block-footer_progress-label-counter {
    color: rgba(0, 124, 185,0.9);
    font-size: 18px;
    font-weight: bold;
}
.match-item-placeholder {
    background-color: #ccc;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-height:53px;

    margin-bottom: 1rem;

    width: 100%;

}
.test-answer-match::before {

}
.test-block-footer_progress-line.test-block-footer_progress-line-no-strict
{
    background-color: white;
    border: 1px solid rgba(0, 124, 185,0.3);

}
.test-block-footer_progress-line.test-block-footer_progress-line-no-strict span {
    background-color: rgba(0, 124, 185,0.3);
}

.test-block-footer_progress-line.test-block-footer_progress-line-no-strict  span.result-progress-bar {
    background-color: rgba(0, 124, 185,0.9);
}

.test-block-footer_progress-bar.test-passed .test-block-footer_progress-label-counter {
    color: #61bd4f;
}
.test-block-footer_progress-bar.test-passed .test-block-footer_progress-line.test-block-footer_progress-line-no-strict  span.result-progress-bar {
 background-color: #61bd4f;
}
.test-block-footer_progress-bar .ok-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: url('/img/check_list.png') center center no-repeat #61bd4f;
    background-size: 75%;
    float: right;
    margin-left: 0.5rem;
    position: relative;
    top: 2px;
    display: none;

}
.test-block-footer_progress-bar.test-passed .ok-icon {
    display: block;
}

.test-answer-image {
    position: relative;
    overflow: hidden;
}
.test-answer-image img {
    object-fit: contain;
    display: block;
    width: 100%;
    height: 200px;
}
.test-answer.test-answer-image input
{
    display: none;
}
.test-answer.test-answer-image:hover {
    box-shadow: 0px 2px 6px rgba(0, 124, 185,0.3);
}
.test-answer.test-answer-image.active {
    border-color: rgba(0, 124, 185,1);
    box-shadow: 0px 2px 6px rgba(0, 124, 185,0.5);
}
.test-answer.test-answer-image.active:after {
    content: "";
    position: absolute;
    right: 1.2rem;
    top: 1rem;
    background: url(../img/check-blue.svg) center center no-repeat;
    width: 24px;
    height: 24px;
    background-color: white;
    border-radius: 24px;
}
.test-block-footer_progress-container {
    display: none;
}
.test-pass-block {
    justify-content: space-between;
}

.test-pass-block .main_col {
    flex:0 1 100%;
}
.test-pass-block-with-image .main_col{
    flex:0 1 49%;
}
.test-pass-block-with-image.answer_type_2 {
    flex-direction: column;
    flex:0 1 100%;
}
.test-pass-block .img_block {
    text-align: center;
}
.test-pass-block .img_block a {
    display: inline-block;
    border: none;
    margin: 0 auto;
    height: 100%;
}
.test-pass-block .img_block a img {
    max-height: 100%;
    max-width: 100%;
}
.test-pass-block {
    display: flex;
}

.test-block-review {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #f1f1f1;
}

#question-form-wrapper {
    min-height: 300px;
    line-height: 1.65em;
}
#question-form-wrapper .alert {
    font-size: 1rem;
}
.q-number {
    background-color: rgba(0, 124, 185,0.9);
    color: white;
    display: inline-block;
    padding:3px 5px; margin-right: 0.5em;
}
[dir=ltr] input.question-answer-input {
    line-height: 42px;
    border:1px solid #f1f1f1;
    border:1px solid #ccc;
    /*border:1px solid rgba(0, 124, 185,0.3);*/
    border-radius:3px;
    font-size: 16px;
    color: #545454;
    padding-left: 10px;
    padding-right: 10px;
    font-weight:bold;
    padding-top: 0;
    padding-bottom: 0;
    background-color: rgba(0,0,0,0.01);
}
[dir=ltr] input[type=checkbox], [dir=ltr] input[type=radio] {
    cursor: pointer;
}
[dir=ltr] .test-answers-wrapper  input[type=checkbox],
[dir=ltr] .test-answers-wrapper  input[type=radio] {
    width: 18px;
    height: 18px;
    position: relative;
    top: 3px;
}
.test-pass-block .main_col {
    margin-bottom: 1rem;
}
.test-timer-wrapper {
    display: none;
}
.test-timer {
    display: flex;
    font-size: 30px;
    height: 64px;
    align-items: center;
    float: right;
    color: #999;
}
[dir=ltr]  .badge-info {
    background-color: rgba(0, 124, 185,0.1);
    border: 1px solid #ddd;
    padding: 4px 11px;
    display: inline-block;
    margin-bottom: 1rem;
    border-radius: 5px;
    font-size: 14px;
    color: #545454;
}

/** ------  WIZARD ---------**/
.wizard_wrapper, .card.wizard_wrapper {
    padding: 20px 20px;
    border-radius:15px;
}
#users-dd {
    position: absolute;
    background-color: white;
    padding: 0px 0px;
    width: calc(100% - 40px);
    left: 20px;
    box-shadow: 3px 3px 6px #ccc;
    border-radius: 3px;
    max-height: 40vh;
    overflow-y: auto;
}
.wizard_user__item {
    padding: 5px 15px;
    border-bottom: 1px solid #f1f1f1;
    cursor: pointer;
}
.wizard_user__item:hover {
    background-color: #f1f1f1;

}

.wizard_search_form {
    background-color: rgba(102,187,106,0.2);
    padding: 9px 16px 0 16px;
    border-radius: 5px;
}
.wizard_search_form__label {
    font-weight: 400;
    color: green;
}
.wizard_user_edit_form {
    margin-top: 1rem;
}
.wizard_search_form input {
    margin-bottom: 0.5rem;
}

.wizard_user_edit_form label
{
    font-weight: 300;
    text-transform: uppercase;
    color: #666;
    font-size: 0.8rem;
    margin-bottom: 0.2rem;

}
.ispring-mobile .lesson-menu-btn-wrapper {
    display: none;
}
.payments-wrapper {
    padding: 18px 30px 3px 30px;
}
.library-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.library-heading h2 {
    margin-bottom: 0;
}
#show_expired {
    border: 1px solid #007CB9;
    padding: 5px 15px;
    border-radius: 3px;
}
#show_expired:hover {
    background-color: white;
    text-decoration: none;
}

.eval_question_header {
    text-align: center;
    padding-top: 4em;
}
.eval_question_header h3 {
    margin-bottom: 0;
}
[dir=ltr] .course-evaluation .list-group-item {
    padding-bottom: 2rem;
}
[dir=ltr] .course-evaluation .list-group .list-group-item:first-child {
    border-top: none;
}
[dir=ltr] .course-evaluation .list-group .list-group-item:last-child {
    border-bottom: none;
}
[dir=ltr] .course-evaluation  textarea.form-control {
    background-color: #f1f1f1;
}

[dir=ltr] button.button-sm {
    font-size: 20px;
    min-width: 230px;
    text-transform: uppercase;
    line-height: 1;
    border-radius: 5px;
}
.back_block_wrapper_course_evaluation .button-outline-sm {
    width: 270px;
}
.back_block_wrapper_course_evaluation .button-outline-sm:hover {
    text-decoration: none;
    color: white;
}
#leave-review-comment {
    border-width: 1px;
    text-transform: uppercase;
    float: right;
    border-radius: 5px;
    border-color: #666;
    color:#666;
    margin-top: 10px;
    opacity: 0.7;
    font-size: 1rem !important;
    padding: 0.5em 0.5em 0.5em 0.5em;
    line-height: 1.6rem;

}
#leave-review-comment:hover {
    color: white;
    border-color: #007CB9;
    /*color:#666;*/
    opacity: 1;

}

.test-block-review {
    padding-left: 20px;
    padding-right: 20px;
    background-color: rgba(0,0,0,0.07);
}
.test-difficulty, .test-relevance {
    margin-bottom: 0.5rem;
    /*
    position: relative;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #f0f1f2;
    margin-bottom: 20px;
    padding: 3px 15px;
    border-radius: 4px;
    box-shadow: 2px 3px 3px rgb(56 59 61 / 30%);*/
}
.test-difficulty_title, .test-relevance_title, #test-review-comment label{
    margin-right: 5px;
    /*text-transform: uppercase;*/

    font-size: 14px;
}
.test-difficulty_value, .test-relevance_value {
    color: #666;

}
.test-difficulty_value:nth-child(2), .test-relevance_value:nth-child(2) {
    font-size: 100%;
}
.test-difficulty_value:nth-child(3), .test-relevance_value:nth-child(3) {
    font-size: 110%;
}
.test-difficulty_value:nth-child(4), .test-relevance_value:nth-child(4) {
    font-size: 130%;
}
.test-difficulty_value:nth-child(5), .test-relevance_value:nth-child(5) {
    font-size: 140%;
}
.test-difficulty_value:nth-child(6), .test-relevance_value:nth-child(6) {
    font-size: 150%;
}
.test-difficulty_value:nth-child(7), .test-relevance_value:nth-child(7) {
    font-size: 170%;
}
.test-relevance_value.active,
.test-difficulty_value.active {
    color: #007CB9;
    font-weight: bold;
}
#slider-test-relevance .ui-slider-handle,
#slider-test-difficulty .ui-slider-handle {
    background: white;
    border-radius: 50%;
    border: 2px solid rgba(0, 124, 185,0.9);
    border: 1px solid #999;
}
#slider-test-relevance.ui-widget-content,
#slider-test-difficulty.ui-widget-content  {
    background: rgba(0, 124, 185,0.9);
    background: #999;
}
#slider-test-relevance .ui-slider-range,
#slider-test-difficulty .ui-slider-range  {
    background: rgba(0, 124, 185,0.9);
    background: #ccc;
}
.ui-slider-horizontal {
 height: 8px;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.4em;
}

#test-review-comment {
    margin-top: 30px;
}
#test-review-comment textarea {
    width: 100%;
    min-height: 100px;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #f0f1f2;
    margin-bottom: 20px;
    padding: 3px 15px;
    border-radius: 4px;
    /*box-shadow: 2px 3px 3px rgb(56 59 61 / 30%);*/
}
#test-review-comment label {
    font-weight: normal;
}
.test-answer-correct {
    background-color: #E3FFE3 !important;
}
.report-answers img {max-width:400px;}

@media (max-width:1200px)
{
    .product_img img {
        max-width: 80%;
    }

}

@media (max-height: 700px)
{

    .single_top_product .product_img img{
        width: 50%;
    }
    .single_top_product .stp_inner {
        padding: 25px 25px;
    }
}

@media (min-width: 768px)
{


}

@media (max-width: 920px) and (orientation: landscape) {
    .lesson-menu-btn-wrapper {
        display: none;
    }
    .lesson-nav {
        display: none;
    }
}

@media (max-width: 768px)
{
    #inactiveModal .button {
        margin-bottom: 0.5rem;
    }

    [dir=ltr] .mdk-drawer__scrim {
        background-color: white;
    }



    .lesson-nav {
        padding: 0;
        top: 0;
        max-width: 100%;
        height: 100%;
        overflow: hidden;
        transition: all 0.3s;
        left: -100%;
    }
    .lesson-nav.nav-visible {

        left: 0;
    }
    .lesson-menu-btn-wrapper .lesson-navbar-toggler {
        width: 50px;
        height: 50px;
    }
    .lesson-nav a.logo-flex {
        height: 70px;
    }
    #rec,
    #lesson-pause{
        width: 80%;
        margin-right: 10%;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    #lesson-pause { margin-top: 0 }

    /* Course */
    .profile-course-single .ptb_left,
    .profile-course-single .ptb_right {
        width: 100%;
    }

    .back_block_wrapper {
        border-top:1px solid #f1f1f1;

        padding-right: 1.25rem;
        padding-left: 1.25rem;
        padding: 1rem;
    }
    .profile_update_photo_col {
        margin-bottom: 2rem;
    }

    [dir=ltr] .back_block_wrapper__resources .card .media-left {
        display: none;
    }

    .back_block_wrapper__lessons .media,
    .back_block_wrapper__tests .media {
        display: block;
    }
    .back_block_wrapper__lessons .media-body,
    .back_block_wrapper__tests .media-body {
        float: left;
        width: 90%;
        display: block;
        margin-bottom: 0.5rem;

    }
    .back_block_wrapper__lessons  .media-left,
    .back_block_wrapper__tests  .media-left{
        float: left;
    }
    .lesson-li .media-right {
        display: block;
    }
    .lesson-li .media-right .lesson-li-col.text-center {
        text-align: left !important;
    }
    .list-group-item.lesson-li {
        padding: .75rem .75rem;
    }
    [dir=ltr] .alert-info {
        font-size: 13px;
        display: block;
        padding: 3px 5px;
        float: left;
        margin-bottom: 5px;
    }
    [dir=ltr] .card .lesson-li  .media-left {
        padding-right: .25rem;
    }
    [dir=ltr] .card  .lesson-li  .media-right
    {
        padding-left: 0;
        display: grid;
        width: 100%;
        grid-template-columns: 1fr 40px;
        grid-gap: 10px;
        text-align: center;
    }
    [dir=ltr] .card  .lesson-li  .media-right grid-item:nth-child(1) { order: 1; }
    .lesson-li-col-download { order: 2; padding: 0 !important; min-width: 40px }
    .lesson-li-col-progress { order: 1; }
    .lesson-li-col-button {order: 3; column-span: 2}

    .lesson-li-col-progress {
        font-size: 14px;
        float: left;
        height: 34px;
        display: flex;
        align-items: center;
    }
    .lesson-li-col-button {
        float: right;
    }
    .lesson-li-col-download {
        float: right;
    }
    .test-li-col-preview {
        float: left;
    }
    .test-li-col-start {
        float: right;
    }


    /* test */
    [dir=ltr] .test-block.card
    {
        margin-top: 70px;
        margin-bottom: 70px;
    }
    .test-block-content h2
    {
        font-size: 18px;
    }
    .test-answers-wrapper .test-answer label {
        font-size: 16px;
        font-weight: normal;
    }
    .test-block-footer_wrapper {
        flex-direction: column-reverse;
    }
    .test-block-footer_button {
        margin-bottom: 1rem;
        display: flex;
        flex-direction: column;
    }
    .test-block-footer_button .button {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    .test-block-footer_button .button:last-child {
        margin-bottom: 0;
    }
    .test-block-footer_progress-bar {

    }
    .test-block-footer_button input[type="submit"] {
        width: 100%;
    }
    .test-block-footer_progress-bar {
        padding-right: 0;
    }

    .test-timer {
        font-size: 24px;
    }

    #leave-review-comment {
        margin-top: 1.5rem;
        width: 100%;
    }
    #leave-review-comment:hover {

    }

    .button.lesson-continue {
        margin-bottom: 1rem;
    }
    .test-pass-block {
        flex-direction: column;
    }
    .test-pass-block-with-image .main_col{
        flex:0 1 100%;
    }

    .payments-wrapper {
        padding: 18px 15px 3px 15px;
        overflow-y: auto;
    }

    [dir=ltr] .course-evaluation .list-group-item {
        padding-left: 0;
        padding-right: 0;
    }
    .course_evaluation__info {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .certificate-validation-container {
        padding: 2rem 2.5rem;
    }
    h1.block_title {
        font-size:2rem;
    }
    .evaluation-check {
        display: block;
        margin: auto;
        width:3rem;
    }

}
@media (max-width: 359px)
{
    [dir=ltr] .container-fluid.page__container,
    .back_block_wrapper{
        padding-right: .5rem;
        padding-left: .5rem;
    }
}
.lm-icon {
    height: 20px;
    width: auto;
    filter: invert(1);
}

.arrow_right{
    padding-right: 40px;
    background: url('data:image/svg+xml,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.8436 15.4023L33.3436 16.8024L18.0436 33.1024L16.6436 31.7024L31.8436 15.4023Z" fill="black"/><path d="M18.0436 0.602295L16.6436 2.00232L31.8436 18.3023L33.3436 16.8023L18.0436 0.602295Z" fill="black"/><path d="M31.1428 15.7024H0.842773V17.9023H31.1428V15.7024Z" fill="black"/></svg>') no-repeat right center;
    background-size: 24px; /* Ширина стрілки */
    background-position: calc(100% - 10px) center;
}

.arrow_right_white{
    padding-right: 40px;
    background: url('data:image/svg+xml,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.8436 15.4023L33.3436 16.8024L18.0436 33.1024L16.6436 31.7024L31.8436 15.4023Z" fill="white"/><path d="M18.0436 0.602295L16.6436 2.00232L31.8436 18.3023L33.3436 16.8023L18.0436 0.602295Z" fill="white"/><path d="M31.1428 15.7024H0.842773V17.9023H31.1428V15.7024Z" fill="white"/></svg>') no-repeat right center;
    background-size: 24px; /* Ширина стрілки */
    background-position: calc(100% - 10px) center;
}

@media (max-width: 768px)
{
    .lesson-li-new .media-right{
        grid-template-columns: none !important;
    }

    .btn-primary.btn-sm{
        margin-top:10px;
    }

    .lesson-li-new .media-body{
        line-height: 24px;
    }
}