.page.eventPage{
    background-image: url(../../../../files/images/event-bg.jpg);
    background-repeat: no-repeat;
    background-position: center ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.eventPage .titleArea{
    width:100%;
    height:auto;
    max-width:800px;
    margin:0 auto;
    text-align: center;
}

.eventPage .titleArea .leftTriangle{
    margin:0px;
    display:block;
    float:left;
    width:70px;
    height:60px;
    background-image: url(../../../../files/images/title-left-bg.png);
    background-repeat: no-repeat;
    background-position: center ;
    background-size: cover;
}

.eventPage .titleArea .rightTriangle{
    display:block;
    float:left;
    width:70px;
    height:60px;
    background-image: url(../../../../files/images/title-right-bg.png);
    background-repeat: no-repeat;
    background-position: center ;
    background-size: cover;
}



.eventPage .titleArea .centerBox{
    display:block;
    float:left;
    width:calc(100% - 140px);
    height:60px;
    background-image: url(../../../../files/images/title-center-bg.jpg);
    background-repeat:repeat-x;
    background-position: center ;
    background-size:contain;
}

.eventPage .titleArea .eventTitle{
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    width:100%;
    color:#fff;
    text-shadow: 2px 1px 2px #5f5f5f;
}

.eventPage .subTitleArea{
    width:100%;
    height:auto;
    max-width:1000px;
    margin:0 auto;
}

.eventPage .subTitleArea .leftTriangle{
    margin:0px;
    display:block;
    float:left;
    width:40px;
    height:50px;
    background-image: url(../../../../files/images/detail-left-bg.png);
    background-repeat: no-repeat;
    background-position: center ;
    background-size: cover;
}

.eventPage .subTitleArea .rightTriangle{
    margin:0px;
    display:block;
    float:left;
    width:40px;
    height:50px;
    background-image: url(../../../../files/images/detail-right-bg.png);
    background-repeat: no-repeat;
    background-position: center ;
    background-size: cover;
}


.eventPage .subTitleArea .centerBox{
    display:block;
    float:left;
    width:calc(100% - 80px);
    height:50px;
    background-image: url(../../../../files/images/detail-center-bg.png);
    background-repeat:repeat-x;
    background-position: center;
    background-size:contain;

}

.eventPage .subTitleArea .centerBox .date, .eventPage .subTitleArea .centerBox .time{
    display: inline-flex;
    align-items: center;
    height:45px;
    font-size: 25px;
    font-weight: bold;
    color:#fff;
    text-shadow: 2px 1px 2px #5f5f5f;
}
.eventPage .subTitleArea .centerBox .time{
    float:right;
}


.eventPage .detailArea{
    margin:0 auto;
    max-width:890px;
    width:100%;
    background-image: linear-gradient(to top, rgba(255,0,0,0), rgb(10, 29, 72))
}

.eventPage .detailArea .scoreboard{
    width:400px;
    height:65px;
    margin:0 auto;
    background-image: url(../../../../files/images/scoreboard.png);
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
}


.eventPage .detailArea .team{
    text-align: center;
    cursor:pointer;
}


.eventPage .detailArea .team img{
    height:150px;
    width:auto;
}
.eventPage .detailArea .team h1{
    font-size: 30px;
    font-weight: bold;
    text-shadow: 2px 1px 2px #5f5f5f;
}

.eventPage .detailArea .eventDetail{
    max-width:calc(100% - 20px);
    margin:0 auto;
    font-size: 25px;
    text-align: center;
    background-color: #0e17256c;
    padding:10px;
    border-radius: 10px;
}


.eventPage .detailArea .formArea{
    width:100%;
    max-width: 350px;
    margin:0 auto;
}

.eventPage .detailArea .formArea input{
    font-size:20px;
    font-weight: bold;
}


.eventPage .detailArea .formArea button{
    font-size:20px;
    font-weight: bold;
}

.eventPage .detailArea hr{
    margin:10px 0;
}
.eventPage .detailArea .rules{
   background-color: #15257e5e;
}


.eventPage .teamVs img{
    height:80px;
    width: auto;
}

.eventPage .eventBox .card-cover{
    background-image: url(../../../../files/images/event-box-bg.png);
    background-repeat: no-repeat;
    background-position:center;
    background-size:100% 100%;
}


.eventPage .eventBox.deactive{
    filter: grayscale(80%); /* Standard */
    -webkit-filter: grayscale(80%); /* Webkit */
}



@media (max-width:1200px){

    .eventPage .detailArea {
        max-width: 790px;
    }
}

@media (max-width:991px){
    .eventPage .detailArea {
        max-width: 590px;
    }
}

@media (max-width:767px){
    .eventPage .detailArea {
        max-width: 420px;
    }

    .eventPage .detailArea .team img{
        height:100px;
    }
    .eventPage .detailArea .team h1{
        font-size: 20px;
    }

    .eventPage .titleArea .leftTriangle, .eventPage .titleArea .rightTriangle{
        width:52px;
        height:45px;
    }

    .eventPage .titleArea .centerBox{
        width:calc(100% - 104px);
        height:45px;
    }

    .eventPage .titleArea .eventTitle{
        font-size: 30px;
    }

    .eventPage .subTitleArea .leftTriangle, .eventPage .subTitleArea .rightTriangle{
        width:30px;
        height:38px;
    }
    
    .eventPage .subTitleArea .centerBox{
        width:calc(100% - 60px);
        height:38px;
    }

    .eventPage .subTitleArea .centerBox .date, .eventPage .subTitleArea .centerBox .time{
        height:35px;
        font-size: 18px;
    }
    .eventPage .detailArea .scoreboard{
        width:300px;
        height:50px;
    }

    .eventPage .detailArea .eventDetail{
        font-size: 20px;
    }

    .eventPage .detailArea .formArea input,.eventPage .detailArea .formArea button{
        font-size:18px;
    }
    

   
}

@media (max-width:576px){

    .eventPage .detailArea {
        max-width: calc(100% - 40px);
        border-radius: 20px;
    }

    .eventPage .detailArea .scoreboard{
        width:275px;
        height:45px;
    }
}

@media (max-width:460px){

    .eventPage .navbar-brand .navbar-brand-image{
        width:150px;
    }

    .eventPage .detailArea .team img{
        height:70px;
    }
    .eventPage .detailArea .team h1{
        font-size: 18px;
    }

    .eventPage .titleArea .leftTriangle, .eventPage .titleArea .rightTriangle{
        width:40px;
        height:35px;
    }

    .eventPage .titleArea .centerBox{
        width:calc(100% - 80px);
        height:35px;
    }

    .eventPage .titleArea .eventTitle{
        font-size: 22px;
    }
    
    .eventPage .subTitleArea .leftTriangle, .eventPage .subTitleArea .rightTriangle{
        width:30px;
        height:38px;
    }    
    .eventPage .subTitleArea .centerBox{
        width:calc(100% - 60px);
        height:38px;
    }

    .eventPage .subTitleArea .centerBox .date, .eventPage .subTitleArea .centerBox .time{
        height:35px;
        font-size: 16px;
    }
    .eventPage .detailArea .scoreboard{
        width:250px;
        height:40px;
    }

    .eventPage .detailArea .eventDetail{
        font-size: 16px;
    }

    .eventPage .detailArea .formArea input,.eventPage .detailArea .formArea button{
        font-size:16px;
    }
}

@media (max-width:380px){
    .eventPage .detailArea .team img{
        height:60px;
    }
    .eventPage .detailArea .team h1{
        font-size: 16px;
    }

    .eventPage .detailArea .scoreboard{
        width:154px;
        height:25px;
    }
    .eventPage .subTitleArea .centerBox .date, .eventPage .subTitleArea .centerBox .time{
        height:35px;
        font-size: 14px;
    }
    .eventPage .detailArea .eventDetail{
        font-size: 14px;
    }
}




.blackBg{
    background-color:#141518;
}

.checked .form-imagecheck-image {
    opacity: 1;
}

.promo-content{
    height:150px; 
    background-image: url(../../../../files/images/upload/promo-bg2.jpg);
    background-size:cover;
    background-position:center;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 4px;
    
}

.theme-light .promo-content{
    background-image: url(../../../../files/images/upload/promo-bg2-light.jpg);
}


.promo-content input{
    background-color:transparent;
    background-image: url(../../../../files/images/upload/promo-input-bg.png);
    background-size: 100%;
    background-position:center;
    background-repeat: no-repeat;
    padding:0 20px 5px 20px;
    color:#212121;
    text-align: center;
    height:60px;
    width:100%;
    border:none;
    font-size: 17px;
    font-weight: bold;
}

.promo-content input:hover, .promo-content input:active, .promo-content input:focus{
    border:none; 
    outline: none;
}

.spinTheWeel .card-cover{
    height:180px; 
    background-image: url(../../../../files/images/upload/spin-the-wheel.jpg)
}



.theme-dark .spinTheWeel .card-cover::before {
	background: rgba(255, 255, 255, 0);
}


@media (max-width: 992px) {
    .promo-content{
        height:110px; 
    }

    .promo-content input{
        font-size: 14px;
        width:70%;
    }

    .spinTheWeel .card-cover{
        height:140px; 
		
    }
}

.winUsersMarquee{
    overflow: hidden;
    width:100%;
}

img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
  }

