.wrap-form-search-goods {
    width        : 65%;
    height       : 100%;
    display      : inline-block;
    border       : 1px solid #dfdddd;
    border-radius: 36px;
    margin-top   : 10px;
}

.form-search {
    display: inline-block;
    width  : 100%;
}

.form-search .selectWrapper {
    display: inline-block !important;
    width  : 30% !important;
}

.form-search-goods {
    position: relative;
}

.form-search-goods input {
    width        : 100%;
    border-radius: 0;
    margin-bottom: 0;
    padding-right: 60px;
    border       : none;
}


.form-search-goods .submit {
    width              : 60px;
    height             : 100%;
    padding            : 0;
    border-radius      : 0;
    margin-bottom      : 0;
    position           : absolute;
    top                : 0;
    right              : 0;
    background         : 0 0;
    background-repeat  : no-repeat;
    background-position: center;
    box-shadow         : none;
}

.fixture-info select {
    font-size: 13px;
}

.wrap-btn-action.view-all {
    text-align: center;
    margin-top: 10px;
}

.wrap-btn-action.view-all a {
    border-radius: 36px;
}

*:focus {
    outline           : 0 none !important;
    -webkit-box-shadow: none !important;
    ;
    box-shadow: none !important;
    /*border  : none !important;*/
}

.list-info-match .section-upcoming-events .commands .command.right {
    flex-direction: unset;

}

.list-info-match .section-upcoming-events .commands .command.left {
    flex-direction: unset;

}

.list-info-match .commands .command {
    min-width: unset;
}

.list-info-match .commands {
    height: 120px;
}

.list-info-match .match-info-primary {
    background: url('../img/Background_op.jpg')
}

.list-info-match .command_vs p {
    color: white
}

.list-info-match .info-detail .time {
    margin-bottom: 5px;
    font-size    : 12px;
    line-height  : 20px
}

.list-info-match .info-detail .team-match {
    margin-bottom: 5px;
    font-size    : 15px;
    line-height  : 25px
}

.list-info-match .section-upcoming-events .match-info .event-league {
    font-size: 15px;
}

.list-info-match .info-detail {
    padding: 5px 0 !important
}

.selectWrapper select {
    padding    : 0px 10px !important;
    line-height: 18px !important;
    height     : 45px !important;
    margin     : 0 !important;
}

.giaiDau.active {
    border-bottom: 2px solid #eea41c;
}

.datCuocBTN {
    /*display: none !important;*/
}

.dangDienRa {
    margin-bottom: 20px;
    background   : red;
    color        : #fff;
}

.dangDienRa:before {
    content: none !important;
}

.dangDienRa:after {
    content: none !important;
}

.dangDienRa .title {
    border    : solid 1px red;
    padding   : 5px;
    background: red !important;
    ;
    border-radius: 36px;
    color        : #fff !important;
}

.match-info .team-name {
    margin: auto;
}

.info-live img {
    width: 100%;
}

.viewDoiHinhRaSan {
    position : absolute;
    width    : 100%;
    height   : 100%;
    top      : 0;
    left     : 0;
    z-index  : 1;
    min-width: 900px;
}

.viewDoiHinhRaSan .item {
    height         : 100%;
    flex           : 1;
    position       : relative;
    display        : flex;
    flex-direction : column;
    justify-content: space-around;
    align-items    : center;
}

.viewDoiHinhRaSan .item2 {
    position  : relative;
    text-align: center;
}

.viewDoiHinhNha {
    width         : 50%;
    height        : 100%;
    float         : left;
    display       : flex;
    flex-direction: row;
    min-width     : 450px;

}

.viewDoiHinhKhach {
    width         : 50%;
    height        : 100%;
    float         : right;
    display       : flex;
    flex-direction: row;
    min-width     : 450px;

}


.viewDoiHinhRaSan .item2 img {
    width        : 40px;
    height       : 40px;
    background   : #fff;
    border-radius: 20px;
    margin       : auto;
}

.viewDoiHinhRaSan .item2 p {
    font-size    : 11px;
    margin       : auto;
    white-space  : nowrap;
    text-overflow: clip;
    color        : orange;
    font-weight  : bold;
}


.viewDoiHinhRaSan .item2:hover img {
    border: 2px solid orange;
}

.viewDoiHinhRaSan .item2:hover p {
    background   : orange;
    color        : #fff;
    padding      : 0px 3px;
    border-radius: 5px;
}

.slide-bar-top-live {
    display: none;
}



