@charset "UTF-8";
/*
Theme Name: Theme Keonhacai88
Author: Devteam
Version: 1.0
Text Domain: Keonhacai88
Description: Template Theme Keonhacai88, layout & coding by Devteam.

*/
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap'); */

body{
/*    font-family: sans-serif;*/
    font-size: 16px;
    color: #202020;
    background: #f2f2f20d;
    word-break: break-word!important;
    overflow-wrap: break-word!important;
}
.clear{
    clear: both;
}
a {
    color: #664300;
    text-decoration: none;
    transition: 0.2s;
}
a:hover {
    color: #001039;
    text-decoration: none;
}
header{
    background: #212F3B;
    border-bottom: 2px #664300 solid;
}
.logo {
    max-width: 100%;
}
.logo img{
    height: auto;
    width: 220px;
    max-width: 100%;
}
.odds-table-content{
    min-width: unset !important;
}
.menuh{
    color: #ffffff;
    position: relative;
    text-transform: uppercase;
}
.menuh .navbar{
	padding: 0px;
}
.menuh .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
	color: #FDB813;
}
.menuh a{
    color: #FFFFFF;
    /*position: relative;*/
}
.menuh li{
    position: relative;
}


.menuh .logo a:hover::before{
    display: none;
}

.menuh .row-cols-md-auto li {
    list-style: none;
}
.heading_table_home .search_tyle{
    height: 43px;
}
.search_tyle span.search-span{
    background-size: contain !important;
    font-size: 0;
    background-size: contain;
    width: 25px;
    height: 25px;
    border: none;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
}
.content-section{
   word-break: break-word!important;
   overflow-wrap: break-word!important;
}
.content-section a{
/*	color: #664300;*/
color: #05514A;
font-weight: bold;
}
.content-section table{
    margin-bottom: 10px;
}
.content-section tbody, .content-section td, .content-section  tfoot, .content-section  th,  .content-section thead,  .content-section tr {
    border-color: auto;
    border-style: groove;
    border-width: 2px;
}
.content-section h1, .content-section h2, .content-section h3,.content-section h4{
	color: #05514A;
}
.content-section h1{

}
#toc_container{
	background: none;
}
.title-1{
    display: block;
    font-weight: 700;
    font-size: 23px;
    color: #202020;
}
.title-1 b{
	color: #664300;
}
.title-1 h1{
    display: block;
    font-weight: 700;
    font-size: 23px;
    color: #202020;
}
.title-1 div *{
    display: block;
    font-weight: 700;
    font-size: 23px;
    color: #202020;
}
.title-2{
    color: #664300;
    font-size: 26px;
    font-weight: 700;
}
.title-3{
	color: #001039;
    font-weight: 600;
    border-bottom: 3px #D3D9E6 solid;
    padding-bottom: 10px;
    position: relative;
    font-size: 22px;
}
.title-3:after
{
	content: "";
    position: absolute;
    bottom: -2px;
    height: 2px;
    background: #664300;
    width: 60px;
    left: 10px;
}
.cat-list{
    overflow: hidden;
}

.cat-list .cat-list-img{
	display: flex;
    overflow: hidden;
    text-align: center;
    width: 100%;
    align-items: center;
}
.cat-list .cat-list-img div{
   width: 100%;
}
.cat-list .cat-list-img img{
	max-height: 100%;
    max-width: 100%;
    height: auto;
    width: 100%;
    aspect-ratio: 800 / 500;
}
.cat-list .cat-list-title{
	color: #664300;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.cat-list-des{
	-webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 15px;
}
.cat-list-read{
   color: #33373A;
   font-size: 13px;
   text-align: right;
}
.cat-list-read a{
    color: #33373A;
    font-weight: 500;
}
.cat-list-read a i{
    font-size: 15px;
    background: #FCEE21;
    color: white;
    padding: 3px 5px;
    border-radius: 3px;
}
.non-bg{
	background: none !important;
}
.content-section h2{
    font-size: 24px;
    margin-bottom: 1rem;
    line-height: revert;    font-weight: 600;
}
.content-section h3{
    font-size: 20px;
    margin-bottom: 1rem;
    line-height: revert;    font-weight: 600;
}
.content-section h4{
    font-size: 15px;
    margin-bottom: 1rem;
    line-height: revert;    font-weight: 600;
}

.content-scoll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 10px rgba(131, 131, 131, 0.3);
    background-color: #e1e1e1;
}
.content-scoll::-webkit-scrollbar {
    width: 10px;
    background-color: #e1e1e1;
}
.content-scoll::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
}
.content-section img{
    max-width: 100%;
    height: auto !important;
}
.content img{
    max-width: 100%;
    height: auto !important;
}
.content div{
    max-width: 100%;
}
.aligncenter {
    clear: both;
    text-align: center;
    margin: auto;
    display: block;
}
.wp-caption-text{
   text-align: center;
   /* border: thin silver solid; */
   border-top: none;
   margin-top: 10px;
   /* font-style: italic; */
   /* background: black; */
   font-size: smaller;
}
.content-section iframe,.content-section table, .content-section embed, .content-section .wp-caption{
    max-width: 100% !important;
}
.content-section .card iframe,.content-section .card table, .content-section .card embed, .content-section .card div{
    max-width: 100% !important;
}