.dblock{
    display:block !important;
}

.theme-dark .accordion-button:not(.collapsed){
    color:#a4b6ff !important;
}

.accordion-button:not(.collapsed){
    color:#5e74cd !important;
}

.theme-dark .modal-content{
    -webkit-box-shadow: 2px 4px 7px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 4px 7px 1px rgba(0,0,0,0.5);
    box-shadow: 2px 4px 7px 1px rgba(0,0,0,0.5);
}


.theme-dark .modal-backdrop{
    background-color: #3b424d;
}

.modalAlert .icon{
    font-size:50px;
}

.modalAlert.info .icon{
    color:#2186da !important;
}

.modalAlert.success .icon{
    color:#2fb344 !important;
}

.modalAlert.error .icon{
    color:#d63939 !important;
}


.progress.br-none{
    border-radius: 0px !important;
}

.theme-dark .form-control:-webkit-autofill,
.theme-dark .form-control:-webkit-autofill:hover,
.theme-dark .form-control:-webkit-autofill:focus,
.theme-dark .form-control:-webkit-autofill:active  {
  color: #ececec ;
  -webkit-text-fill-color: #ececec;
}

.navbar-vertical.navbar-expand-lg .navbar-brand {
    padding: 0px !important;
}


.navbar-brand {
    padding:0px;
}


