body {
    background: #f1f1f1;
    color: #0B1A27;
}

a {
    color: #012466;
    text-decoration: none;
}

header {
    background: white;
}

.logo img {
    max-width: 100%;
    height: 65px;
    width: auto;
}

.mainmenu {
    background: #012466;
}

.mainmenu .nav-item {
    padding: 4px 12px;
}

.mainmenu .nav-link {
    color: #818D9D;
    font-size: 16px;
    font-weight: 500;
}

.mainmenu li:hover a,
.mainmenu .current-menu-item a {
    color: #9DF700 !important;
}

.mainmenu ul.dropdown-menu {
    background-color: #0b1a27;

}

.mainmenu .navbar-toggler {
    color: white;
    z-index: 999;
    position: absolute;
    top: 5px;
    right: 0;
}

.mainmenu .navbar-toggler.collapsed {
    position: static;
}

.mainmenu .navbar-toggler:focus,
.mainmenu .navbar-toggler:focus {
    box-shadow: none;
}

.mainmenu .dropdown-toggle::after {}

footer {
    background: #fff;
    color: #0D1A27;
    margin-top: 25px;
}

.foothr {
    background: #ED1C24;
    height: 3px !important;
    opacity: 1;
}

.fmap iframe {
    width: 100%;
    height: 210px;
}

footer .menu ul {
    padding: 0px;
    list-style: none;
}

footer a {
    color: #0B1A27;
}

.copyright {
    background: #002D80;
    color: white;
    text-align: center;
}

.des-section {
    background: white;
}

.des-section * {
    max-width: 100%;
}

.des-section img {
    max-width: 100%;
    height: auto;
}

.container h1 {
    color: #ED1C24;
    font-size: 27px;
    font-weight: 700;
    border-bottom: 1px #ED1C24 solid;
    padding: 0px 0px 5px 0px;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 15px;
}

.title-1 {
    font-size: 30px;
    font-weight: 700;
}

.title-2 {
    color: #ED1C24;
    font-size: 27px;
    font-weight: 700;
    border-bottom: 3px #ED1C24 solid;
    padding: 0px 0px 5px 0px;
    text-transform: uppercase;
}

.title-3 {
    color: #000;
    font-size: 27px;
    font-weight: 700;
    border-bottom: 3px #ED1C24 solid;
    padding: 0px 0px 5px 0px;
    text-transform: uppercase;
}

.headmeta {
    background: #f4f6fc;
    padding: 4px 10px;
    font-size: 14px;
}

.headmeta a {
    color: black;
}

.sitebreadcrumb {
    font-size: smaller;
    color: #0B1A27;
    display: flex;
    font-weight: 500;
}

.sitebreadcrumb a {
    color: #010834
}

.sitebreadcrumb p {
    margin: 0
}

.sitebreadcrumb i {
    font-size: 13px;
    margin-right: 6px;
    color: #010834;
    margin-top: 3px
}

.sitebreadcrumb .last {
    color: #010834;
    font-weight: 500;
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #012466cf;
    border: none;
}

.content-author {
    background: #F4F6FC;
    overflow: hidden;
    color: #050505;
}

.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: 30px;
    margin-right: 10px;
}

.content-author-name {
    color: #171B24;
    font-size: 25px;
    font-weight: 700;
    display: block;
}

.cat-list {
    overflow: hidden;
    background: white;
}

.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%;
}

.cat-list .cat-list-title {
    color: #202B3D;
    -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;
}

.alm-btn-wrap .alm-load-more-btn {
    background: none !important;
    border: #ED1C24 1px solid !important;
    color: #ED1C24 !important;
    padding: 10px 25px !important;
    height: auto !important;
}

.nhacai-info {
    background: #000000;
    color: #f2f2f2;
    position: relative;
}

.nhacai-info .logo {
    width: 90px;
    max-width: 90%;
    z-index: 2;
    position: relative;
}

.nhacai-info .name {
    font-size: 22px;
    font-weight: 700;
}

.nhacai-info .slogan {
    font-size: 13px;
}

.nhacai-info .des {
    font-size: 14px;
}

.nhacai-info .des b {
    color: #FFCC00;
}

.nhacai-info .nhacai-sstar {
    color: #FFCC00;
    font-weight: 600;
}

.nhacai-info .nhacai-sstar svg {
    margin-right: 3px;
}

.btn-bet {
    background: #FFCC00;
    font-weight: 600;
}

.btn-bet:hover {
    background: #d80c14;
    color: white;
}

.toplists .nhacai-info {
    background: rgb(237, 28, 36);
    background: linear-gradient(90deg, rgba(237, 28, 36, 1) 0%, rgba(233, 28, 35, 1) 35%, rgba(151, 18, 23, 1) 100%);
}

.toplists .nhacai-info .des {
    font-size: 16px;
}

.btn-review {
    background: none;
    font-weight: 600;
    color: white;
    border: thin white solid;
}

.btn-review:hover {
    background: #FFCC00;
}

.nhacai-item-num span {
    color: #0B1A27;
    display: inline-block;
    padding: 5px 5px;
    font-weight: 700;
    font-size: 17px;
    position: absolute;
    width: 60px;
    height: 60px;
    overflow: hidden;
    background: #FFCC00;
    top: 4px;
    left: 4px;
}

.nhacai-item-num span:after {
    content: "";
    position: absolute;
    width: 44px;
    height: 94px;
    top: 0%;
    right: -10%;
    background: #ED1C24;
    transform: rotate(45deg);
    z-index: 1;
}

.right-head {
    color: #000;
    font-size: 21px;
    font-weight: 700;
    border-bottom: 1px #7e7e7e solid;
    padding: 0px 0px 5px 0px;
    text-transform: uppercase;
}