.top-background {
    background     : url(../../top-banner.jpeg);
    padding        : 15px 50px;
    background-size: cover;
}

.top-background h1 {
    color    : #fff;
    font-size: 20px;
}

.top-background h3 {
    width      : 55%;
    color      : #fff;
    line-height: 20px;
    margin-top : 20px;
    font-weight: 500;
    font-size  : 15px;
}

@media only screen and (max-width: 800px) {
    .page-live-chanel-no-login .wrap-content .wrap-btn-action {
        flex-flow: column-reverse;
    }

    .page-live-chanel-no-login .wrap-content .wrap-btn-action .wrap-link {
        width     : 100%;
        display   : inline-block;
        text-align: center;
        margin-top: 10px;
    }

    .page-live-chanel-no-login .wrap-content .wrap-btn-action .wrap-link a {
        margin-top: 5px;
    }

    .page-live-chanel-no-login .wrap-content .wrap-btn-action .text-right {
        width  : 100%;
        display: inline-block;
    }

    .page-live-chanel-no-login .wrap-content .wrap-btn-action .text-right a {
        width     : calc(100% - 20px);
        display   : inline-block;
        text-align: center;
    }

    .slide-bar-left {
        display: none;
    }

    .slide-bar-right {
        display: none;
    }

    .slide-bar-left-live {
        display: none;
    }

    .slide-bar-right-live {
        display: none;
    }

    .button-sign-in {
        width: 33%;
    }

    .footer-button-sign-in {
        width: 100%;
    }

    .button-sign-in {
        display  : inline-block;
        /*display: inline-block !important;*/
        width    : 33%;
    }

    .slide-bar-top-live {
        display: inline-block;
        width  : 100%;
    }

    .slide-bar-top-live-hide-mobi {
        display: none;
    }

    .logo-hide-mobi {
        width: unset !important
    }

    .menu-right-login {
        width: unset !important
    }
}

.nav-list.bs-docs-sidenav {
    position: fixed;
}

.slide-bar-left {
    left     : 0;
    z-index  : 99;
    max-width: 180px;
    position : fixed;
    top      : 167px;
}


.slide-bar-right {
    right    : 0;
    z-index  : 99;
    max-width: 180px;
    position : fixed;
    top      : 167px;
}

.popup_ads.open {
    opacity   : 1;
    visibility: visible;
}

.popup_ads .input_form {
    margin-bottom: 5px;
}

.modal-ads {
    position: fixed;
    top     : 0;
    left    : 0;
    z-index : 1050;
    display : none;
    width   : 100%;
    height  : 100%;
}

.modal-ads-body {
    max-width: 500px;
    margin   : 6rem auto;
}

.slide-bar-left-live {
    left     : 0;
    z-index  : 99;
    max-width: 180px;
    position : fixed;
    top      : 85px;
}


.slide-bar-right-live {
    right    : 0;
    z-index  : 99;
    max-width: 180px;
    position : fixed;
    top      : 85px;
}

button.close-modal {
    font-family  : arial;
    color        : #fff;
    background   : #000;
    width        : 30px !important;
    height       : 30px !important;
    border-radius: 30px;
    opacity      : 1;
    border       : 2px #fff solid;
    position     : absolute;
    margin-left  : -10px;
    margin-top   : -10px;
    padding      : 0
}

.footer-banner {
    z-index   : 9999999;
    position  : fixed;
    bottom    : 0;
    width     : 100%;
    text-align: center;
}

.container-banner {
    margin-right : auto;
    margin-left  : auto;
    padding-left : 15px;
    padding-right: 15px;
}

button.close-modal-bottom {
    font-family  : arial;
    color        : #fff;
    background   : #000;
    width        : 30px;
    height       : 30px;
    border-radius: 30px;
    opacity      : 1;
    border       : 2px #fff solid;
    margin-left  : -20px;
    margin-top   : -15px;
    position     : absolute;
    padding      : 0;
    z-index      : 9;
}

button.close-banner {
    font-family  : arial;
    color        : #fff;
    background   : #000;
    width        : 30px;
    height       : 30px;
    border-radius: 30px;
    opacity      : 1;
    border       : 2px #fff solid;
    margin-left  : -20px;
    margin-top   : -15px;
    position     : absolute;
    padding      : 0
}

.content-modal {
    position: relative;
}

.menu-right-login {
    width     : 25%;
    text-align: center;
}

.menu-right-slide {
    width: 50%;
}

.logo-hide-mobi {
    width     : 25%;
    text-align: right;
}

