@font-face {
    font-family: Sarabun;
    src: url(Sarabun-Medium.tff);
}

body {
    font-family: 'K2D', sans-serif;

    background: rgba(255,166,0,0.3);
    /* background: linear-gradient(90deg, rgba(255,166,0,0.3) 0%, rgba(255,255,255,0.7399334733893557) 50%, rgba(255,166,0,0.3) 100%); */
}

.hide {
    display: none !important;
}

.error {
    color: red !important;
}

.error.valid {
    display: none !important;
}

.center {
    top: 35vh !important;
}

.text-black {
    color: #000 !important;
}

.main-bg-color {
    background-color: #fcb045 !important;
}

.main-font-color {
    color: black !important;
}

.text-bold {
    font-weight: 900 !important;
    font-weight: bold !important;
}

.navigation .navigation-menu-body ul li>a.active,
.navigation .navigation-menu-body ul .chat-block .chat-sidebar .chat-sidebar-content .list-group li>.active.list-group-item,
.chat-block .chat-sidebar .chat-sidebar-content .list-group .navigation .navigation-menu-body ul li>.active.list-group-item,
.navigation .navigation-menu-body ul .header form .input-group .input-group-append li>button.active.btn,
.header form .input-group .input-group-append .navigation .navigation-menu-body ul li>button.active.btn {
    color: #000 !important;
}

.navigation .navigation-menu-body ul li>a.active:after,
.navigation .navigation-menu-body ul .chat-block .chat-sidebar .chat-sidebar-content .list-group li>.active.list-group-item:after,
.chat-block .chat-sidebar .chat-sidebar-content .list-group .navigation .navigation-menu-body ul li>.active.list-group-item:after,
.navigation .navigation-menu-body ul .header form .input-group .input-group-append li>button.active.btn:after,
.header form .input-group .input-group-append .navigation .navigation-menu-body ul li>button.active.btn:after {
    background-color: #fcb045 !important;
}

.navigation-menu-group ul li>a:hover {
    color: #fcb045 !important;
}

.pagination .page-item.active .page-link {
    background: #fcb045 !important;
    border-color: transparent;
}

.dropdown-menu>a:hover {
    color: #fcb045 !important;
}

body.form-membership .form-wrapper {
    border-radius: 0rem !important;
}

.dotted {
    list-style-type: circle !important;
}