@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@100&display=swap');
body, a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video {
    font-family: 'Sarabun', sans-serif !important;
}
h6, h6 a {
    line-height: 30px;
}
body {
    color: black;
}
.course-content .title {
    height: 85px;
}
.color-red {
    color: red;
}
.note-editor.note-frame .note-editing-area .note-editable {
    background-color: #eff0f1;
}
.form-control {
    height: 45px !important;
    background-color: #eff0f1 !important;
}
.view-all-accent-btn {
    margin-top: 20px;
    margin-bottom: 20px;
    color: white;
}
.eventtime-block {
    display: inline-block;
    width: 100%;
}
.eventtime-block select {
    width: 40%;
    display: inline-block;
}
#preview-cover {
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 300px;
    max-height: 500px;
}
.color-gray {
    color: #7f7f7f;
}
.small-date-post {
    font-size: 12px;
}
.btn-trainingsurf {
    line-height: 0 !important;
}
.swal2-popup {
    font-size: 16px !important;
}
.category {
    padding: 30px;
}
.category > h6 {
    text-align: center;
}
.widget-ft .widget-title {
    color: #f06969;
}
.flat-info ul li a {
    color: white !important;
}
.flat-categories {
    background: url(../images/bg2.jpeg) no-repeat center center fixed;
    background-size: cover;
}
#footer {
    background: inherit;
    background-color: #f0f2f9;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="email"] {
    color: #000 !important;
}
.flat-popular-courses .owl-carousel .owl-item img {
    height: 190px;
}
.icon-design img[src=""] {
    display: none !important;
}
#header.style2.v2 #main-nav ul.submenu {
    width: 260px;
    overflow-y: scroll;
    height: 460px;
}
.header-admin {
    position: fixed;
    background-color: black;
    width: 100%;
    height: 25px;
    font-size: 12px;
    padding-top: 0;
    bottom: 0;
    z-index: 999999;
}
.header-admin > p {
    display: inline-block;
    color: white;
}
.header-admin > p > a {
    color: #ffb606;
}
.none {
    display: none !important;
}
.img-vline {
    height: 155px;
}
.course-img img {
    height: 100%;
}

@media (max-width: 450px) {
    .course-img img {
        height: 250px;
    }
    .course-content {
        font-size: 16px;
    }
    .course.text-ec5252 .teacher a {
        color: #ec5252;
        font-size: 16px;
    }
    .course-content .title {
        height: 65px;
    }
}