@font-face {
	font-family:Aquawax-Regular;
	src:url("fonts/Aquawax-Regular-trial.ttf");
}
@font-face {
	font-family:Roboto-Regular;
	src:url("fonts/Roboto-Regular.ttf");
}
body {
    margin: 0;
    padding: 0;
	background-color: #e9e9f1 !important;
	font-family:Roboto-Regular !important;
}
a {
    color: #000;
	text-decoration:none !important;
}
img {
	max-width: 100%;
}
ol, ul {
	margin: 0 !important;
}
.text-right {text-align:right;}
.base_color {
	color: #7700ab;
}
.base_color_2 {
	color: #f50;
}
.font-bold {
	font-weight: bold;
}
.w100 {
	width: 100%;
}
.mg0 {
	margin: 0 !important;
}
.mgl0 {
	margin-left: 0;
}
.mgr0 {
    margin-right: 0;
}
.mgt0 {
    margin-top: 0;
}
.mgb0 {
    margin-bottom: 0;
}
.pd0 {
	padding: 0 !important;
}
.pdl0 {
	padding-left: 0 !important;
}
.pdr0 {
    padding-right: 0 !important;
}
.mt-30 {margin-top: 30px;}
.mb-30 {margin-bottom: 30px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}
.h30 {height:30px;}
.uppercase {
	text-transform: uppercase;
}
.desktop {
	display: block !important;
}
.mobile {
	display: none !important;
}
.text-center {
	text-align: center;
}
.cb:after {
	clear: both;
	content: '';
    display: block;
}
.text-danger {
    color: red;
}
.text-success {
	 color:#04AA6D;
}
.css-scroll {
    overflow-y: scroll;
    margin-bottom: 20px;
    padding-right: 5px;
}
.css-scroll::-webkit-scrollbar {
    width: 12px;
}
/* Track (thanh chua)*/
.css-scroll::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Handle (thanh scroll)*/
.css-scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,255,255,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.css-scroll::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,255,255,0.4); 
}
.css-scroll .table {margin-bottom:0;}
.tableFixHead thead th { position: sticky; top: -1px; z-index: 1; }

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
.pagination {
    list-style: none;	
    text-align: center;
    margin: 20px;
}
.pagination a, .pagination strong {
    background: #fff;
    display: inline-block;
    padding: 5px 15px;
    text-decoration: none;
	line-height: 1.5em;
	 border: 0; outline: 0;
	color: #8A5359;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:13px;
	font-weight:bold;
	border: 1px dotted #f50;
    margin-left: 3px !important;
}
.pagination a:hover {
    background-color: #f50;
    color: #fff;
}
.pagination a:active, .pagination li.active a {
	background: #f50;
	color:#fff;
}
.pagination strong {
    color: #fff;
    background-color: #BEBEBE;
}
.clearfix::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
html[xmlns] .clearfix {
display: block;
}
.pagination {
	display: block;
	text-align:center;
}
.pagination>li {
    display: inline-block;
}

.search-results {
	text-align: left;
}
.top-after-header .box_icon.box_warp.box_no_border {
    z-index: 99999;
}
.top-after-header .col-md-12 a:hover {
    background-color: initial !important;
}
ul.single-question-vote, .single-question-vote-result {
	display: none;
}
.about-user ul li:nth-child(even) {
    width: 45%;	
}

.css-scroll {
    max-height: 270px;
    overflow-y: scroll;
    margin-bottom: 20px;
    padding-right: 5px;
}
.css-scroll::-webkit-scrollbar {
    width: 12px;
}
/* Track (thanh chua)*/
.css-scroll::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Handle (thanh scroll)*/
.css-scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,255,255,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.css-scroll::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,255,255,0.4); 
}

/*
.wrap-pop {display:none;} 
*/
#header-top .social_icons ul li a {
    color: #fff;
}
#header-top .social_icons ul li a:hover {
    color: #000;
}
#member_online ul li {
    padding-bottom: 5px;
    margin-bottom: 5px;
	position: relative;
	border-bottom: 1px solid #eee;
}
#member_online ul li a {
    color: #000;
}
#member_online ul li h6 {
    margin: 2px 0;
}
.profile-button {
	right: 20px !important;
	bottom: 70px !important;
}
.logo-img {
	height:75px;position: relative;z-index:9;
}
.button.black, .button.dark_button.color, .button.color:hover, input[type="submit"]:hover, .woocommerce button[type="submit"]:hover, .single_add_to_cart_button:hover, .return-to-shop a:hover, .button-default.empty-cart:hover, .wc-proceed-to-checkout a:hover, .button[name="calc_shipping"]:hover, .price_slider_amount button.button[type="submit"]:hover, .wc-proceed-to-checkout .button.wc-forward:hover, .buttons .button.checkout.wc-forward:hover, .button.view:hover {
    background: #2f3239 !important;
}
.button.large {
    border-radius: 5px;
}
.logo img {
	height: 80px;
    width: auto;
    max-height: initial;
}
.post-read-more:before {
    content: "\f178";
	color: #fff;
}
.wpcf7-spinner, .header-search {display:none;}
.header-top-nav li {
    margin-right: 10px;
}

