.flashcard-link.__none {
    cursor: not-allowed;
}
.card-searchi {
    width: 100%;
    background: white;
    border-radius: 0.5rem;
    margin: 0 0 1rem 0;
    padding: 3% 3% 4% 3%;
    box-shadow: 3px 2px 8px #d0d0d052;
}
.flex-form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 1.3rem 0 0 0;
}
#wordSearchiResult{
    text-transform: uppercase;
}
.no-found{
    background: white;
    width: 100%;
    border-radius: 0.5rem;
    padding: 4rem 0;
    text-align: center;
    box-shadow: 3px 2px 8px #d0d0d052;
}
input#search-input {
    background: #efefef;
    margin: 0;
    flex: 1;
}
.settings-flex {
    display: flex;
    width: auto;
}
.clearable__clear {
    padding: 10px 17px 6px 17px;
    margin: 0px 0px 0px 0.4rem;
}
.search-btn {
    padding: 6px 15px;
    margin: 0px 0px 0px 0.4rem;
}
.li-position {
    padding: 0 7px 0 7px !important;
    margin: 0 0 1.6rem 0;
}
.content-card {
    margin: 1% 0;
}
.course-btn {
    transition: 0.25s;
}
.course-btn.active {
    opacity: 0.8;
    transform: unset;
    border: 0;
    outline: 0;
    pointer-events: none;
}
.background-has-history{
    background-color: #f1f4ff;
    font-weight: 700;
    color: rebeccapurple;
}
/*course-read*/
.card-lesson {
    width: 14.5%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border-radius: 0.4rem;
    background: white;
    list-style-type: none!important;
    margin: 0 1.7% 1.5% 0;
    padding: 1.3rem!important;
}
.card-lesson:hover{
    background: #d5d5d5;
}
.url-card-course {
    background-color: white;
    border-radius: 0.4rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.card-media-course-read-img{
    width: 81%;
    height: auto;
    margin: 0 auto;
}
.uk-slider-items-course-read{
    display: flex;
    flex-wrap: wrap;
}
.card-media-course-read-img img {
    width: 72px;
    height: 72px;
    margin: 0 auto;
}
.filter-1{
    filter: invert(57%) sepia(10%) saturate(9000%) hue-rotate(34deg) brightness(111%) contrast(170%);
}
p.title-null {
    font-size: 0px;
    height: 0;
    width: 0;
}
/* ../ course-read*/

@media only screen and (max-width: 1280px) {
    li.li-position {
        max-width: 25%;
    }
}
@media only screen and (max-width: 1024px) {
    li.li-position {
        max-width: -webkit-fill-available;
    }
}

@media only screen and (max-width: 800px) {
    .card-lesson {
        width: 22.5%;
    }
}


@media only screen and (max-width: 768px) {
    .card-lesson {
        width: 31%!important;
    }
}




@media only screen and (max-width: 600px) {
    .md\:w-5\/12.md\:h-60.h-40.overflow-hidden.rounded-l-lg.relative {
        border-radius: 0.3rem 0.3rem 0 0;
    }
    .h-40 {
        height: 18rem;
    }
    .card-lesson {
        width: 46.5%!important;
        margin: 0 3.5% 3.5% 0;
    }
    .card-media-course-read-img {
        width: 75%;
    }
}



@media only screen and (max-width: 414px) {
    .h-40 {
        height: 14rem;
    }
}
@media only screen and (max-width: 384px) {
    .mb-flex {
        overflow: auto;
        display: flex;
        white-space: nowrap;
        flex-wrap: inherit;
        padding: 0 0 1rem 0;
    }
}