.navbar-brand .navbar-brand-image {
    width:200px;
    height:auto;
}


.navbar-dark {
    background: #0e1725;
}

.page-body {
    min-height:calc(100vh - 224px);
}



.footer {
    padding: 1rem 0;
}

.empty-img img {
    width:400px;
    height: auto;
}



.userName{
    border-radius: 5px;
    padding:7px;
}

.btnImgChange{
    position:absolute;
    left:15px;
    top:15px;
    width:40px;
    height:40px;
    font-size:20px;
}

.nav-item .active{
    background-color: #384955;
    color: #fff;
}

.dropdown-menu .dropdown-item {
    font-size:13px;
    
}

.passInputArea{
    padding:0;
}

.p0{ padding:0px;}
.p1{ padding:1px;}
.p2{ padding:2px;}
.p3{ padding:3px;}
.p4{ padding:4px;}
.p5{ padding:5px;}

.ti{
    font-size: 1rem;
    margin:0 5px;
}

.fleft{
    float:left !important;
}
.fright{
    float:right !important;
}

.text-left{
    text-align: left !important;
}
.text-right{
    text-align: right !important;
}

.bold{
    font-weight:bold;
}

.authStatusArea{
    width:100%;
    float:left;
    display:block;
}

.sticky{
    position:sticky;
    position: -webkit-sticky;
    top: 0;
    z-index:4;
    background-color: #fff;
}
.theme-dark .card-cover::before {
    background: rgba(30, 41, 59, 0.15);
}

.card-cover::before {
    background: rgba(30, 41, 59, 0.1);
}

.theme-dark .sticky{
    background-color: #1e293b;
}

.theme-light .carousel-control-prev, .theme-light .carousel-control-next{
    color:#474747;
}

