.bg-dark-primary{
 	background: #121212;
}

.bg-dark-secundary{
	background: #272B29 !important;
}

.bg-dark-terciary{
	background: #E0E2E1 !important;
}

.text-white{
	color: white !important;
}

.text-black{
	color: black !important;
}

.content-layout-lobby{
	padding: 24px;
}

.menu-casino-desktop .MuiDrawer-paper, .menu-casino-vivo-desktop .MuiDrawer-paper, .menu-virtuales-desktop .MuiDrawer-paper{
    /* position: fixed !important; */
	position: relative;
    z-index: unset !important;
	/* top: 90px !important; */
}

@media(max-width: 1150px){
	.menu-casino-desktop .MuiDrawer-paper, .menu-casino-vivo-desktop .MuiDrawer-paper, .menu-virtuales-desktop .MuiDrawer-paper{
		/* top: 65px !important; */
	}
}

.menu-mobile-newlobby{
    /* max-width: 85px; */
    width: 100%;
    min-width: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    transition: 0.3s;
    cursor: pointer;
    padding: 5px 10px 0px 10px;
}

.menu-mobile-newlobby > div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	min-width: 46px;
	min-height: 46px;
	max-width: 46px;
	max-height: 46px;
	border-radius: 100%;
	margin-bottom: 5px;
	transition: 0.3s;
}
.menu-mobile-newlobby > div img {
	width: 35px;
	transition: 0.3s;
}
.menu-mobile-newlobby > p {
	font-size: 14px;
	color: #121212;
	transition: 0.3s;
	text-align: center;
}

.menu-slide-new {
	position: absolute;
	top: 0;
	left: 8px;
}
.menu-mobile-newlobby:hover > div,
.menu-mobile-newlobby.active-casino-menu > div {
	background: #096045;
	border: 2px solid #096045;
}
.menu-mobile-newlobby:hover > div img,
/* .menu-mobile-newlobby.active-casino-menu > div img {
	filter: invert(1);
} */
.menu-mobile-newlobby:hover > p,
.menu-mobile-newlobby.active-casino-menu > p {
	color: #096045;
}

.menu-mobile-list-active p{
	color: #3CC666 !important;
    border-bottom: 2px solid #3CC666;
}

.menu-list-item{
	padding: 16px 32px 12px !important;
}

.menu-list-item-active{
	/* background-color: #ECF9F0 !important; */
	border-radius: 16px !important;
	border: 1px solid #3CC666 !important;
	color: #3CC666 !important;
}

.menu-list-item-active-dark{
	/* background-color: #272B29 !important; */
	border-radius: 16px !important;
	border: 1px solid #3CC666 !important;
	color: #3CC666 !important;
}

.menu-active-light{
	background-color: #ECF9F0 !important;
}
.menu-active-dark{
	background-color: #272B29 !important;
}

.container-top{
	padding: 24px 32px;
	border-radius: 10px;
	background: #00381c;
}

.card-top-12-container{
	padding: 0 24px 40px 0
}

.card-top-12{
	border-radius: 8px;
	display: flex;
	flex-wrap: nowrap !important;
}

.form-paper-search{
	padding: 0px 4px;
	display: flex;
	align-items: center;
	width: 400px;
    border-radius: 36px !important;
	height: 48px;
	margin: 12px 0px;
}

.dots-slider{
	width: 16px;
	height: 16px;
	border: 1px solid #3CC666;
	border-radius: 50%;
	padding: 5px;
}

.slick-active .dots-slider{
	background: #3CC666;
}

.searchResultsNew {
	background: #ffffff;
	z-index: 9;
	top: 102px;
	right: 30px;
	max-height: 350px;
	overflow: auto;
	padding: 10px;
	border-radius: 0px 0px 10px 10px;
	border: 1px solid #c4c4c4;
	border-top: 1px solid #fff;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

/*LOBBY*/
.oli-machines-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, 23.5%);
	justify-content: center;
	gap: 10px;
}
.extraLobby .oli-machines-contanier {
	background: #00381c;
	padding: 10px 5px;
	border-radius: 10px;
}
@media (max-width: 1440px) {
	.oli-machines-container {
		grid-template-columns: repeat(auto-fill, 23.5%);
	}
}
@media (max-width: 1200px) {
	.oli-machines-container {
		grid-template-columns: repeat(auto-fill, 31.5%);
	}
}
@media (max-width: 1000px) {
	.oli-machines-container {
		grid-template-columns: repeat(auto-fill, 31.5%);
	}
}
@media (max-width: 950px) {
	.oli-machines-container {
		grid-template-columns: repeat(auto-fill, 32%);
	}
}
@media (max-width: 750px) {
	.oli-machines-container {
		grid-template-columns: repeat(auto-fill, 32%);
	}
}
@media (max-width: 600px) {
	.oli-machines-container {
		grid-template-columns: repeat(auto-fill, 48%);
	}
}
@media (max-width: 350px) {
	.oli-machines-container {
		grid-template-columns: repeat(auto-fill, 100%);
	}
}

@media (max-width: 700px) {
	.searchResultsNew {
		top: 158px;
		/* width: calc(100% - 160px); */
		right: 20px;
	}
}
@media (max-width: 600px) {
	.searchResultsNew {
		top: 170px;
		/* width: calc(100% - 20px); */
		right: 0px;
		border-top: 1px solid #c4c4c4;
	}
}

@media(max-width: 950px){
	.content-layout-lobby{
		padding: 0px !important;
	}

	.card-top-12-container{
		padding: 0 16px 16px 0
	}

	.container-top{
		padding: 24px 16px;
		border-radius: 10px;
		background: #00381c;
	}

	.toolbar-search-dark{
		background-color: #272B29;
	}

	.menu-casino-desktop, .menu-casino-vivo-desktop, .menu-virtuales-desktop{
		display: none;
	}

	.show-banner-slider{
		display: none;
	}
}