@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;1,100;1,200;1,300&display=swap');
/*Overwrite bootstrap*/
.navbar{border:none;margin:0;}
.input-group-addon{width:fit-content;}
.input-group-btn{width:fit-content;}
.input-daterange.input-group{width:fit-content;justify-self:flex-end;}
.page-header{display:flex;justify-content:space-between;}

.theme-style .bg-primary{
	background-color: indianred!important;
}

.theme-style .btn-primary{
	background-color: indianred;
	color:white;
	border:none;
}
.theme-style .btn-primary:hover, .theme-style .btn-primary:focus{
	background-color: indianred;
	color:white;
	border:1px solid indianred;
}

.theme-style .btn-default{
	background-color: white;
	color:indianred;
	border:1px solid indianred;
}

.theme-style .btn-default:hover, .theme-style .btn-default:focus{

}

.panel-info>.panel-heading{
	display: flex;
    justify-content: space-between;
}

.navbar-nav.navbar-nav {
    width: 100%;
    display: inline-flex;
    flex-direction: row;
    justify-content:flex-end;
    flex-wrap: wrap;
}

.carousel-inner>.item.active {
    display: flex;
    justify-content: center;
}

/*Overwrite dl-comm.css*/

.reg-form .input-group input[type=date],
.reg-form .input-group input[type=datetime-local],
.reg-form .input-group input[type=datetime],
.reg-form .input-group input[type=email],
.reg-form .input-group input[type=number],
.reg-form .input-group input[type=password],
.reg-form .input-group input[type=tel],
.reg-form .input-group input[type=text],
.reg-form .input-group input[type=time]
{
	background-color:#fff;
	color:#535353;
	border:0;
	line-height:35px;
	height:35px;
	font-size:inherit;
	padding:10px;
	display:block;
	border-radius:3px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	box-shadow:inset 0 0 0 1px #ccc;
}

@media screen and (max-width: 1025px){
	#loginForm button.nav-btn{
		height:30px;
		color: black;
		background-color: rgb(239, 239, 239);
	}
	.dl-st-total,.dl-st-row2{
		filter: hue-rotate(180deg);
	}
}

@media screen and (max-width: 1260px){
    .dl-qr{
        display: none;
    }
}

.dl-qr{
    display: flex;
}

.pkg-item a{
    color:indianred;
}


/*Theme*/
html{
	font-size:16px;
}
body {
    margin: auto 0px;
    padding: 0px 0px;
    background: #000;
}
body.theme-style{
	background: #000;
	font-family: 'Prompt', sans-serif;
}

a{color:inherit;}
a:hover, a:focus {
    color: indianred;
    text-decoration: none;
    font-weight: bold;
}

.theme-style a:hover,.theme-style  a:focus {
	color:indianred;
    text-decoration: none;
    font-weight: bold;
}

i{min-width:1rem;}

.container.container:before,.container.container:after{display:none;}

.carousel-control{
	display: flex;
	align-items: center;
    justify-content: center;
}