#header-top {
	height: auto;
	padding:10px 0;
}
#header-top h1 {
	text-transform:uppercase;
	color: #fff;
	font-size:20px;
	line-height:78px;
	margin: 0;
	/*letter-spacing:15px;
	text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0,0,0,0.9);
	*/
}
#header-top a i {
	font-size:13px !important;
	line-height:78px;
}
#menu-header-menu-1 {
	text-align:center;
}
#header-top li {
	color: #fff;
	font-size:16px;
}
#header-top li a {
	color: #fff;
}
.navigation {
    float: none;
}
.navigation>.header-menu>ul li {
    float: none;
    display: inline-block;
}
.navigation>.header-menu>ul>li>a {
	color: #f50;
    text-transform: uppercase;
	font-weight: normal;
    font-size: 16px;
}
#header {
    background-color: #fff;
}
.section-warp {
    min-height: 600px;
}
.breadcrumbs h1 {
    text-transform: uppercase;
}
table thead {
	text-align:center;
}
table td {
	color: #000;
}
.single-post, .page-content, .post, .widget {
    border-radius: 5px;
}
.product-title {
	font-size: 26px;
	color: #000;
    margin-top: 10px;	
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.big_title {
	color: #7700ab !important;
    border-bottom: 2px solid #dedede;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 20px !important;
}

.price {color:red;}

#header-social {
    padding: 10px 0;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.social_icons ul {
    float: none;
}
.social_icons ul li {
    float: none;
    display: inline-block;
    margin: 0 20px;
}
#header {
    height: auto;
    padding: 15px 0;
	margin-bottom: 30px;
}
.breadcrumbs {
    margin-bottom: 30px;
	margin-top: -30px;
}
.navigation>.header-menu>ul li {
    margin: 0;
}
.navigation>.header-menu>ul>li>a {
	float:none;
}
.blog_2.post .post-img a img {
    height: 160px;
    object-fit: cover;
}
.button.color, input[type="submit"], input[type="button"], .navigation>.header-menu>ul>li.current-menu-item>a, .navigation>.header-menu>ul>li:hover>a, .tab a.current, .go-up {
	background-color: #f50;
}
.tabs {
    border-bottom-color: #f50;
}
.tab a.current {
    border-top-color: #f50;
}
.crumbs .current {
    color: #ccc;
}

/* v3 */
#room_list {
	border-bottom:1px solid #eee;
	margin-bottom:30px;
	padding-bottom:30px;
	display:flex;
	flex-wrap: wrap;
    align-items: center;
	justify-content: center;
}
#room_list p {margin-bottom: 0;text-align: center;width: 100%;}
.room_item {width: 30%;margin: 10px;padding:8px;border-radius:10px;background: #eee;cursor:pointer;position:relative;}
.room_item.full {background: #ff5500;border-color: #fff;}
/*.room_item.full a {color: #fff;}
.room_item.full:hover a {color: #fff;}
*/
.room_item.half {background-image: linear-gradient(to right, rgba(255, 0, 0, 0), #ff5500);}
.room_item.half .btn_del_table, .room_item.half .fa-lock {color: #fff;}
.room_item:hover {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.room_item:hover a {color: #000;}
.room_item a {display: flex;gap: 10px;}
.room_item .avatar {border-radius:50%;width:50px;height:50px;object-fit: cover;}
.size_big {font-size: 22px;font-weight: bold;}
.chess_side_img {    
	position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    border-radius: 50%;	
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.h2_choosegame {
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 35px;
    letter-spacing: 2px;
}
.setting_time_item .form-control {
	width:50px;height: 30px;line-height: 30px;padding:0;margin: 0;background: #fff;padding-left: 5px;color:#666;
}
.setting_name .form-control {
	height: 30px;line-height:30px;padding:0;margin: 0;background: #fff;padding-left: 5px;color:#666;
}
.setting_area, .setting_dg {
	display: flex;gap: 10px;align-items: center;justify-content: end;
	border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.setting_2 {
	gap: 10px;
}
.setting_3 {
	border-bottom: 0;
    padding-bottom: 0;
}
.setting_area h2 {
	margin:0;
    position: absolute;
    left: 20px;
    font-size: 22px;
}
.roomName, #roomPW_dg {
    width: 150px !important;
}
select.form-control, #club_id {
	color:#000;
	background: #fff;
	font-weight: normal;
    padding: 5px;
    height: 30px;
}
/* Ẩn mũi tên lên/xuống trong input type="number" */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
     margin: 0;
}
/* Hỗ trợ thêm cho Firefox */
input[type="number"] {
     -moz-appearance: textfield;
}
.user-profile-img img {
    object-fit: cover;
}

.menu_lang {
	position:absolute;
    right: 15px;
    top: 5px;
}
.menu_lang img {
	width:30px;
}
.btn_set_time {
	height: 28px;line-height: 0;border-radius: 3px;padding: 20px;text-transform:uppercase;
}
.avatar_member {
	object-fit:cover;
}
.btn_del_table {
	position: absolute;
    right: 10px;
    top: 10px;
    text-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	color:#ff5500;
}
.btn_clear_chat {
	position: absolute;
    right: 35px;
    bottom: 5px;
    text-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	color:#ff5500;
}
.room_item:hover .btn_del_table, .room_item:hover .btn_clear_chat {color: #ff5500;}
.room_item .btn_del_table:hover, .room_item .btn_clear_chat:hover {color: #7700ab;}
.room_item .fa-lock {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #ff5500;
}
.room_item.full .fa-lock {
    color: #fff;
}
.post-content>ul li, .single-question .question-desc ul li {
    list-style: disc !important;
}