.c-default-layout {
    background-color: #ed6cff; /*#e851ff;*/
}

.c-default-layout .container-form-login .bg-wrapper {
    background: linear-gradient(#fff0, #d569e4);
}

.c-default-layout .container-form-login .custom-button{
    background: #c22eb1;
    color: #fff3e6;
    border-color: #fff3e6;
}


:where(.css-fgu4fs).ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover, :where(.css-fgu4fs).ant-btn-variant-dashed:not(:disabled):not(.ant-btn-disabled):hover {   
   background: linear-gradient(90deg,#c24491,#775fd9)
}

.c-default-layout .container-form-login .custom-input{
    font-size: 1rem !important;
}

.b-yl {
    border: 1px solid #fff !important;
}

.text-yl {
    color: #fff !important;
    font-size: 1rem;
}

.game .tab-sidebar .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
}

.choose .tab-custom .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
}

:where(.css-fgu4fs).ant-typography{
    font-size: 1rem;
}

.game-detail .box-chon-cuoc .item, .game-detail .box-bottom-cuoc{
    background: #ac33be;
    cursor: pointer;
}

.game-detail .box-chon-cuoc .item.active{
    background: #34073c;
}

.game-detail .box-bottom-cuoc .xacnhan {
    background: linear-gradient(270deg, #5c1265, #d727bd);
}

.game-detail .box-chon-cuoc .item.active h4, .game-detail .box-chon-cuoc .item.active span{
    color: #fff;
}

.game-detail .box-chon-cuoc .item {
    height: 17vw;
}

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

a:hover {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.88);
}

.swal2-styled.swal2-confirm{
    background-color: #ac33be !important;
}

#swal2-content {
    font-weight: 400 !important;
}


.glow {
  font-size: 30px;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 10px #ff0099, 0 0 10px #ff0099, 0 0 10px #ff0099,
   0 0 10px #ff0099;
  font-weight: bold;
}

.bg-footer {
    background: #702566;
    z-index: 99999;
}

.footer a span {
    font-size: 0.875rem;
    color: #fff;
}

.game-detail .box-bottom-cuoc .bottom-sheet{
    background: #ac33be;
}

.my-account{
    border-radius: 10px;
    background-color:#ac33be;
}

.my-account .css-fgu4fs span{
    font-size: 1rem;
}

.form-group.error .help-block {
    color: #2f0308;
    position: absolute;
}

.form-group .help-block ul{
    margin-bottom: 0.5rem;
}

.form-group .help-block ul li {
    list-style-type: none;
    font-size: 0.875rem;
    padding-top: 0.2rem;
    margin-left: 15px;
}

:where(.css-fgu4fs).ant-carousel .slick-slide{
    height: auto;
}


.swiper-horizontal {
    touch-action: pan-y;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.home .xep-hang .item img {
    border-radius: 0;
    height: 15vh;
    object-fit: cover;
}

:where(.css-fgu4fs).ant-tabs .ant-tabs-tab-btn:active{
    color: #fff;
    font-weight: 700;
}


body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){
    padding-right: 0px !important;
}

.history-bet .s-list{
    padding-bottom: 100px;
    color: #1d1616;
}

.history-bet .s-list img{
    border-radius: 50%;
    background: #fff;
}

.history-bet .s-list h3{
   font-size: 1.2rem;
}

.history-bet .s-list h4{
   font-size: 1rem;
}

.text-right{
    text-align: right;
}

.text-pending{
    color: #f1f155;
}

.text-win{
    color: #0a4e0a;
}

.text-lose{
    color: #c10c0c;
}

.choose .ant-tabs-ink-bar-0{
  width: 300px;
  left: 150px;
  transform: translateX(-50%);
}

.choose .ant-tabs-ink-bar-1{
  width: 300px;
  left: 450px;
  transform: translateX(-50%);
}

.profile-detail .tab-custom .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
}

.profile-detail .ant-tabs-ink-bar-1{
  width: 284px;
  left: 142px;
  transform: translateX(-50%);
}

.profile-detail .ant-tabs-ink-bar-2{
  width: 284px;
  left: 426px;
  transform: translateX(-50%);
}

a.link-fancybox:hover{
    opacity: 0.8;
}

.text-intro{
    font-size: 1.2rem;
}


@media (max-width: 767px) {
   .my-account .css-fgu4fs span{
       font-size: 0.775rem;
    }


    .choose .ant-tabs-ink-bar-0{
        width: 50%;
        left: 108px;
        transform: translateX(-50%);
    }

    .choose .ant-tabs-ink-bar-1{
      width: 50%;
      left: 322px;
      transform: translateX(-50%);
    }

    .profile-detail .ant-tabs-ink-bar-1{
      width: 50%;
      left: 99.5px;
      transform: translateX(-50%);
    }

    .profile-detail .ant-tabs-ink-bar-2{
      width: 50%;
      left: 299px;
      transform: translateX(-50%);
    }

    .text-intro{
        font-size: 0.875rem;
    }

    .game-detail .box-chon-cuoc .item {
        height: 40vw;
    }
}