.wrapper {
    background-image: url("/theme/img/background.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

.row.row{
	width:100%;
	margin:0px;
}

@media (max-width: 990px) {
    .logo {
        width: 220px;
    }
}

@media (min-width: 990px) {
    .logo {
        width: 350px;
        margin-bottom: -50px;
    }
}

.nav>li {
    text-align: center;
}
.nav>li.nav-item>a{
	height:100%;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    max-width: 150px;
}
.nav>li.nav-item>a>img{
	max-height:87px;
	max-width:100%;
	margin:auto;
}
.nav>li.nav-item>a>p {
    align-self: center;
}


.nav-cus {
    /* background-image: linear-gradient(to left, rgb(87, 3, 87), indigo, indigo, indigo, indigo, rgb(87, 3, 87)); */
    background-image: linear-gradient(to top, rgb(0, 0, 0), rgb(58, 2, 58));
    height: auto;
}

.nav-input {
    background: #00000000;
    height: 30px;
    width: 120px;
    font-size: 12px;
    border-radius: 10px;
    /*border: 1px solid linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);*/
    padding: 0px 10px;
    color: white;
    border: 1px solid #5f2757;
}

.nav-btn {
    height: 30px;
    font-size: 12px;
    border-radius: 10px;
    border: 1px solid linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
    padding: 0px 10px;
    padding: 0px 10px;
}

.nav-icon-lang {
    height: 25px;
    width: 25px;
    margin: 0px 2px;
}

.navbar-collapse{
	display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.navbar-nav a{color:white;}
.navbar-nav.navbar-nav>li {
    display: flex;
    align-items: center;
}

.nav-tabs>li>a{
	color:indianred;
}

span.linear {
    padding: 0px 0.5rem;
}

.sub{
    margin-top: -20px;
    margin-right: -70px;
}

.video-cus {
    margin-top: -100px;
}

.video-cus iframe {
    width: 100%;
}

.name-cont-1 {
    background-image: url("/theme/img/bar.png");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    font-size: 28px;
    color: aliceblue;
    padding:3.5%;
}

.name-cont-2 {
    background-image: url("/theme/img/bar2.png");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    font-size: 28px;
    color: aliceblue;
    padding: 8% 20%;
}

.sexy-game.sexy-game {
    position: absolute;
    bottom: 40px;
}

.contact-side-bar {
    position: fixed;
    right: 0px;
    bottom: 300px;
}

.contact-side-bar-icon-1 {
    position: absolute;
    bottom: 55px;
    right: 20px;
}

.contact-side-bar-icon-2 {
    position: absolute;
    top: 55px;
    right: 20px;
}

.foot {
    margin-top: 20px;
    height: auto;
    background: rgb(48, 47, 47);
    text-align: center;
    text-transform: inherit;
    font-size: 15px;
    padding: 8px;
    color: rgb(122, 120, 120);
}

/* Small devices (landscape phones, less than 768px) */
.video-cus > img {
    width: 100%;
}

@media (max-width: 768px) {
	html{
		font-size:14px;
	}
    .name-cont-1 {
        background-image: url("/theme/img/bar.png");
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center center;
        font-size: 20px;
        color: aliceblue;
        padding: 3%;
    }
    .name-cont-2 {
        background-image: url("/theme/img/bar2.png");
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center center;
        font-size: 20px;
        color: aliceblue;
        padding: 6%;
    }
    .video-cus {
        margin-top: 5px;
    }
    .video-cus iframe {
        background-color: violet;
        width: 100%;
    }
    .sexy-game.sexy-game {
        position: absolute;
        bottom: 20px;
        font-size: 14px;
    }
    .depscript {
        font-size: 14px;
    }
    
    .navbar-nav.navbar-nav{justify-content:space-between;}
    .navbar-nav.navbar-nav>li{width:48%; margin-bottom:1%;background:rgb(255,255,255,0.1);}
	.navbar-nav>li>a{padding-left:10px;}
}

/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 576px) {
	html{
		font-size:12px;
	}
	.logo {
	    width: 120px;
	}
    .nav-link {
        font-size: 12px;
    }
    .name-cont-1 {
        background-image: url("/theme/img/bar.png");
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
        font-size: 18px;
        color: aliceblue;
        padding: 1%;
    }
    .name-cont-2 {
        background-image: url("/theme/img/bar2.png");
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
        font-size: 18px;
        color: aliceblue;
        padding: 1%;
    }
    .sexy-game.sexy-game {
        position: absolute;
        bottom: 2px;
        font-size: 11px;
    }
    .depscript {
        font-size: 11px;
    }
    .foot {
        margin-top: 20px;
        height: auto;
        background: rgb(48, 47, 47);
        text-align: center;
        text-transform: inherit;
        font-size: 9px;
        padding: 8px;
        color: rgb(122, 120, 120);
    }
    .logo-foot {
        width: 80px;
    }
    
    .navbar-nav.navbar-nav{justify-content:space-between;}
    .navbar-nav.navbar-nav>li{width:100%; margin-bottom:1%;background:rgb(255,255,255,0.1);}
	.navbar-nav>li>a{padding-left:10px;}
}

/*Reusable*/
.theme-style .btn-1{
	border-radius: 8px;
    color: #fff;
    border: #fff solid 1px;
    background: #ad8400;
    display: inline-block;
    padding: 3px 10px;
}
.theme-style .btn-1:hover, .theme-style .btn-1:focus{
	color:#fff;
	font-weight:normal;
	filter: brightness(1.2);
}
.theme-style .btn-2{
	border-radius: 8px;
    color: #000;
    border: #fff solid 1px;
    background: rgb(239, 239, 239);
    display: inline-block;
    padding: 3px 10px;
}

/*Account style*/
.pagebar{
	height: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.page-header{
	margin: 20px 0;
}

.qrcode2{
    width: 80px;
    margin: auto 5%;
}

.qrcode2 img{
    width: 80px;
}

.lineID2 {
    width: 50%;
    font-size: 15px;
    margin: auto 0;
}

/*leaderboard add - swal2-container z-index not enough to show the pop up box at the front*/
.swal2-container {
	z-index:9999;
}

.navbar-collapse.in {
    overflow-y: visible;
}

:root {
    --promotion-details-panel-main-bg-color: #120012;
    --promotion-details-panel-heading-bg-color: #360236;
    --promotion-details-panel-heading-font-color: #ffff;
    --promotion-details-panel-content-heading-bg-color: #360236;
    --promotion-details-panel-content-heading-font-color: #ffffff;
    --promotion-details-panel-content-description-bg-color: #1e001e;
    --promotion-details-panel-content-description-font-color: #ffffff;
    --promotion-details-panel-button-bg-color: #cd5c5c;
    --promotion-details-panel-button-font-color: #ffff;
    --promotion-details-panel-timer-bg-color: #2c95b5;
    --promotion-details-panel-timer-font-color: #ffffff;
}
.table-responsive .item-header, .table-responsive .tr-item{
   width: 90%;
   margin-left: 5%;
   display: inline-flex;
   font-weight: 400;
 }
 .table-responsive .text-info{
	position: relative;
	top: 17px;
 }
 .userhome .text-info{
	position: relative;
	    top: 0;
 }