.theme-light .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23474747' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e");
 }

 .theme-light .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23474747' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e");
}

.theme-dark .nav-tabs .nav-link.active, .theme-dark .nav-tabs .nav-item.show .nav-link {
    color: #d9dada;
    background-color: #2d3b52;
    border-color: #253249 #233045 #233045;
}

.theme-dark .nav-tabs {
    border-bottom: 1px solid #2d3b52;
}

.theme-dark .modal-header{
    border-color:#29374d ;
}
.theme-dark .nav-link{
    color: #c9d8e9; 
}

.theme-dark .nav-link:hover, .theme-dark .nav-link:focus {
    color: #d8e8fa;
}

.theme-dark .navbar-brand-autodark {
    filter:none;
}

.theme-dark .nav-tabs .nav-link:hover, .theme-dark .nav-tabs .nav-link:focus {
    border-color: #2d3b52 #37445b #37445b;
}

.theme-dark .navbar-dark{
    box-shadow: inset 0 -1px 0 0 rgba(98, 105, 118, 0.16); 
}


.ticketType{
    top:56px;
    z-index:3;
    background-color: #f5f7fe !important;
}

.theme-dark .ticketType{
    background-color: #323c5e !important;
}

.theme-dark .bg-white{
    background-color: #1b2434 !important;
}

.ticketBuy{
    bottom:0px;
    z-index:3;
}

.hide{
    display:none !important;
}





a.badge{
    text-decoration: none;
}

a.badge:hover{
    color:#fffab4;
}

.badge-lg{
    font-size:16px;
    padding:7px 0px;
}
.badge-sm{
    font-size:14px;
    padding:0px 5px 0px 5px;
}

.badge-xs{
    font-size:12px;
    padding:0px 4px 0px 4px;
}

.w100{
    width:100% !important;
}

.w50{
    width:50% !important;
}

.tt-none{
    text-transform: none;
}

.bt-1{
    border-top:1px solid #e9e9e9;
}

.theme-dark .bt-1{
    border-top:1px solid #253349;
}

.p0

.ptb-0{
    padding-top:0px !important ;
    padding-bottom:0px !important;
}

.ptb-1{
    padding-top:1px !important ;
    padding-bottom:1px !important;
}

.ptb-2{
    padding-top:2px !important ;
    padding-bottom:2px !important;
}

.ptb-3{
    padding-top:3px !important ;
    padding-bottom:3px !important;
}

.ptb-4{
    padding-top:4px !important ;
    padding-bottom:4px !important;
}
.ptb-5{
    padding-top:5px !important;
    padding-bottom:5px !important;
}
.ptb-10{
    padding-top:10px !important;
    padding-bottom:10px !important;
}
.ptb-15{
    padding-top:15px !important;
    padding-bottom:15px !important;
}
.ptb-20{
    padding-top:20px !important;
    padding-bottom:20px !important;
}
.ptb-25{
    padding-top:25px !important;
    padding-bottom:25px !important;
}

.ptb-30{
    padding-top:30px !important;
    padding-bottom:30px !important;
}


.plr-0{
    padding-left:0px;
    padding-right:0px;
}
.plr-5{
    padding-left:5px;
    padding-right:5px;
}
.plr-10{
    padding-left:10px;
    padding-right:10px;
}
.plr-15{
    padding-left:15px;
    padding-right:15px;
}
.plr-20{
    padding-left:20px;
    padding-right:20px;
}
.plr-25{
    padding-left:25px;
    padding-right:25px;
}

.plr-30{
    padding-left:30px;
    padding-right:30px;
}


.pr-0{
    padding-right:0px!important;
}
.pr-1{
    padding-right:1px!important;
}
.pr-2{
    padding-right:2px!important;
}
.pr-3{
    padding-right:3px!important;
}
.pr-4{
    padding-right:0px!important;
}
.pr-5{
    padding-right:0px!important;
}


.pt-1p{ padding-top:1px;}
.pt-2p{ padding-top:2px;}
.pt-3p{ padding-top:3px;}
.pt-4p{ padding-top:4px;}
.pt-5p{ padding-top:5px;}
.pt-10{ padding-top:10px;}
.pt-15{ padding-top:15px;}
.pt-20{ padding-top:20px;}
.pt-25{ padding-top:25px;}
.pt-30{ padding-top:30px;}

