/*EDIT CANVAS CSS*/
#header-wrap, .is-expanded-menu.stretched .full-header #header-wrap > .container
{
	max-width: 800px;
	background-color: black;
}

.is-expanded-menu .sticky-header #header-wrap
{
	background-color: black;
	max-width: 100%;
}

body:not(.is-expanded-menu) .sticky-header #header-wrap
{
	background-color: black;
}

.container
{
	max-width: 800px;
	margin: auto;
}

.login-register-modal .modal-header
{
	border-bottom: none;
}

.login-register-modal .modal-content
{
	background-color: black;
	color: white;
	border: 3px solid gold;
}

.login-register-modal .modal-title
{
	color: #ffd37a;
}

.login-modal-footer
{
	padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
}
/*EDIT CANVAS CSS END*/

/*HEADER*/
.announcement
{
	background-color: #222327;
	color: white;
}

.announcement-speaker img
{
	animation: speaker-shake 0.5s infinite;
	width: 50px;
}

.ticker-container
{
	overflow: hidden;
}

.content-wrap
{
	background-image: url('../../images/background-image.png'); 
	background-position: center;
}
/*HEADER END*/

/*MEMBER VALIDATION*/
.member-validation
{
	background-color: black; 
	min-height: calc(100vh - 145px);
	color: white;
}

/*HOME*/
.homeSwiper img
{
	width: 100%;
}

.language img
{
	height: 50px;
	width: 50px;
}