.center-head{
    background: #011434;
    /* text-align: center; */
    padding: 8px 15px;
    font-size: 16px;
    color: WHITE;
    font-weight: 500;
    /* text-transform: uppercase; */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: none;
}
.list-leagues-standing img{
	width: 20px;
    max-height: 20px;
}
.head-trandau {
    background: #E8E3D1 0% 0% no-repeat padding-box;
    border-radius: 0;
    letter-spacing: 0px;
    color: #000000;
    padding: 10px 10px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 500;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.alm-listing {
    margin-right: calc(-.5 * var(--bs-gutter-x))!important;
    margin-left: calc(-.5 * var(--bs-gutter-x))!important;
}
.right-post-item{
	color: #818181;
    border-bottom: thin #f1f1f1 solid;
    font-size: smaller;
}
.right-post-item:hover .right-post-item-title a{
	color: #FDB813;
}
.right-post-item-title{
   font-weight: 500;
   -webkit-line-clamp: 3;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
   font-size: 14px;
}
.right-post-item-title a{
    color: #202B3D;
}
.right-post-item-des{
	-webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.footer{
    padding-top: 30px;
    line-height: 30px;
    background: #212F3B;
    color: #F7F7F7;
}
.footer ul{
	padding: 0px;
}
.footer a{
	color: #fff;
}

.footer-logo{

    max-width: 100%;
}
.social-icons{

}
.footcontent{
    margin-bottom: 25px;
    padding-bottom: 5px;
}
.footcontent h3, .footcontent h3 strong{
	color: #FDB813;
    font-size: 16px;
}
.footer hr{
    background: #664300;
    height: 2px;
    border: none;
    opacity: 1;
}
.foot-map{
   width: 100%;
}
.social-icons img{
    width: 20px;
    margin-left: 18px;
    transition: 0.2s;
}
.social-icons img.facebook{
	height: 20px;
}
.social-icons img:hover{
    opacity: 0.5;
}
.contact-mb{
    background: #EC2227;
    border-radius: 10px;
    margin: 15px;
    color: #05514A000f0;
    box-shadow: 0px 3px 6px #05514A0005c;
    padding: 10px;
    font-size: small;
}
.contact-mb p{
    margin-bottom: 5px;
}

.right-uudiem, .right-nhuocdiem{
    list-style: none;
    padding: 0;
}
.right-uudiem li, .right-nhuocdiem li{
    position: relative;
    padding-left: 35px;
    line-height: 25px;
    margin-bottom: 15px;
}
.right-uudiem li:before{
    content: "+";
    position: absolute;
    width: 30px;
    text-align: center;
    color: #38AE56;
    font-weight: bold;
    top: 0;
    left: -4px;
    font-size: 30px;
}
.right-uudiem > li:first-child:before{
    background: url('img/icons/uudiem.svg?') no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    content: '';
    position: absolute;
    left: -5px;
    top: 0;
} 
.right-uudiem ul, .right-nhuocdiem ul{
	margin: 0;
    padding: 0;
    list-style: none;
}
.right-nhuocdiem li:before{
    content: "-";
    position: absolute;
    width: 30px;
    text-align: center;
    color: #FF1616;
    font-weight: bold;
    top: 0;
    left: -4px;
    font-size: 30px;
}
.right-nhuocdiem > li:first-child:before{
    background: url('img/icons/nhuocdiem.svg?') no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    content: '';
    position: absolute;
    left: -5px;
    top: 0;
}
.right-uudiem li:first-child{

}
.right-uudiem li a{

}
.right-uudiem ul li:first-child:before{
	content: "+";
    position: absolute;
    width: 30px;
    text-align: center;
    color: #38AE56;
    font-weight: bold;
    top: 0;
    left: -4px;
    font-size: 30px;
}
.right-nhuocdiem ul li:first-child:before{
	content: "-";
    position: absolute;
    width: 30px;
    text-align: center;
    color: #FF1616;
    font-weight: bold;
    top: 0;
    left: -4px;
    font-size: 30px;
}
.btn-play2 {
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    background: transparent linear-gradient(180deg, var(--unnamed-color-fa4452) 0%, var(--unnamed-color-c1342e) 79%, var(--unnamed-color-aa2e29) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #FA4452 0%, #C1342E 79%, #AA2E29 100%) 0% 0% no-repeat padding-box;
}
.progress-before{
    font-size: 13px;
    margin-bottom: 5px;
}
.content-author{
    background: #e8e3d1;
    overflow: hidden;
    color: #050505;
}
.content-author a
{
	color:#664300;
}
.content-author-img img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}
.content-author-des{
    text-align: justify;
}
.content-author-des-icon img{
    height: 20px;
    margin-right: 10px;
}

.list-post{

}
.alm-btn-wrap .alm-load-more-btn{
   border: #664300 thin solid !important;
   background: none !important;
   color: #664300 !important;
   padding: 8px 25px !important;
   height: auto !important;
}
.alm-btn-wrap .alm-load-more-btn:hover{
    background: #664300 !important;
    color: #fff !important;
}
.list-post-item{
    background: #fff;
}
.list-post-item .list-post-item-img img{
    aspect-ratio: 800 / 500;
}
.list-post-item-title{
	font-size: 15px;
    font-weight: 600;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 55px;
    transition: 0.2s;
}
.list-post-item-title a{
	color: #313131;
}
.list-post-item-des{
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    font-size: 14px;
    color: #858784;
}

.des-section{
	background: #ffffff;
}
.des-section h1{
	font-size: 30px;
    font-weight: 700;
    margin-bottom: 25px;
}
.des-section h1 strong{
	color: #F7B20D;
}
.author-content img.avatar {
    float: right;
    border-radius: 50%;
}
.author-content img{
	margin-bottom: 15px;
}
#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
}
.sitebreadcrumb{
	font-size: smaller;
    color: #000;
    display: flex;
    font-weight: 500;
}
.sitebreadcrumb a{
	color:#a17200;
}

.sitebreadcrumb p{
	margin: 0;
}
.sitebreadcrumb i {
    font-size: 12px;
    margin-right: 6px;
    color: #664300;
    margin-top: 3px;
}
.sitebreadcrumb .container{
	display: flex;
    align-items: center;
}
.fmap iframe{
	width: 100%;
	height: 200px;
}

.hometitle2{
	background: url(img/hometitle2.png) no-repeat;
    background-size: cover;
    font-size: 40px;
    font-weight: 600;
    color: white;
}
.ad_top {
    margin: 0.5rem 0 0.5rem 0;
}
.ad_top .ad_top_item img {
    width: 100%;
    height: 70px;
}
.head-1 {
    font-size: 18px;
    font-weight: bold;
    background: #007733;
    color: white;
    display: inline-block;
    padding: 5px 35px 5px 10px;
    position: relative;
    overflow: hidden;
    border-left: 6px #F9E401 solid;
}
.head-1:after {
    content: "";
    position: absolute;
    width: 22px;
    height: 43px;
    top: -19%;
    right: -6%;
    /* z-index: -1; */
    background: #191817;
    transform: rotate( -25deg);
    z-index: 1;
}
.headbt{
	color: #D03E47;
    font-weight: 500;
    border: 2px #D03E47 solid;
    border-radius: 0;
}
.authorname{
   font-size: 25px;
   font-weight: 600;
}
.hbox-author{
	max-width: 100%;
    margin: auto;
    width: 250px;
    height: auto;
    border-radius: 16px;
    box-shadow: 0px 0px 10px 1px silver;
}
.btn-viewmore{
	border: 1px #6d6d6d solid;
    border-radius: 10px;
    padding: 3px 20px;
    font-size: 14px;
    color: #664300;
}

.hbox{
	background: white;
    border-radius: 8px;
    overflow: hidden;
    border: 2px #664300 dashed
}
.hbox-head{
    background: #664300;
    color: white;
    font-weight: 700;
    padding: 5px;
    text-align: center;
}
.short-code-link-download{
	margin-bottom: 10px
}
.short-code-link-download .link-android {
    background: #3add86;
    color: #FFF;
    border-radius: 16px;
    padding: 0.25rem 1rem;
    margin-right: 10px
}
.short-code-link-download i{
	margin-right: 5px
}
.short-code-link-download .link-android:hover {
    background: #4be794;
}

.short-code-link-download .link-ios {
    background: #05514A;
    color: #FFF; 
    border-radius: 1rem;
    padding: 0.25rem 1rem;
    margin-right: 10px;
}
.short-code-link-download .link-apk {
    background: #852626;
    color: #FFF; 
    border-radius: 1rem;
    padding: 0.25rem 1rem;
}
.short-code-link-download .link-ios:hover {
    background: #2e2e2e;
}
.b-button a{
	text-decoration: none !important;
    font-size: smaller;
    margin-right: 5px;
    color: white;
}
.b-button a i{
	margin-right: 3px;
}
.b-home{
	background: #D8334A;
}
.b-reg{
	background: #35A457;
}
.b-playgame{
	background: #FFCF02;
}
.b-ios{
	background: #7384A5;
}
.b-android{
	background: #0177DB;
}
.b-button a:hover{
	background: #1d1d1d;
}
.nhacai-info-logo .nhacai-chamdiem span {
    color: #FFD119;
}
.bannerhome{
	height:auto !important;
}
.fixedmenu{
	position: relative;
}
.logom{
	display: none;
}
.menu_m_btns {
	display: none;
    color: #ffffff;
    position: absolute;
    right: 8px;
    padding: 7px 5px 5px 7px;
    font-size: 17px;
    background: #664300;
    cursor: pointer;
    border-radius: 4px;
    z-index:9999;
    top: 5px;
}
.form {
    padding: 0px;
    /* background: #1C342E; */
    width: 150px;
    z-index: 9999;
    border-radius: 0;
    /* height: 23px; */
    overflow: hidden;
    margin-left: 20px;
    transition: 0.3s;
    max-width: 100%;
    border-radius: 3px;
}
.formm{
	height: 29px;
}
.head-search{
    border: none;
    /* border-radius: 3px; */
    font-size: 13px;
    padding: 2px 8px;
    display: block;
    width: 100%;
    background: #000000;
    color: #3AC1AD;
    border-radius: 3px;
}
.head-search::placeholder {
  color: #664300;
}
.ltd-row{
    padding: 10px 0px 10px 0px;
}
.ltd-row:nth-child(odd){
    background: #fff7e2;
}
.ltd-leaguenam{
    background: #05514A;
    color: white;
    font-weight: 600;
    padding: 5px;
    text-align: center;
}
.ltd-row a{
}
.text-number{
	color: black !important;
}
.td-club {
    width: 40%;
}
.td-number {
    width: 20%;
    text-align: center;
}
.name-club1 {
    display: block;
    text-align: right;
    padding-right: 24px;
    font-size: 14px;
    line-height: 1.6;
    position: relative;
    color: black;
}
.text-number {
    display: inline-block;
    background: #dbdbdb;
    color: #192034;
    font-size: 13px;
    font-weight: 700;
    min-width: 44px;
    padding: 1px 5px;
    border-radius: 3px;
}
.name-club2 {
    display: block;
    padding-left: 24px;
    font-size: 14px;
    line-height: 1.6;
    position: relative;
    color: black;
}
.TYLETT_3a b, .TYLETT_3b b, .TYLETT_3c b, .TYLETT_3d b{
	font-weight: 500;
}

.TYLETT_2a{
	background: #E8E3D1 !important;
    color: #313131 !important;
}
.bg_h2{
	background-color: #29364d !important;
    border: 1px solid #918591 !important;
    color: white !important;
}
.search_tyle {
   border: 1px solid #D1D8E8 !important;

}
.card.card-body.content {
    background: none !important;
}
.heading_table {
    border-top: none !important;
    border-left: none !important;
    background: none !important;
}
.dong4 {
    background-color: #fffbf1 !important;
}
.table-header td {
    background-color: #29364D !important;
    border: 1px solid #ffffff !important;
    color: #dbdbdb !important;
}
.btn-keo-ngay, .btn-primary {
    background-color: #D6D8DC !important;
    color: #3f3f3f !important;
}
.dong{
	text-wrap: nowrap;
}
.dong2 {
    background: rgb(248 248 248) !important;
}
.btn-keo-ngay:hover {
    color: white !important;
}
.apitab .nav-link{
	color: #02665C;
    /* background: #D6D6D6; */
    border: none;
    margin-right: 2px;
    font-size: smaller;
    margin: 0px 5px 5px 0px;
}

.apitab .nav-link.active, .apitab  .show>.nav-link{
	background: #02665c;
    color: white;
}
.embed-odds .row-header {
    background: #29364d !important;
}
.headmeta {
    color: #676767;
}
.headmeta a{
    color: #05514A;
}
.headline{
	background: #F1F1F1;
}
.headlinemenu{
	padding: 0;
    display: flex;
    margin: 0;
}
.headlinemenu li{
    padding-right: 22px;
}
.headlinemenu li a{
    color: black;
    font-size: 13px;
    font-weight: 500;
}
.headlinemenu li:hover a{
	color: #FDB813;
}
.centertab button{
    border: white 1px solid !important;
    color: #05514A000 !important;
    background: #D6D6D6 !important;
}
.centertab button.active{
    border: white 1px solid !important;
    color: #fff !important;
    background: #666666 !important;
}
.rightcontent{
	box-shadow: 0px 0px 3px #0000001A;
}
.nhacai-lists{

}

.gray{
    color: #a4a4a4 !important;
}

.btnbg{
   background: #02665C;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}
.top
{
	background: white;
}

.box-ketqua {
    background: #664300 0% 0% no-repeat padding-box;
    border-radius: 2px;
    padding: 4px 5px;
    color: white;
    width: 42px;
}
.rightbox .box-2doi .box-doi1{
	width: calc(50% - 32px);
}
.rightbox .box-2doi .box-ketqua{
	gap: 2px;
}
.box-2doi .box-ketqua{
	gap: 2px;
}
.headicon img{
	width: 20px;
    height: 20px;
    margin-left: 12px;
}
.leftbox{
	background: white;
    border-radius: 4px;
    overflow: hidden;
}
.shead1{
	background: #664300;
    text-align: center;
    padding: 5px;
    color: white;
    font-weight: 500;
    font-size:15px;
}
.shead2{
	background: #29364D;
    text-align: center;
    padding: 5px;
    color: white;
    font-weight: 500;
    font-size:15px;
}
.rightbox{
	background: white;
    border-radius: 4px;
    overflow: hidden;
    border: thin #e7e7e7 solid;
}
.graybg{
	background: #EBEDF1;
	border-radius: 4px;
}
.item-trandau{
	padding: 10px 10px;
	border-bottom: none;
}
.item-trandau:nth-child(odd)
{
	background: white;
}
.box-doi1>* {
    font-size: 15px;
}
.tabmenu{
	padding: 0;
    display: block;
}
.tabmenu li{
	background: #D6D8DC;
    padding: 8px 10px;
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    color: #1f1f1f;
    margin-bottom: 5px;
}
.tabmenu li *{
	
    color: #1f1f1f;
}
.tabmenu li.current-menu-item, .tabmenu li.current-menu-item *{
	background: #3D485D;
	color: white;
}
.head-kq, .list-leagues-standing {
    padding: 13px 0;
}
.head-kq *, .list-leagues-standing *{
    font-size: 14px !important;
}
.head-kq {
    background: white;
}
.group-label {
    font-size: 16px;
    font-weight: 500;
    background: #664300 0% 0% no-repeat padding-box;
    padding: 3px 10px;
    color: white;
}
.rightbox .thang, .rightbox .hoa, .rightbox .bai{
	display: none !important;
}
.rightbox .head-kq .name,.rightbox .list-leagues-standing .name{
	width: calc(100% - (35px * 3) );
}
.rightbox .head-kq>*, .rightbox .list-leagues-standing>* {
    width: 35px;
    font-size: 13px !important;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.rightbox .head-kq{
	padding: 5px 10px;
}
.rightbox .group-standing{
	padding: 0px 10px;
}
.rightbox .list-kq .list-leagues-standing {
    border-bottom: 1px solid #dedede;
    padding: 5px 0 !important;
}
.rightbox .logo-doi1,.rightbox .logo-doi2{
   display: none;
}
.rightbox .head-trandau {

    padding: 5px 10px;
    font-size: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.boxmenu{
	display: flex;
}
.boxmenu a{
	color: #00182E;
    font-size: 13px;
    display: block;
    margin-right: 10px;
    font-weight: 500;
}
.boxmenu a:first-child{
   color: #664300;
}
.rightbox .time-trandau
{
	display: none;
}
.rightbox .box-2doi
{
	width: 100%;
	font-size: 13px !important;
	gap: 10px;
}
.rightbox .box-2doi *
{
	font-size: 13px !important;
}
.rightbox .name-doi1 {
    text-align: end;
}
.sub-menu{
	display: none;
    background: #212f3b;
    position: absolute;
    width: 200px;
    padding: 0px;
    margin: 0;
    /* border-radius: 5px; */
    z-index: 99;
    top: 44px;
    left: 0px;
}





.sub-menu li{
	border-bottom: thin #5f5f5f solid;
    background: none !important;
    height: auto !important;
}
.sub-menu li:hover{
	background: #46AB56;
}
.sub-menu li:hover a{
  border-bottom: none;
  padding-bottom: 0px;
  color: #664300 !important;
}

.sub-menu a{
  display: block;
  color: white !important;
  font-weight: 400;
  text-transform: none;
}

.nhacai-item{
    position: relative;
    color: #202020;
    transition: 0.2s;
    background: white;
    overflow: hidden;
    box-shadow: 0px 3px 10px #00000029;
}
.nhacai-item:hover{
}
.nhacai-item .col-md-3{
    justify-content: center;
    align-items: center;
    display: flex;
}
.nhacai-item img{
    max-width: 100%;
    width: 39px;
}
.nhacai-item-logo{
}
.nhacai-item-logo img{
    max-height: 95px;
    width: 95px;
    max-width: 95%;
    height: auto;
}
.nhacai-item-name{
    color: #29364d;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    font-size: 20px;
    display: block;
}
.nhacai-sstar{
    color: #f2b615;
}
.btn-play {
    width: 80%;
    background: #664300;
    color: white;
    font-weight: 600;
    border: 1px #664300 solid;
    border-radius: 5px !important;
}
.btn-review {
    background: #ffffff;
    border-radius: 5px !important;
    border: 1px #664300 solid;
    color: #664300;
    font-weight: 500;
    width: 80%;
}
.btn-play:hover, .btn-review:hover{
	background: #29364d;
	border: 1px #29364d solid;
	color: white;
}
.ad_top img{
    width: 100%;
    height: 65px;
    margin-bottom: 5px;
}
button.adclose {
    position: absolute;
    top: 0px;
    right: 0px;
    background: black;
    color: white;
    border: thin white solid;
    transition: 0.2s;
}
ins img {
    width: 100%;
    height: auto;
}

@media (min-width: 1400px)
{
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1180px !important;
    }

}
@media (min-width: 1200px)
{
    .content-scoll{
        max-height: 1000px;
        overflow-y: scroll;
    }
    .menuh .row-cols-md-auto .col, .menuh .row-cols-md-auto li{
        /*width: 12.3%;*/
    }
    .menuh .navbar-nav .nav-link{
        padding: 10px 25px !important;
        font-size: initial !important;
    }
    .ad_top .ad_top_item {
        padding: 0px 0.5rem 0.3rem 0rem;
    }
    .menuh .col-md-9{
       padding-left: 0px;
       padding-right: 0px;
   }

}
@media (min-width: 993px)
{
    .hidden-pc {
        display: none !important;
    }
    .menuh li:hover, .menuh .current-menu-item{	
       background: #664300;
   }
   .menuh li:hover a, .menuh .current-menu-item a{
    color: #fff;
}
.menuh .navbar-nav .nav-link{
    padding: 8px 15px;
    font-size: 14px;
    position: relative;
}
.navbar-nav li:hover .sub-menu{
	display: block;

}
.menuh .navbar-collapse {

    margin-right: 20px;
}
}
@media (min-width: 769px)
{
    .menu_m_btns{
       display: none
   }
   .stick {
    position: fixed;
    top: 10px;
}

.abs {
    position: absolute;
    bottom: 0px;
}

}
@media (max-width: 1199px)
{
    .thang,.hoa,.bai{
       display: none;
   }
   .head-kq .name, .list-leagues-standing .name {
    width: calc(100% - (40px * 6) );
}
.home-des::after{
    display: none;
}
.bookmarker-detail .nhacai-chamdiem {
    line-height: 35px;
    font-size: 11px;
}
.headlinemenu{
	padding: 0;
    display: flex;
    margin: 0;
}
.headlinemenu li{
    padding-right: 10px;
}
.headlinemenu li a{
    color: black;
    font-size: 12px;
    font-weight: 500;
}
}
@media (max-width: 992px)
{
    .hiden-mobi {
        display: none!important;
    }
    .menuh .navbar li.menu-item-has-children:after {
        content: "\25bc";
        position: absolute;
        /* background: lime; */
        width: 15px;
        height: 15px;
        right: 5px;
        cursor: pointer;
        color: white;
        top: 15px;
        font-style: normal;
    }
    .hiden-tablet{
      display: none;
  }
  .headlinemenu{
    display: block;
}
.headlinemenu li{
    padding-right: 20px;
    float: left;
}
.headlinemenu li a{
    color: black;
    font-size: 14px;
}
.bookmarker-detail .nhacai-chamdiem {
    font-size: 12px;
}
.home-des-logo{
    display: none;
}
.home-des-human {
    left: 0px !important;
}
.topsapo_menu ul {
   padding: 0;
   display: initial;
}
.topsapo_menu li {
   display: block;
   padding: 5px 10px;
   border-right: thin #424242 solid;
   width: 31%;
   float: left;
   font-size: 11px;
   text-align: center;
   border: thin #414141 solid;
   margin: 1%;
}
.topsapo_menu li:last-child {
    border-right: thin #414141 solid;
}
.btn-play {
    width: 40%;
}
.btn-review {
    width: 40%;
} 
.nhacai-sstar {

    width: fit-content;
    margin: auto;
    margin-top: 15px;
}
.apitab .nav-link {

    margin-bottom: 10px;
}
.ltd-row a{

    font-size: smaller;
}

}

@media (max-width: 768px)
{

    .logom{
       display: block;
       position: absolute !important;
       left: 0;
       top: 4px;
       width: 100%;
       text-align: center;
   }
   .top{
       display: none;
   }
   .menuh .show{
       height: 100vh;
   }
   .sub-menu{
    width: 100%;
    top: 55px;
}
.head-trandau {
    font-size: 13px !important;
}
.item-trandau {
    padding: 5px 0;
    gap: 2px;
}
.headlinemenu{
    display: block;
}
.headlinemenu li{
    padding-right: 10px;
    float: left;
}
.headlinemenu li a{
    color: black;
    font-size: 12px;
}
.nhacai-info-logo {
    text-align: center;
}

.ad_top .ad_top_item img {

    height: auto;
}
.bookmarker-detail .nhacai-chamdiem {
 line-height: 25px;
 font-size: 10px;
 background: #b7ddd1;
 margin-bottom: 10px;
}
.nhacai-info-logo .nhacai-chamdiem span {
    color: #05514A;
}
.nhacai-info-des {
    border-left: none;
    text-align: center;
}
.nhacai-info-des .btn {
    margin-right: 0px;
    width: 80%;
}
body {
    background-position: center 55px;
}
.hmenu{
  background: linear-gradient(0deg, rgba(19,17,46,1) 0%, rgba(51,37,85,1) 100%);
}
.fmap {
   text-align: center;
}
.fmap iframe {
   width: 95%;
   height: 80px;
}
.hiden-mobi {
    display: none !important;
}
.hiden-pc{
    display: block !important;
}
.menuh {
   padding: 5px;
}

.menuh .col, .menuh li{
    padding-left: 3px;
    padding-right: 3px;
}
.menuhicon {
   /* position: absolute; */
   display: block;
   width: fit-content;
   position: inherit !important;

}

.menuh a:hover {

}
.nhacai-chamdiem{
   text-align: center;
   font-size: 10px;
   padding: 5px 15px;
   background: #b7ddd1;
}
.nhacai-sstar{
   width: fit-content;
   margin: auto;
}
.logo{
   text-align: center;
}
.logo img {
   width: 110px;
   height: auto;
   max-width: 100%;
}
.navbar-toggler{
   z-index: 9999;
}
.modal {
    z-index: -1;
}
.modal.show {
    z-index: 9999;
    margin-top: 150px;
}

.form {
    background: none;
    width: auto;
    border: none;
    text-align: center;
}
.head-search {
    background: #10171d;
    border: thin #664300 solid;
    padding: 10px;
    color: white;
}
.btn-bet {
    background: #10171d;
    color: white;
    font-weight: 600;
    border: 1px #126E51 solid;
    border-radius: 5px !important;
}
.home-des::before {
    background-size: 420px !important;
    width: 420px !important;
    height: 420px !important;
}

.home-des {
    min-height: 450px !important;
}
.nhacai-item{

}
.nhacai-item-logo img {
    width: auto;
    height: auto;
    max-width: 80%;
}
.nhacai-item-km {
    text-align: center;
    margin: 1rem;
}
.btn-play {
    width: 40%;font-size: small;
}
.btn-review {
    width: 40%;font-size: small;
}
.nhacair-item .btn-play {
    width: auto;
}
.nhacai-item-btn{
    width: 100%;
    padding: 10px 0px;
}
.nhacai-item-km strong {
    font-size: 20px;
}
.footer{

    background-size: 100%;
    background-position: center bottom;
    min-height: 500px;
    padding-top: 5px;
    line-height: 22px;
    font-size: 13px;
}
.footer-logo {
    width: 250px;
}
.footer-copyright{
    text-align: center;
}

.content-author-des{
    text-align: center;
}
.ad_top .ad_top_item img {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}
.home-des-text-head h1 {
    font-size: 25px;
}
.home-des-text {
    font-size: 15px;
    padding: 0px 15px;
}
.des-section h1{
	font-size: 25px;
}
.menu_m_btns{
	display: inline-block !important;
}
}
@media (max-width: 550px)
{
/*Tạm ẩn hiệp 1 mobile**/
.table-header tr:first-child td:nth-child(4){
	display: none;
}
.table-header tr:nth-child(2) td:nth-child(4), .table-header tr:nth-child(2) td:nth-child(5), .table-header tr:nth-child(2) td:nth-child(6){
	display: none;
}
.dong td:nth-child(6), .dong td:nth-child(7), .dong td:nth-child(8)
{
	display: none;
}
/*Tạm ẩn hiệp 1 mobile**/
.home-des::before {
    background-size: 250px !important;
    width: 250px !important;
    height: 250px !important;
}
.home-des-human{
    width: 45% !important;
}
.home-des-human img {
    width: 100% !important;
}


.home-des {
    min-height: 300px !important;
}
.hiden-mobi{
    display: none !important;
}
.hiden-pc{
    display: block !important;
}
.home-des-text-pc{
    display: none !important;
}
}
@media (max-width: 380px)
{
    .home-des::before {
        display: none !important;
    }
    .home-des-human{
        display: none !important;
    }

    .home-des-text-pc{
        display: block !important;;
    }
    .home-des {
        min-height: auto !important;
        height: auto !important;
    }
    
}
.hiden-pc{
   display: none;
}
.leftmenu{
	display: block;
    padding: 0;
    font-size: 15px;
    margin-bottom: 0px;
}
.leftmenu li{
	padding: 8px 0px;
    border-bottom: thin #e5e5e5 solid;
    position: relative;
}
.leftmenu li:last-child{
	border-bottom: none;
}
.leftmenu .menuicon{
	width: 25px;
    margin-right: 8px;
    text-align: center;
}
.leftmenu .menuicon img{
	max-width: 100%;
}
.leftmenu li:hover a{
	color: black;	
}
.leftmenu li a{
	color: #666666;
	display: flex;
}
.leftmenu li a .menuicon img{
	height: 23px;
    max-width: 23px;
    margin-right: 8px;
}
.leftmenu2{
	padding: 0px;
	margin-bottom: 0;
}
.leftmenu2 > li:after{
    content: "\f04b";
    width: 5px;
    height: 10px;
    margin-left: auto;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    color: #959595;
    font-size: 10px;
    display: flex;
    align-items: center;
}
.menuhicon{
    position: absolute;
    top: -15px;
    right: -10px;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 700;
    color: #fff;
    line-height: 20px;
    z-index: 99;
}
.rightmenu{
	display: block;
    background: #f1f1f178;
    padding: 0px 10px 0px 15px;
}
.rightmenu li{
	padding: 8px 0px;
    border-bottom: thin #e5e5e5 solid;
    position: relative;
}
.rightmenu li:after{
	content: ">";
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 25px;
    color: #818181;
}
.rightmenu li:hover:after{
	color: #FDB813;
}
.rightmenu li:hover a{
	color: black;	
}
.rightmenu li a{
	color: #666666;
	display: flex;
}
.rightmenu li a .menuicon img{
   height: 16px;
   width: 24px;
   margin-right: 10px;
}
@media (min-width: 768px) and (max-width: 992px)
{
    .leftmenu{
       padding: 0;	
   }
   .leftmenu li{
       width: 50%;
       float: left;
       height: 40px;	
   }
   .leftmenu li:after{
       right: 20px;
   }

}
@media (min-width: 992px) and (max-width: 1199px)
{
    .rightmenu{
       padding: 0;	
   }
   .rightmenu li{

       width: 33%;
       float: left;
       height: 40px;
   }
   .rightmenu li:after{
       right: 20px;
   }
   .right{
       padding: 10px 20px;	
   }
   .right li{
    width: 100%;
    float: inherit;
    height: 40px;	
}
.right li:after{
	right: 0px;
}

}
@media (min-width: 768px) and (max-width: 991px)
{
    .rightmenu{
       padding: 0;	
   }
   .rightmenu li{
       width: 50%;
       float: left;
       height: 40px;	
   }
   .rightmenu li:after{
       right: 20px;
   }
   .right{
       padding: 10px 20px;	
   }
   .right li{
    width: 100%;
    float: inherit;
    height: 40px;	
}
.right li:after{
	right: 0px;
}
}
.content-section th, .content-section td {
    font-size: initial !important;
    padding: 5px;
}
.right-head{
	/*background: #212f3b;
    color: white;
    text-align: center;
    padding: 5px 10px;
    font-weight: 700;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 15px;*/
}
.right-box .league-menu-item{
	font-size: 12px;
    padding: 5px 10px !important;
}
.ranking-table .team{
	display: none !important;
}
.right-box .embed-ranking .ranking-list .ranking-head
{
	display: none !important;
}
/***** api style *****/
.tableOdds {
    height: 800px !important;
    overflow-y: scroll !important;
}
:root {
    --odd-white-color: #fff;
    --odd-white-color-header: #fff;
    --odd-white-color-border: #fff;
    --odd-black-color: #000000;
    --odd-orange-color: #ff6600;
    --odd-red-color: #ff3400;
    --odd-bg-bookmaker-color: #5706f9;
    --odd-live-bg-color: #ffdfca;
    --odd-contentTab-gray-color: #acb8d4;
    --odd-bodyTableOdds-color: #dfc8b8;
    --odd-bg-color-odds: #f1f1f1;
    --odd-box-shadow-color: #00000029;
    --search-dropdown-league-icon-color: #fff;
    --odd-white-color-btn-bet: #fff;
    --bg-color-btn-bet: #664300;
    --odd-white-color-btn-bet-live: #fff;
    --bg-color-btn-bet-live: red;
    --border-color-btn-bet-live: red;
    --bg-color-btn-identify-live: #01b243;
    --border-color-btn-identify-live: #06d001;
    --color-btn-identify-live: #fff;
    --border-color-btn-bet: #ffc100;
    --odd-white-color-btn-bet-hover: #fff;
    --bg-color-btn-bet-hover: #bb2b07;
    --odd-bg-color-leagues-filter: #d6d8dc;
    --odd-bg-color-leagues-filter-active: #393b3d;
    --odd-border-color-search-and-dropdown: #212F3B !important;
    --odd-color-filter-date: #464646;
    --odd-color-filter-odds-name-ns: #2b3f6d;
    --odd-activeTab-live-bg-hover: #f9d4b9;
    --odd-activeTab-bg: #c6d0e8;
    --odd-activeTab-bg-hover: #bcc5dc;
    --odd-contentTab-bg: #f8cbad;
    --odd-contentTab-gray-bg: #acb8d4;
    --odd-halfMatch-color: #2d2d2d;
    --odd-header-bg: #ea6517;
    --odd-header-match-bg: #ef7f3c;
    --odd-header-betBtn-bg: #ff3401;
    --odd-leagueName-bg: #fff;
    --odd-pink-bg: #ff0a09;
    --odd-header-bg-table: linear-gradient(45deg, #212F3B 0%, #212F3B 28.2%, #664300 28.2%, #664300 100%) !important;
    --odd-primary-color: #23309d;
    --odd-secondary-color: #664300;
    --odd-skeleton-bg: #f9d4b9;
    --odd-hover-active-bg: #ffe2d1;
    --odd-betOrder-bg-hover: #96aee5;
    --odd-hover-active-leagues-bg: #664300 !important;
    --odd-itemOddsTab-color: #606060;
    --odd-itemOddsTab-dot-color: #ccc;
    --odd-itemOddsTab-dot-active-color: #333;
    --odd-splash-color: #64d1ff;
    --odd-matchOdds-border-color-none: #acb8d4;
    --odd-font-size-body: 13px;
    --odd-padding-page-odds: 30px 12px;
    --odd-max-width-odds: 1200px !important;
    --odd-shadow-list-select: 0px 8px 16px 0px rgba(0, 0, 0, .2);
    --odd-width-search-and-dropdown: 50%;
    --odd-padding-dropdown: 5px 0 5px 10px;
    --odd-list-filter-padding: 5px 10px;
    --odd-border-radius-filter-date: 8px;
    --odd-min-width-filter-date: 52px;
    --odd-bg-color-filter-odds-name: transparent;
    --odd-padding-filter-odds-name: 9px 5px;
    --odd-border-filter-odds-name: 8px;
    --odd-padding-filter-bookmaker-name: 9px 10px;
    --odd-border-filter-bookmaker-name: 8px;
    --odd-min-width-filter-bookmaker-name: 100px;
    --odd-min-width-filter-odd-name: 140px;
    --odd-font-size-title-bookmaker: 15px;
    --odd-bg-color-filter-bookmaker-name: #212F3B !important;
    --odd-color-leagues-filter: var(--odd-black-color);
    --odd-color-leagues-filter-active: var(--odd-white-color);
    --odd-bg-color-input-search-and-dropdown: var(--odd-white-color);
    --odd-color-search-and-dropdown: var(--odd-black-color);
    --odd-bg-color-live-filter: #664300;
    --odd-color-live-filter: var(--odd-white-color);
    --odd-bg-color-filter-date: var(--odd-white-color);
    --odd-color-filter-odds-name: #212F3B !important;
    --odd-time-match-color: var(--odd-orange-color);
    --odd-result-match-color: var(--odd-orange-color);
    --odd-color-prefix-odds-name: #664300 !important;
    --odd-color-teaminfo-odds-name: var(--odd-black-color);
    --bg-odd-color-filter-odds-name: var(--odd-white-color);
    --odd-color-filter-odds-name-hover: var(--odd-white-color);
    --bg-odd-color-filter-odds-name-hover: var(--odd-orange-color);
    --odd-color-filter-bookmaker-name: var(--odd-white-color);
    --odd-bg-color-instructPopup-name: #212F3B !important;
    --odd-color-filter-instructPopup-name: var(--odd-white-color);
    --odd-bg-color-instructPopup-name-hover: var(--odd-white-color);
    --odd-color-filter-instructPopup-name-hover: var(--odd-orange-color);
    --odd-search-icon-color: #212F3B !important;
    --odd-search-dropdown-league-icon-color: #212F3B !important;
    --odd-bg-bookmaker-bg-color: var(--odd-white-color);
    --odd-box-shadow-bookmarker-color: var(--odd-box-shadow-color);
    --odd-border-color-filter-odds-name: 1px solid #212F3B !important;
    --odd-border-color-filter-instructPopup-name: 1px solid #212F3B !important;
    --odd-border-color-filter-bookmaker-name: 1px solid #212F3B !important;
    --odd-padding-filter-instructPopup-name: 9px 8px;
    --odd-border-filter-instructPopup-name: 8px;
    --odd-min-width-filter-instructPopup-name: 100px;
    --odd-font-size-title-instructPopup: 15px;
    --odd-activeTab-live-bg: var(--odd-live-bg-color);
    --odd-contentTab-live-bg: #fbede2;
    --odd-contentTab-gray-border: var(--odd-contentTab-gray-color);
    --odd-bodyTableOdds-border: 1px solid var(--odd-bodyTableOdds-color);
    --odd-bodyTableOdds-border-2: 1px solid var(--odd-contentTab-gray-color);
    --odd-bodyTableOdds-border-hover: 1px solid var(--odd-white-color);
    --odd-bodyTableOdds-gray-border: 1px solid var(--odd-bodyTableOdds-color);
    --odd-bodyTableOdds-gray-border-2: 1px solid var(--odd-contentTab-gray-color);
    --odd-slider-dot-color: #ffaf7b 0% 0% no-repeat padding-box;
    --odd-border-bookmarker: 1px solid #dbdbdb;
    --odd-item-bookmarker-active-bg: #5706f9 0% 0% no-repeat padding-box;
    --odd-betOrder-bg: #fbede2 0% 0% no-repeat padding-box;
    --odd-betOrder-active-bg: #fbede2 0% 0% no-repeat padding-box;
    --odd-bgimage-pink-bg: linear-gradient(90deg, #ff0a09, #ff0a09);
    --odd-matchOdds-border-color: var(--odd-bodyTableOdds-color);
    --odd-matchOdds-border-color-hover: var(--odd-white-color);
    --bg-color-leagues-name-live: #fff6d9;
    --odds-color-live-minus: #ff6600;
    --odd-color-value: #8b8b8b;
    --bg-total-tips: #f23333;
    --color-total-tips: #fff;
    --odd-color-tab-name: #664300;
    --odd-color-tab-odds-name: #664300;
    --odd-hover-btn-listdata: #664300;
    --odd-color-hover-btn-listdata: #000;
    --odd-bg-color-modal: #f6f8ff;
    --odd-home-score-bg-color-modal: linear-gradient(45deg, #d9d9d9 10%, #664300 0%, #664300 0%, #664300 100%);
    --odd-away-score-bg-color-modal: linear-gradient(315deg, #d9d9d9 10%, #664300 0%, #664300 0%, var(--odd-secondary-color) 100%);
}
.leaguesFilterActive {
    background-color: #664300 !important;
    color: #ffffff !important;
}
.leaguesFilter {
    background-color: #efefef !important;
    border: thin #cfcfcf solid !important;
}
.embed-fixture .fixture-list-item .fixture-head {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 5px !important;
    background: #664300 !important;
    color: white !important;
}
.embed-fixture .league-menu .league-menu-item.active, .embed-fixture .league-menu .league-menu-item:hover, .embed-fixture .league-menu .league-menu-item:focus, .embed-fixture .league-menu .league-menu-item:active {
    background-color: #664300 !important;
    color: #ffffff !important;
}
.embed-fixture .league-menu .league-menu-item {
    padding: 8px;
    background-color: #efefef !important;
    border: thin #cfcfcf solid !important;
    border-radius: 5px;
    border: thin #fdcb04 solid !important;
}