.pb-1p{ padding-bottom:1px!important;}
.pb-2p{ padding-bottom:2px!important;}
.pb-3p{ padding-bottom:3px!important;}
.pb-4p{ padding-bottom:4px!important;}
.pb-5p{ padding-bottom:5px!important;}
.pb-10{ padding-bottom:10px!important;}
.pb-15{ padding-bottom:15px!important;}
.pb-20{ padding-bottom:20px!important;}
.pb-25{ padding-bottom:25px!important;}
.pb-30{ padding-bottom:30px!important;}

.text-velvet{
    color:#f5e7d4;
}

.theme-light .text-velvet{
    color: #364676 !important;
}

.theme-light .bg-yellow-lt .text-muted{
    color:#b3b3b3 !important;
}


.theme-light .bg-yellow-lt .text-white{
    color:#292929 !important;
}

.theme-dark .card.border{
    border-color: #364676 !important;
}

.link{
    cursor:pointer;
}

.tlIcon{
    top: -6px !important;
    position: relative;
    left: -4px;
    margin: 0;
}


.fs-10{font-size: 10px;}
.fs-11{font-size: 11px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.fs-19{font-size: 19px;}
.fs-20{font-size: 20px;}
.fs-21{font-size: 21px;}
.fs-22{font-size: 22px;}
.fs-23{font-size: 23px;}
.fs-24{font-size: 24px;}
.fs-25{font-size: 25px;}
.fs-30{font-size: 30px;}
.fs-40{font-size: 40px;}
.fs-50{font-size: 50px;}
.fs-60{font-size: 60px;}

.mh-50{min-height:50px !important;}
.mh-60{min-height:60px !important;}
.mh-70{min-height:70px !important;}
.mh-80{min-height:80px !important;}
.mh-90{min-height:90px !important;}
.mh-100{min-height:100px !important;}
.mh-110{min-height:110px !important;}
.mh-120{min-height:120px !important;}
.mh-130{min-height:130px !important;}
.mh-140{min-height:140px !important;}
.mh-150{min-height:150px !important;}
.mh-160{min-height:160px !important;}
.mh-170{min-height:170px !important;}
.mh-180{min-height:180px !important;}
.mh-190{min-height:190px !important;}
.mh-200{min-height:200px !important;}

.mb-0p{margin-bottom:0px !important}
.mb-1p{margin-bottom:1px !important}
.mb-2p{margin-bottom:2px !important}
.mb-3p{margin-bottom:3px !important}
.mb-4p{margin-bottom:4px !important}
.mb-5{margin-bottom:5px !important}
.mb-10{margin-bottom:10px !important}
.mb-15{margin-bottom:15px !important}
.mb-20{margin-bottom:20px !important}
.mb-25{margin-bottom:25px !important}
.mb-30{margin-bottom:30px !important}
.mb-35{margin-bottom:35px !important}

.mt-0{margin-top:0px !important}
.mt-1p{margin-top:1px !important}
.mt-2p{margin-top:2px !important}
.mt-3p{margin-top:3px !important}
.mt-4p{margin-top:4px !important}
.mt-5{margin-top:5px !important}
.mt-10{margin-top:10px !important}
.mt-15{margin-top:15px !important}
.mt-20{margin-top:20px !important}
.mt-25{margin-top:25px !important}
.mt-30{margin-top:30px !important}
.mt-35{margin-top:35px !important}

.mr-1{margin-right:1px !important}
.mr-2{margin-right:2px !important}
.mr-3{margin-right:3px !important}
.mr-4{margin-right:4px !important}
.mr-5{margin-right:5px !important}
.mr-10{margin-right:10px !important}
.mr-15{margin-right:15px !important}
.mr-20{margin-right:20px !important}
.mr-35{margin-right:25px !important}
.mr-30{margin-right:30px !important}
.mr-35{margin-right:35px !important}

.ml-5{margin-left:5px !important}
.ml-10{margin-left:10px !important}
.ml-15{margin-left:15px !important}
.ml-20{margin-left:20px !important}
.ml-35{margin-left:25px !important}
.ml-30{margin-left:30px !important}
.ml-35{margin-left:35px !important}


.lh-10{ line-height: 10px;}
.lh-11{ line-height: 11px;}
.lh-12{ line-height: 12px;}
.lh-13{ line-height: 13px;}
.lh-14{ line-height: 14px;}
.lh-15{ line-height: 15px;}
.lh-16{ line-height: 16px;}
.lh-17{ line-height: 17px;}
.lh-18{ line-height: 18px;}
.lh-19{ line-height: 19px;}
.lh-20{ line-height: 20px;}

.mw-20{  min-width: 20px; }
.mw-30{  min-width: 30px; }
.mw-40{  min-width: 40px; }
.mw-50{  min-width: 50px; }
.mw-60{  min-width: 60px; }
.mw-70{  min-width: 70px; }
.mw-80{  min-width: 80px; }
.mw-90{  min-width: 90px; }
.mw-100{  min-width: 100px; }
.mw-110{  min-width: 110px; }
.mw-120{  min-width: 12px; }
.mw-130{  min-width: 130px; }
.mw-140{  min-width: 140px; }
.mw-150{  min-width: 150px; }

.mr-0{margin-right:0px!important;}
.ml-0{margin-left:0px!important;}
.mlr-0{margin-left:0px!important; margin-right:0px!important;}
.mlr-5{margin-left:5px!important; margin-right:5px!important;}
.mlr-10{margin-left:10px!important; margin-right:10px!important;}



.ls-1{letter-spacing: 1px;}
.ls-2{letter-spacing: 2px;}
.ls-3{letter-spacing: 3px;}
.ls-4{letter-spacing: 4px;}
.ls-5{letter-spacing: 5px;}


.userTicketContent{
    max-height:calc(100vh - 335px);
}

.userTicketContent #userTicketsList{
    height:calc(100vh - 340px);
}