.home-shortcut-menu
{
	border-radius: 20px;
	text-align: center;
    border: 3px solid transparent;
    background: linear-gradient(0deg, #5b0000 0%, black 25%, black 75%, #5b0000 100%) padding-box,linear-gradient(0deg, #815d3b 0%, #f1e689 31%, #dcc46e 50%, #a77e43 81%, #795233 100%) border-box;
}

.home-shortcut-menu img
{
	transition: 0.5s;
}

.home-shortcut-menu a:hover img
{
	filter: drop-shadow(0px 0px 10px white);
}

.home-shortcut-menu-text, .home-menu-text
{
	text-transform: uppercase;
	color: white;
	text-align: center;
	font-weight: 700;
	font-size: small;
}

.home-menu-icon img
{
	transition: 0.5s;
}

.home-menu-icon:hover img
{
	transform: scale(1.1);
}

.game-type-tab
{
	border-bottom: 5px solid gold;
}

.game-type-tab .nav-link 
{
	color: white;
	position: relative;
	text-align: center;
	padding: 10px;
	height: 100%;
}

.game-type-tab .nav-link.active
{
	color: black;
	background: linear-gradient(45deg, rgba(252,200,82,1) 0%, rgba(228,141,5,1) 20%, rgba(254,211,70,1) 40%, rgba(244,186,79,1) 60%, rgba(183,106,23,1) 85%, rgba(250,183,67,1) 100%);
}

.menu-tab-text
{
	text-transform: uppercase;
	font-weight: 700;
}

.realtime-table-tab .nav-link 
{
	color: white;
	position: relative;
	text-align: center;
	padding: 10px 30px;
	height: 100%;
	border-radius: 100px;
	border: 3px solid gold;
	font-weight: 700;
	background: linear-gradient(0deg, #000000 70%, #ffffff 100%);
}

.realtime-table-tab .nav-link.active
{
	background: linear-gradient(0deg, #d12d9c 0%, #8a00ff 100%);
}

.table.realtime-table
{
	--bs-table-bg: none;
	--bs-table-border-color: none;
	--bs-table-color: white;
	border-spacing: 0;
	border-collapse: separate;
	border-radius: 10px;
	border: 5px solid #a66a2c;
	font-size: small;
}

.table.realtime-table tbody
{
	background: radial-gradient(circle, rgba(182,0,0,1) 0%, rgba(105,0,0,1) 50%, rgba(0,0,0,1) 100%);
}

.table.realtime-table td,.table.realtime-table th
{
	border-style: none;
}

.table.realtime-table tbody tr:first-child 
{
	background: linear-gradient(0deg, #000000 70%, #ffffff 100%);
}

.table.realtime-table tr th:first-child 
{
	border-top-left-radius: 10px;
}

.table.realtime-table tr th:last-child 
{
	border-top-right-radius: 10px;
}

.table.realtime-table tr:last-child td:first-child 
{
	border-bottom-left-radius: 10px;
}

.table.realtime-table tr:last-child td:last-child 
{
	border-bottom-right-radius: 10px;
}

.banner-bg
{
	text-align: center;
	color: white;
	border: 3px solid gold;
	border-radius: 10px;
}

.banner-bg img
{
	border-radius: 10px 10px 0px 0px;
}

.banner-text
{
	background: black;
	border-radius: 0px 0px 10px 10px;
	padding: 10px 0px;
}

/*HOME END*/

/*CUSTOM ITEM*/
.hd
{
	display: none;
}

.cursor-pointer
{
	cursor: pointer;
}

.custom-button-1
{
	padding: 15px 0px;
	width: 100%;
	background: linear-gradient(0deg, #146301 0%, #18ff00 100%);
	border-radius: 15px;
	font-weight: 700;
	color: white;
	text-align: center;
	text-transform: uppercase;
}

.custom-button-2
{
	padding: 15px 0px;
	width: 100%;
	background: linear-gradient(0deg, #7f0202 0%, #ef0a6a 100%);
	border-radius: 15px;
	font-weight: 700;
	color: white;
	text-align: center;
	text-transform: uppercase;
}

.header-register-login .custom-button-1, .header-register-login .custom-button-2
{
	padding: 5px 30px;
	border-radius: 5px;
}

.custom-background-1
{
	background: linear-gradient(45deg, rgba(255,0,192,1) 0%, rgba(239,10,106,1) 60%, rgba(255,0,210,1) 100%);
}

.custom-background-2
{
	background: linear-gradient(0deg, #5b0000 0%, black 25%, black 75%, #5b0000 100%);
}
/*CUSTOM ITEM END*/

/*DEPOSIT PAGE*/
.btn-bank, .btn-amount
{
	background: lightgrey;
	border: 1px solid lightblue;
	font-weight: 700;
}

.btn-bank:hover, .btn-amount:hover
{
	background: grey;
}

.btn-bank.active, .btn-amount.active
{
	background: linear-gradient(0deg, #7f0202 0%, #ef0a6a 100%);
	color: white;
}

.dimg
{
	height: 60px;
	width: 60px;
	cursor: pointer;
}

.dimg.active
{
	border: 3px solid red;
}

/*DEPOSIT PAGE END*/
.custom-grey-bg
{
	background-color: #f5f8fa;
	box-shadow: 2px 2px 5px 2px grey;
	padding: 1rem;
}

.trash-can-icon
{
	color: red;
	cursor: pointer;
}

.custom-rainbow-color-button
{
	background: linear-gradient(90deg, rgba(225,25,77,1) 0%, rgba(236,103,40,1) 17%, rgba(252,177,23,1) 34%, rgba(37,178,74,1) 51%, rgba(35,139,199,1) 68%, rgba(103,97,171,1) 85%, rgba(144,41,142,1) 100%);
}

.custom-gradient-color-button-1
{
	color: white;
	background: linear-gradient(58deg, rgba(236,103,40,1) 0%, rgba(225,25,77,1) 33%, rgba(144,41,142,1) 66%, rgba(103,97,171,1) 100%);
	background-size: 150% auto;
	font-weight: bold;
	transition: 0.5s;
}

.custom-gradient-color-button-1:hover
{
	background-position: 100% 0%;
	color: white;
}

.custom-gradient-color-button-2
{
	background: linear-gradient(90deg, rgba(58,243,193,1) 0%, rgba(137,194,254,1) 18%, rgba(155,161,255,1) 33%, rgba(158,144,255,1) 48%, rgba(196,122,248,1) 63%, rgba(252,138,192,1) 78%, rgba(255,188,89,1) 100%);
	color: white;
	background-size: 150% auto;
	font-weight: bold;
	transition: 0.5s;
}

.custom-gradient-color-button-2:hover
{
	background-position: 100% 0%;
}

.top-bar-gradient-color
{
	background: linear-gradient(90deg, rgba(236,103,40,1) 0%, rgba(225,25,77,1) 50%, rgba(144,41,142,1) 100%);
}

.top-bar-text
{
	color: white;
	font-weight: 600;
	padding: 15px;
	cursor: pointer;
	transition: 0.3s;
}

.top-bar-text:hover
{
	color: black;
	background-color: #ffe5cc;
}

#productForm .form-control:focus
{
	border-color: var(--bs-border-color);
	box-shadow: none;
}

#cart_icon, #wishlist_icon
{
	position: relative;
	color: #e1194d;
	cursor: pointer;
}

#cart_icon:hover, #wishlist_icon:hover
{
	color: black;
}

.totalItem
{
	position: absolute;
	right: -10px;
	top: -10px;
	background-color: orange;
	color: white;
	padding: 0px 5px;
	border-radius: 50%;
	font-size: 12px;
}

/*EDIT CANVAS CSS*/
.primary-menu-trigger
{
	display: inline-block;
	padding: 5px;
}

.is-expanded-menu .sub-menu-container,
.is-expanded-menu .mega-menu-content 
{
	border: 0px;
	border-top: solid 5px;
	border-image: linear-gradient(90deg, rgba(225,25,77,1) 0%, rgba(236,103,40,1) 17%, rgba(252,177,23,1) 34%, rgba(37,178,74,1) 51%, rgba(35,139,199,1) 68%, rgba(103,97,171,1) 85%, rgba(144,41,142,1) 100%) 1;
}

/*.header-wrap-clone {
	height: 116px;
}*/

/*7 COLOR IN HEADER WRAP*/
.color-1
{
	background-color: #e1194d;
}

.color-2
{
	background-color: #ec6728;
}

.color-3
{
	background-color: #fcb117;
}

.color-4
{
	background-color: #25b24a;
}

.color-5
{
	background-color: #238bc7;
}

.color-6
{
	background-color: #6761ab;
}

.color-7
{
	background-color: #90298e;
}

.home-title
{
	text-align: center;
	font-weight: bold;
	margin: 20px auto;
	font-size: 26px;
}

.footer-title
{
	font-weight: bold;
	margin: 5px auto;
}

.footer-details a, .product-title a
{
	cursor: pointer;
	color: black;
}

.footer-details:hover, .footer-details a:hover, .product-title a:hover
{
	color: #e1194d;
}

.copyrights
{
	padding: 10px 0px;
	background: linear-gradient(90deg, rgba(225,25,77,1) 0%, rgba(236,103,40,1) 17%, rgba(252,177,23,1) 34%, rgba(37,178,74,1) 51%, rgba(35,139,199,1) 68%, rgba(103,97,171,1) 85%, rgba(144,41,142,1) 100%);
}

.product-box-shadow
{
	height: 100%;
}

.product-box-shadow:hover
{
	box-shadow: 0px 10px 20px grey;
}

.product-image
{
/*	height: 75%;*/
}

.product .product-image > a,
.product .product-image .slide a,
.product .product-image img 
{
	height: 100%;
	object-fit: cover;
}

.product-title
{
	font-weight: 1000;
}

.product-price
{
	font-size: unset;
	font-weight: 600;
}

.category-title
{
	font-weight: bold;
	font-size: 20px;
	border-bottom: 1px solid grey;
	text-align: center;
}

/*MEMBER ACCOUNT CSS*/
.member-account-title
{
	font-weight: bold;
	padding-bottom: 1rem;
	font-size: 20px;
	border-bottom: 1px solid grey;
}

.member-account-details
{
	padding-top : 1rem;
}

.wishlist-table td img
{
	height: 200px;
	width: 130px;
	object-fit: cover;
}

.mobile-wishlist-title
{
	font-weight: bold;
	font-size: 12px;
}

.mobile-wishlist-details
{
	font-size: 10px;
}

/*RESPONSIVE TABLE DISPLAY*/
.display-table-desktop
{
	display: table-cell;
}

.display-table-mobile
{
	display: none;
}

/*PRODUCT DETAILS*/
.radio-box input[type="radio"] 
{
    display: none;
}

.radio-box label 
{
    border: 2px solid grey;
    padding: 10px;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
}

.radio-box input[type="radio"]:checked + label 
{
    background-color: #e1194d;
    color: #fff;
    border: 2px solid white;
}

.product-details-title
{
	font-weight: 700;
	font-size: 18px;
	margin: 5px 0px;
}

.attribute-name
{
	font-size: smaller;
}

.attribute-description
{
	color: grey;
}

.quantity-in-cart
{
	font-weight: 700;
	font-size: 12px;
	position: absolute;
	bottom: 0px;
	right: 10px;
}

.text-truncate-2-line
{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

/*CART VIEW CSS*/
.process-steps li .i-bordered.disabled 
{
	--cnvs-i-bg-color: lightgrey !important;
	border: none;
}

.canvas-tabs 
{
	border-bottom: 1px solid grey;
}

@media (max-width: 768px) {

	.custom-button-1, .custom-button-2
	{
		border-radius: 0px;
		border: none;
		padding: 10px 0px;
	}

	.home-shortcut-menu-text
	{
		font-size: 9px;
	}

	.home-menu-text, .menu-tab-text
	{
		font-size: 10px;
	}

	.realtime-table-tab .nav-link 
	{
		font-size: 12px;
		padding: 5px 10px;
		border: 1px solid gold;
	}

	.product-desc
	{
		font-size: smaller;
	}

	/*RESPONSIVE TABLE DISPLAY*/
	.display-table-desktop
	{
		display: none;
	}

	.display-table-mobile
	{
		display: table-cell;
	}

	.product-name, .product-price
	{
		font-size: smaller;
	}
}

@keyframes speaker-shake 
{
	0%, 100% 
	{
	    transform: rotate(0deg);
	}
	25%, 75% 
	{
	    transform: rotate(10deg);
	}
	50% 
	{
	    transform: rotate(-10deg);
	}
}