.wrap-note .title.countDown {
    font-size: 26px !important;
    padding  : 10px 0;
}

.wrap-note .title {
    font-size: 13px;
}

.wrap-note .list-note {
    font-size: 13px;
}

@media only screen and (max-width: 1024px) {
    .wrap-note .title.countDown {
        font-size: 20px !important;
    }
}


@media only screen and (max-width: 768px) {
    .wrap-note .title.countDown {
        font-size: 17px !important;
    }

    .top-background h3 {
        width: 100%;
    }
}


@media only screen and (max-width: 425px) {
    .wrap-note .title.countDown {
        font-size: 15px !important;
    }
}

@media only screen and (max-width: 320px) {
    .wrap-note .title.countDown {
        font-size: 13px !important;
    }

    .wrap-note .title {
        font-size: 13px !important;
    }

    .wrap-note .list-note li {
        font-size: 11px !important;
    }
}

.email-ad {
    text-align   : right;
    color        : #ffa400;
    padding-right: 20px;
    font-weight  : bold;
}

.topchatmobile {}

.topchatdesktop {}

.adHTML1 {
    text-align: center;
}

.top-btnpage {
    color         : #000 !important;
    padding       : 9px 15px;
    border-radius : 3px;
    font-weight   : bold;
    text-transform: uppercase;
}