.theme-dark .page-body{
	background: url('../../../../files/images/body_bg_1.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height:calc(100vh - 166px);
}


.theme-dark .nbg{
	background: url('../../../../files/images/body_bg.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.mobile-show{
    display:none !important;
}


@media (max-width: 1400px) {
    .fs-20{
        font-size: 16px;
    }
    .fs-22{
        font-size: 16px;
    }

}


@media (max-width: 1030px) {
    .bonusArea .card-body{
        padding-bottom: 5px;
    }

    .bonusArea .col{
        flex: 1 0 26%;
        padding:0px;
    }

    .mobile-hide{
        display:none;
    }



    .mainDrawDetail .col-md-4{
        width:50%
    }
}

@media (max-width: 991.98px) {
    .footer{
        margin-left:0px !important;
    }

    .balance-area{
        font-size:12px;
        padding:8px 3px;
    }

    .balance-area i{
        font-size:12px;
    }

    .fs-24{
        font-size: 19px;
    }
}

@media (max-width: 767.98px){
    .page-body {
        min-height:calc(100vh - 168px);
    }

    .userTicketContent{
        max-height:calc(100vh - 279px);
    }

    .userTicketContent #userTicketsList{
        height:calc(100vh - 284px);
    }
    
    .mainDrawDetail .col-md-4{
        width:100%;
    }

    .mobile-show{
        display:block !important;
    }

    .mobile-plr-5{
        padding-right:5px !important;
        padding-left:5px !important;
    }

    .mobile-ptb-20{
        padding-top:20px !important;
        padding-bottom:20px !important;
    }

    .mobile-fs-10{ font-size:10px; }
    .mobile-fs-12{ font-size:12px; }
    .mobile-fs-14{ font-size:14px; }
    .mobile-fs-16{ font-size:16px; }
    .mobile-fs-18{ font-size:18px; }
    .mobile-fs-20{ font-size:20px; }

}

@media (max-width: 650px) {
    .bonusArea .col{
        flex: 1 0 35%;
        padding:0px;
    }


    .footer {
        font-size: 12px;
      }
    
    .fs-18{
        font-size: 14px;
    }

    .fs-16{
        font-size: 13px;
    }
}