header .form-control {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    color: #212529;
    background-color: #EDEDED;
    border: none;
}

.mainmenu .nav-link img {
    height: 32px;
}

.aligncenter {
    margin: auto;
}

.topsapo {
    font-size: 18px;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.topsapo h1 {
    font-size: 28px;
    font-weight: 700;
    max-width: 100%;
    padding: 0px;
    margin-bottom: 0px;
}

body.home>.container .topsapo {
    margin-top: 30px;
}

.content-scoll-x {
    overflow-x: scroll;
    overflow-y: hidden;
}

.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: #84754E 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;
    background: #1166A5;
    color: #fff;
}

.boxmenu {
    display: flex;
}

.boxmenu a {
    color: #00182E;
    font-size: 13px;
    display: block;
    margin-right: 10px;
    font-weight: 400;
    padding: 4px 6px;
}

.boxmenu a:first-child {
    color: #ffffff;
    background: #1166A5;
}

.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;
}

.list-leagues-standing img {
    width: 20px;
    max-height: 20px;
}

.head-trandau {
    background: #012466 0% 0% no-repeat padding-box;
    border-radius: 0;
    letter-spacing: 0px;
    color: #ffffff;
    padding: 8px 10px;
    font-size: 15px;
    /* line-height: 19px; */
    /* font-weight: 400; */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.item-trandau {
    border-bottom: 1px solid #f5f5f5;
    padding: 8px 0px;
}

.box-ketqua {
    background: #012466 0% 0% no-repeat padding-box;
    border-radius: 10px;
    color: #ffffff;
}

.wp-caption-text {
    font-size: smaller;
    text-align: center;
    padding: 5px 0px;
}

.rightmenu {}

.rightmenu ul {
    display: flex;
    list-style: none;
    align-items: center;
    margin: 0;
    padding: 0;
}

.rightmenu li {}

.rightmenu li a {
    color: #012466;
    background: #9df700;
    padding: 5px 10px;
    border-radius: 5px;
}

.rightmenu li a:hover {
    color: #000 !important;
    background: #f1f1f1;
}

.rightmenu li a.reg {
    margin-left: 10px;
}

.right-box {
    margin-top: 30px;
}

.right-box .blog-list-dealer .rightcontent a {
    font-size: 14px;
}

.right-box .blog-list-dealer .rightcontent span {
    display: none;
}

#main-odds .backgroundOddsPage {
    padding-left: 0;
    padding-right: 0;
}

.row>.ajax-load-more-wrap {
    padding: 0;
}

.chat-app {
    font-size: .75rem;
    background: #eaeaea !important;
    color: #000 !important
}

.chat-app .item-name.lv-1 {
    color: #53686d
}

.chat-app .item-content.lv-1 {
    color: #333
}

.chat-app .name-wrapper {
    background: #7187a6
}

.chat-app .avatar {
    margin-right: 5px;
    color: #fff;
    font-weight: 500
}

.chat-app .input-message {
    background: #53647c
}

.chat-app .name-wrapper input::placeholder {
    color: #fff
}

.embed-fixture {
    font-size: 14px;
}

.nav-top {
    white-space: nowrap;
    overflow: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.nav-top li a,
.mainmenu .nav-link {
    color: #fff;
}

.fixture_football_h2h .fixture-h2h-wrapper .fixture-h2h-header,
.fixture_football_recent .fixture-h2h-wrapper .fixture-h2h-header {

    background-color: #012466 !important;

}

/****** ADS style************/
button.adclose {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #fffffffa;
    border: thin #8ad5fcfa solid;
    color: #8ad5fcfa;
    transition: 0.2s;
}

button.adclose:hover {
    background: #8ad5fcfa;
    color: #fffffffa;
}

ins {
    display: block;
    margin-bottom: 3px !important;
    position: relative;
    margin: auto;
    max-width: 100% !important;
}

ins img {
    width: 100%;
    height: auto;
}

.adscatfish {
    position: fixed;
    right: 0px;
    bottom: 2px;
    width: 100%;
    text-align: center;
    z-index: 999;
}

.adscatfish ins {
    width: 600px;
}

.adfloat img {
    width: 75px;

}

#blLeft {
    position: fixed;
    left: 5px;
    bottom: 5px;
    z-index: 9999;
    width: 200px;
}

#blRight {
    position: fixed;
    right: 5px;
    bottom: 5px;
    z-index: 9999;
    width: 200px;
}

.modal {
    z-index: 9999;
}

.modal-dialog {
    max-width: 302px;
    width: 302px;
    margin: 100px auto;
    background: none;
}

.modal-dialog .modal-content {
    background: none;
    border: none;
}

.headerbanner ins img {
    width: 600px !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100px !important;
}

.stick {
    position: fixed;
    top: 10px;
}

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

@media (min-width: 992px) {
    .ads-pc {}

    .ads-mb {
        display: none;
    }
}

@media (max-width: 991px) {
    .ads-pc {
        display: none;
    }

    .ads-mb {
        display: block;
    }

    ins img {
        width: 100%;
        height: auto;
    }

    .modal-dialog {
        max-width: 240px;
        width: 240px;
        background: none;
    }

}

/********** end ADS style **********/

.close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    color: #fff;
    border: none;
}

.search-mobile .btn-search{
    background: none;
    border: none;
}

#exampleModal .modal-content{
    background: #fff;
}

#exampleModal .modal-dialog{
    max-width: 90%;
    width: 90%;
}

#exampleModal #formtimkiem{
    position: relative;
}

#exampleModal #formtimkiem input{
    width: 100%;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 5px;
}

#exampleModal #formtimkiem button{
    position: absolute;
    top: 6px;
    right: 5px;
    font-size: 14px;
    padding: 0px 10px;
}