.top-btnpage.default {
    background-image: linear-gradient(-161deg, #DDFA00 0%, #eea41c 100%);
}

/*.top-btnpage.after {*/
/*    margin-left: 20px;*/
/*}*/

.row-nhacai {
    flex-direction : row;
    display        : flex;
    justify-content: center;
    align-items    : center;
    background     : #06202a;
    border-radius  : 11px;
    margin-bottom  : 10px;
    padding        : 3px;
}

.custom-toggle-divinfo {
    flex-direction : row;
    display        : flex;
    flex           : 1;
    justify-content: center;
    align-items    : center;
    padding        : 3px;
}

.logobox {}

.logobox img {
    width        : 80px;
    height       : 80px;
    border-radius: 10px;
    object-fit: contain;
}

.ratebox {
    padding: 0 10px;
    flex   : 1
}

.ratebox h4 {
    color        : #fff;
    font-size    : 17px;
    margin-bottom: 7px;
}

.ratebox p {
    color: #fff;
}

.khuyenmaibox {
    flex      : 1;
    text-align: center;
    padding   : 0 10px;
    color     : #fff;
}

.khuyenmaibox h4 {
    color: #fff;
}

.datcuocbox {
    display       : flex;
    flex-direction: column;
}

.datcuocbox a {
    width     : 100px;
    text-align: center;
    margin    : 3px;
    padding   : 0px;
}

.baivietnhacai {
    margin-top: 30px;
}

.itembaiviet {
    border-top : 2px solid #ff6601;
    padding-top: 15px;
}

.itembaiviet .tennhacai {
    color: red;
}

.itembaiviet .contentbaiviet {
    height      : 410px;
    overflow    : hidden;
    padding-left: 15px;
}

.footerbaiviet {
    text-align: center;
    margin    : 20px 0;
}

.footerbaiviet a {}

.datCuocBtnRed {
    background-image: linear-gradient(-161deg, #a00303 0%, #ff1616 100%) !important;
    color           : #fff !important;
}



@media only screen and (max-width: 992px) {
    .row-nhacai {
        flex-direction : column;
        display        : flex;
        justify-content: center;
        align-items    : center;
        background     : #06202a;
        border-radius  : 11px;
        margin-bottom  : 10px;
        padding        : 3px;
    }


    .custom-toggle-divinfo {
        flex-direction : column;
        display        : flex;
        flex           : 1;
        justify-content: flex-start;
        align-items    : flex-start;
        padding        : 3px;
    }

    .datcuocbox {
        flex-direction : row;
        justify-content: center;
        align-items    : center;
        margin-top     : 10px;
    }

    .ratebox {
        text-align: center;
        margin-top: 10px;
    }

    .datcuocbox a {
        width     : 100px;
        text-align: center;
        margin    : 3px;
        font-size : 11px;
        padding   : 0 10px;
    }

    .khuyenmaibox {
        margin-top: 10px;
        text-align: center;
    }


    /*.top-btnpage.after {*/
    /*    margin-left: 10px;*/
    /*}*/
}


@-webkit-keyframes animationRedYellow {
    0% {
        background-color: #DDFA00;
    }

    50.0% {
        background-color: red;
    }

    100.0% {
        background-color: #DDFA00;
    }
}

@keyframes animationRedYellow {
    0% {
        background-color: #DDFA00;
    }

    50.0% {
        background-color: red;
    }

    100.0% {
        background-color: #DDFA00;
    }
}



@-webkit-keyframes animationRedOrange {
    0% {
        background-color: red;
    }

    50.0% {
        background-color: #EFA41D;
    }

    100.0% {
        background-color: red;
    }
}

@keyframes animationRedOrange {
    0% {
        background-color: red;
    }

    50.0% {
        background-color: #EFA41D;
    }

    100.0% {
        background-color: red;
    }
}

.hilightLinkWebsite {
    animation    : animationRedOrange 1.5s ease infinite !important;
    text-align   : center;
}


.nhacaiuytin {
    animation : animationRedYellow 1.5s ease infinite;
    text-align: center;
    display   : inline-block;
    min-width : 175px;
}

.logo-hide-mobi {
    flex-direction : column;
    display        : flex;
    justify-content: center;
    align-items    : center;
}

.logoboxheader img {
    height    : 100px;
    object-fit: contain
}

@media only screen and (max-width: 792px) {
    .logo-hide-mobi {
        flex-direction : row-reverse;
        display        : flex;
        justify-content: center;
        align-items    : center;
        flex           : 1;
        width          : 98.5% !important;
    }

    .nhacaiuytin {
        flex           : 1;
        display        : flex;
        margin-left    : 20px;
        justify-content: center;
    }

    .wrap-header-inner {
        display        : flex;
        justify-content: space-between;
        align-items    : center;
        flex           : 1;
        flex-direction : column;
    }

    .logoboxheader {
        display: flex;
        flex   : 1;
    }

    .logoboxheader img {}

    .top-btnpage {
        color         : #000 !important;
        border-radius : 3px;
        font-weight   : bold;
        text-transform: uppercase;
        font-size     : 13px;
        text-align    : center;
        padding       : 5px 0;
    }
}

@media only screen and (min-width: 792px) {
    .nhacaiuytin {
        flex           : 1;
        display        : flex;
        justify-content: center;
    }

    .top-btnpage {
        color         : #000 !important;
        border-radius : 3px;
        font-weight   : bold;
        text-transform: uppercase;
        font-size     : 13px;
        text-align    : center;
        padding       : 5px 0;
    }
}

@media only screen and (min-width: 801px) and (max-width: 1400px) {
    .logo-hide-mobi {
        width     : 23%;
        text-align: right;
    }
}

.controls textarea,
.controls input {
    box-sizing: border-box;
}


.match-info .btn-default {
    width     : 100px !important;
    padding   : 0 0px !important;
    box-sizing: border-box !important;
}

.section-match-info .match-info-primary .btn-default {
    width     : 150px !important;
    padding   : 0 3px !important;
    box-sizing: border-box !important;
}

.modelAds {
    display: none;
}

.text-running {
    display    : block;
    width      : 100%;
    height     : 34px;
    background : #ff0300;
    color      : #fff;
    padding    : 5px;
    font-size  : 18px;
    overflow   : hidden;
    word-break : break-all;
    flex       : 1;
    white-space: nowrap;
    box-sizing : border-box;
}

.pictureblv {
    width        : 70px;
    height       : 70px;
    border-radius: 35px;
    object-fit   : cover;
}


@-webkit-keyframes animationRedBlue {
    0% {
        background-color: #fff;
    }

    50.0% {
        background-color: red;
    }

    100.0% {
        background-color: blue;
    }
}

@keyframes animationRedBlue {
    0% {
        background-color: #fff;
    }

    50.0% {
        background-color: red;
    }

    100.0% {
        background-color: blue;
    }
}


@-webkit-keyframes animationGreen {
    0% {
        background-color: #fff;
    }

    50.0% {
        background-color: green;
    }

    100.0% {
        background-color: #020d24;
    }
}

@keyframes animationGreen {
    0% {
        background-color: #fff;
    }

    50.0% {
        background-color: green;
    }

    100.0% {
        background-color: #020d24;
    }
}


@-webkit-keyframes animationGreenRed {
    0% {
        background-color: green;
    }

    50.0% {
        background-color: red;
    }

    100.0% {
        background-color: green;
    }
}

@keyframes animationGreenRed {
    0% {
        background-color: green;
    }

    50.0% {
        background-color: red;
    }

    100.0% {
        background-color: green;
    }
}

.ratebox h2 {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 6px;
}