.oli-font{
	font-family: var(--clmc-font);
}

.MuiTypography-root{
	font-family: var(--clmc-font);
}

.MuiButtonBase-root{
	font-family: var(--clmc-font);
}

.oli-txt-white{
	color: #fff;
}

.oli-pb16{
	padding-bottom: 16px;
}

/*HEADER*/
.clmc-appBar {
	height: 72px;
	box-shadow: none;
	background-color: var(--clmc-bg-secondary);
}

.clmc-appBar-Ecuador {
	height: 72px;
}
.clmc-appBar-new {
	box-shadow: none;
	background-color: var(--clmc-bg-secondary);
}
.calimaco-content {
	padding-top: 72px;
}
.clmc-header-user {
	max-width: 1300px;
}
.clmc-content-padding-header {
	padding-top: 76px;
}
.clmc-header img {
	width: 135px;
}
.clmc-header-menu p {
	font-size: 15px;
	position: relative;
}
.menu-live {
	background: #ff3747 !important;
	color: white;
	height: 24px;
	padding: 0px 8px 0px 4px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.menu-live svg {
	width: 20px;
	height: 24px;
	margin-right: 2px;
}
.clmc-header-button {
	min-width: auto !important;
	padding-left: 8px;
	padding-right: 8px;
}
.mobile-login-button {
	display: none;
}
.mobile-login-button button {
	width: 42px;
	min-width: 42px;
	height: 42px;
	border-radius: 4px;
}
.clmc-header-language button {
	padding: 0;
}
.clmc-header .clmc-header-language img {
	width: 34px;
	height: 34px;
}
.clmc-header-language:hover button img {
	opacity: 0.8;
}
.lang-menu-option {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.lang-menu-option img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.active-menu-option {
	position: relative;
}
.clmc-header-menu p:after {
	content: "";
	width: 100%;
	height: 2px;
	background: var(--clmc-btn-color-primary);
	position: absolute;
	left: 0;
	bottom: 4px;
	opacity: 0;
	transition: 0.5s;
}
.clmc-header-menu p:hover:after {
	opacity: 1;
}
.active-menu-option:after {
	background: var(--clmc-color-secondary) !important;
	opacity: 1 !important;
}
.menu-live:hover {
	color: #fff !important;
}
.menu-live:after {
	bottom: 0 !important;
	background: rgb(255 255 255 / 70%) !important;
}
p#cashAmountHeader {
	font-size: 13px !important;
	color: #fff;
}
img.header-levelImage {
	position: absolute;
	width: calc(100% + 6px);
	height: calc(100% + 6px);
}

.container-mantt-blog {
	text-align: center;
}

.title-mantt-blog {
	color: #3cc666;
	text-align: center;
	font-family: "GT Walsheim";
	font-size: 46px;
	font-style: normal;
	font-weight: 700;
	line-height: 48px;
}

.subtitle-mantt-blog {
	color: #042;
	font-family: "GT Walsheim";
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: 48px;
	padding-bottom: 40px;
}

.text-mantt-blog {
	color: #61646b;
	text-align: center;
	font-family: "GT Walsheim";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}

.cancel-bono {
	color: #1c2938;
	text-align: center;
	font-family: "GT Walsheim";
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
}

.autoexclusion-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.autoexclusion-container > p {
    color: #B27600;
    font-size: 16px;
    line-height: 24px;
}

.autoexclusion-container a {
    color: #B27600;
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 900px) {
	.container-mantt-blog {
		display: flex;
		text-align: center;
		flex-direction: column-reverse;
	}
	.title-mantt-blog {
		font-size: 25px;
	}
	.subtitle-mantt-blog {
		font-size: 25px;
		line-height: 0px;
	}
	.img-mantt-blog {
		padding-top: 30px;
		padding-bottom: 10px;
	}
}

@media (max-width: 1150px) {
	.calimaco-content {
		padding-top: 50px !important;
	}
	.clmc-header-user {
		padding: 0px 20px;
		margin: 5px 0px;
	}
	.clmc-header-menu {
		display: none;
	}
	div.calimaco-content.clmc-no-overflow {
		height: calc(100vh - 50px) !important;
		padding: 50px 0 0 0 !important;
		margin: 0 !important;
	}
	/* cart de apuestas que aparece encima del footer en mobile  */
	.mod-KambiBC-betslip__wrapper {
		margin-bottom: 15px !important;
	}
}
@media (max-width: 560px) {
	.header-info-user {
		max-width: 64px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.header-info-user p {
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
@media (max-width: 450px) {
	.clmc-header-user {
		padding: 0px 10px !important;
	}
	.clmc-header img {
		width: 120px;
	}
	.clmc-rounded-icon-button {
		width: 32px;
		max-width: 32px;
		min-width: 32px;
		height: 32px;
		min-height: 32px;
		max-height: 32px;
		padding: 0;
		overflow: hidden;
	}
	.clmc-header-button {
		height: 32px !important;
		padding-left: 6px;
		padding-right: 6px;
	}
	.clmc-header-language,
	.header-deposit-button {
		margin-right: 5px;
	}
	.header-info-user {
		margin-left: 5px;
	}
	.clmc-header .clmc-header-language img {
		width: 24px !important;
		height: 24px !important;
	}
}

@media (max-width: 359px) {
	.clmc-header .clmc-header-language {
		display: none;
	}
}

/*LOADER*/
.clmc-logo-loader {
	position: fixed;
	z-index: 9999999999;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
}
.clmc-logo-loader.clmc-logo-loader img {
	width: 100px;
	opacity: 0;
	transition: 0.3s;
}

/*FLOAT MOBILE MENU*/
.clmc-mobile-navigation {
	-webkit-box-shadow: 0px -2px 5px 0px rgb(0 0 0 / 20%);
	-moz-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px -2px 5px 0px rgb(0 0 0 / 40%);
}
.MuiPaper-elevation1 {
	z-index: 2;
}
.clmc-mobile-navigation-content {
	background: var(--clmc-bg-secondary);
	/* border-radius: 10px 10px 0px 0px !important; */
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: auto;
	white-space: nowrap;
	height: 62px;
}
.clmc-mobile-navigation-content a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0px 0px;
	/* width: 20%; */
	height: 46px;
	position: relative;
}
.clmc-mobile-navigation-element {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0px 0px;
	/* width: 46px; */
	height: 52px;
	margin: 0px 5px;
	position: relative;
}
.clmc-mobile-navigation-element-button {
	width: 20%;
	height: 50px;
	padding: 0;
}
/* .clmc-mobile-navigation-element-button .clmc-mobile-navigation-element {
	width: 100%;
} */
.clmc-mobile-navigation-element img {
	width: 28px;
	height: 28px;
	margin-bottom: 6px;
}
.clmc-mobile-navigation-element p {
	font-size: 10px;
	color: #fff !important;
	line-height: 9px;
	text-align: center;
	text-transform: capitalize;
	overflow: hidden;
	text-overflow: ellipsis;
}
.clmc-mobile-navigation-element.active-menu-option:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	bottom: -8px;
	border-radius: 10px;
	max-width: 130px;
}
.mobile-navigation-popover .MuiPopover-paper {
	border-radius: 10px;
	background: #000;
	margin-top: -8px;
}
.clmc-mobile-navigation-element-popover {
	padding: 5px 5px;
	background: var(--clmc-bg-secondary);
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.clmc-mobile-navigation-element-popover a {
	width: 50%;
}
.clmc-mobile-navigation-element-popover a .clmc-mobile-navigation-element {
	padding: 0px 5px;
}
.clmc-mobile-navigation-element-popover a:first-child .clmc-mobile-navigation-element:after {
	content: "";
	width: 1px;
	height: 40px;
	background: #fff;
	position: absolute;
	right: -2px;
}
.mobileNavCasinoArrow {
	position: absolute;
	margin-left: -20px;
	bottom: -4px;
	color: #f8f538;
	border-radius: 100%;
}
.mobileNavCasinoArrow.visible-sub-menu {
	transform: rotate(180deg);
}
@media (max-width: 1150px) {
	.clmc-appBar {
		height: 52px;
		justify-content: center;
		background-color: var(--clmc-bg-secondary);
	}
	.clmc-appBar-Ecuador {
		height: 95px;
	}
	.clmc-appBar-new {
		justify-content: center;
	}
	.clmc-mobile-navigation.clmc-hidden {
		display: block !important;
		border-radius: 10px 10px 0px 0px !important;
		background: var(--clmc-bg-secondary);
	}
	.calimaco-content {
		padding-bottom: 75px !important;
	}
	/* Botón de chat de Zendesk */
	#launcher {
		bottom: 85px !important;
		right: 12px !important;
	}
}

.clmc-page-content-Ecuador-notificacion {
	padding-top: 43px;
}

@media(max-width: 1201px) {
	.clmc-appBar-Ecuador {
		height: 113px;
	}
	.clmc-page-content-Ecuador-notificacion {
		padding-top: 61px;
	}
}

@media(max-width: 1150px) {
	.clmc-appBar-Ecuador {
		height: 113px;
	}
	.clmc-page-content-Ecuador-notificacion {
		padding-top: 61px;
	}
}
   
@media(max-width: 950px) {
	.clmc-appBar-Ecuador {
		height: 113px;
	}
	.clmc-page-content-Ecuador-notificacion {
		padding-top: 61px;
	}
}

  @media (max-width: 639px) {
	.clmc-appBar-Ecuador {
		height: 133px;
	}
	.clmc-page-content-Ecuador-notificacion {
		padding-top: 81px;
	}
  }

 
 
  @media (max-width: 457px) {
	.clmc-appBar-Ecuador {
	  height: 151px;
	}

	.clmc-page-content-Ecuador-notificacion {
		padding-top: 101px;
	}
  }
@media (max-width: 373px) {
	.clmc-appBar-Ecuador {
	  height: 171px;
	}

	.clmc-page-content-Ecuador-notificacion {
		padding-top: 121px;
	}
  }

/*LOGIN POPUP*/
.loginForm {
	width: 100%;
	max-width: 320px;
	margin: auto;
}
.mobile-login-popup {
	display: none;
	border-top: 1px solid #d9d9d9;
}
@media (max-width: 830px) {
	.mobile-login-popup {
		display: block;
	}
}

/*FOOTER*/
.footer__divider {
	background-color: #F2F2F2;
    /* bottom: 0; */
    height: 1px;
    position: absolute;
    width: 100%;
}
.clmc-footer-logo {
	/* max-width: 250px; */
	width: 200px;
}
.payment_method_logo {
	width: 14%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5px 10px;
}
.payment_method_logo_ecu {
	width: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5px 10px;
}

.footer_aditional_container {
	background-color: var(--clmc-bg-tertiary);
}

.footer_separator_container {
	background-color: var(--clmc-bg-tertiary);
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 20px;
}
.footer_separator {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid rgb(242 242 242 / 50%);
	height: 0;
	width: 100%;
}

.libro-cion {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	max-width: 150px;
}
.libro-cion p {
	white-space: wrap;
	text-transform: uppercase;
	font-size: 12px;
	color: #f2f2f2;
	line-height: 16px;
	text-align: left;
}
.logo-proveedor img {
	width: 52.5px !important;
	height: 52.5px !important;
}
.logo-proveedor-sdo img {
	width: 46.5px !important;
	height: 46.5px !important;
}
@media (max-width: 964px) {
	.payment_method_logo {
		width: 18%;
	}
	.payment_method_logo img {
		max-width: 120%;
	}
}
@media (max-width: 460px) {
	.payment_method_logo {
		width: calc(33% - 20px);
	}
}
.clmc-footer-col {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.clmc-footer-cols {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.clmc-footer-col-title {
	color: #fff;
	font-size: 18px;
	position: relative;
}
.clmc-footer-col-title:after {
	content: "";
	position: absolute;
	background: #00d645;
	width: 35px;
	height: 2px;
	left: -2px;
	bottom: 6px;
}
.footer-redes p {
	max-width: 90px;
}
.footer-text {
	max-width: 250px;
	line-height: 18px;
}
.clmc-footer-col svg.clmc-link-secondary * {
	fill: #f2f2f2;
	color: #f2f2f2;
}
.clmc-footer-cols-last-col {
	flex-direction: column !important;
}
.clmc-footer-cols-last-col .clmc-footer-col {
	align-items: center;
	max-width: 1200px;
}
.footer_faq_container {
	color: #ffffff;
	text-align: left;
	width: 100%;
	margin: 1em 0 2em 0;
	gap: 30px;
	display: flex;
	flex-direction: column;
	border: 2px solid #3CC666;
	border-radius: 16px;
	padding: 24px 24px 0 24px;
	box-sizing: border-box;
}
.clmc-footer-copyRight {
	padding: 12px;
	text-align: center;
	background: #004422;
}
.clmc-footer-copyRight p {
	color: #f8f400;
	font-size: 13px;
}
.clmc-footer-copyRight p a {
	color: #00d645;
	margin-left: 4px;
	font-size: 13px;
}

.span-legal-footer {
	display: none;
}

.new-footer {
	display: grid;
	grid-template-columns: repeat(3, 33.333%);
	margin: 0 auto;
}

@media (max-width: 900px) {
	.new-footer {
		display: grid;
		max-width: 900px;
		grid-template-columns: repeat(2, 1fr);
		margin: 0 auto;
	}

	.text-legal-footer {
		display: none;
	}

	.span-legal-footer {
		display: block;
	}
	
	.footer_aditional_container {
		padding-left: 24px;
		padding-right: 24px;
	}
}

@media (max-width: 1200px) {
	.clmc-footer-cols {
		flex-direction: column-reverse;
	}
	.clmc-footer-logo {
		margin-bottom: 40px;
		/* max-width: 180px; */
		width: 180px;
	}
	.clmc-footer-col {
		align-items: flex-start;
		justify-content: center;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.footer-text {
		text-align: center;
	}
}
@media (max-width: 700px) {
	.clmc-footer-cols {
		padding-bottom: 0px;
	}
	.logo-col {
		display: flex;
		justify-content: center;
	}
	.clmc-footer-col .clmc-footer-col-content:first-child,
	.clmc-footer-cols-last-col .clmc-footer-col .clmc-footer-col-content {
		margin: 0 0 20px 0;
		width: 100%;
	}
	.clmc-footer-cols-last-col .clmc-footer-col .clmc-footer-col-content:first-child {
		padding-bottom: 20px;
		border-bottom: 1px solid rgb(242 242 242 / 50%);
	}
	.clmc-footer-col {
		flex-wrap: wrap;
		text-align: center;
	}
	.clmc-footer-col .clmc-flex-align-start {
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}
	.clmc-footer-col .clmc-flex-start {
		justify-content: center;
	}
	.libro-cion {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.clmc-footer-col .clmc-flex-align-start .clmc-mr40 {
		margin-right: 0;
	}
	.clmc-footer-col .clmc-flex-align-start p {
		margin-bottom: 10px;
	}
	.clmc-footer-col-title:after {
		left: calc(50% - (35px / 2));
	}
	.footer-cert-logo {
		padding-left: 20px;
	}
	.footer-links-block {
		flex-direction: row !important;
		justify-content: flex-start !important;
	}
	.footer-links-block * {
		text-align: left;
		font-size: 15px;
	}
	.footer-links-block > div:first-child {
		margin-right: 40px !important;
	}
	p.clmc-footer-col-title {
		text-align: left;
	}
	.clmc-footer-col-title:after {
		left: 0;
	}
	.footer-redes-block {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin: 0 !important;
		width: 100%;
		padding-bottom: 20px;
	}
	.footer-redes-block p.clmc-footer-col-title {
		width: 100%;
		margin-bottom: 0;
	}
	.footer-redes-block > div {
		margin: 0;
	}
	.footer-redes-block > div .libro-cion {
		margin: 0;
	}
	.footer-redes-block > div.footer-redes {
		margin-right: 40px !important;
	}
	.footer-redes a {
		margin-right: 10px;
	}
	.clmc-footer-cols.clmc-footer-cols-last-col {
		padding: 0px 24px 24px !important;
	}
	.clmc-footer-cols-last-col .clmc-footer-col .clmc-footer-col-content {
		padding-right: 20px;
	}
	.footer_faq_container {
		margin-bottom: 24px;
		margin-top: unset;
	}
	.footer-cert-logo > div,
	.footer-cert-logo div * {
		width: 52.5px;
		max-width: 52.5px;
		height: 52.5px;
	}
	.footer_separator_container {
		padding-left: unset;
		padding-right: unset;
		padding-bottom: 24px;
	}
}

@media (max-width: 450px) {
	.clmc-footer-logo {
		margin-bottom: 20px;
	}
}

/* Excepción para el logo de Olimpo en el footer */
@media (min-width:1201px) and (max-width:1496px) {
    .logo-col {
        margin-top: 60px;
    }
}
/* Fin excepcion */

@media (max-width: 415px) {
	.clmc-footer-col .clmc-flex-align-start .clmc-mr40 {
		margin-right: 10px !important;
	}
	.clmc-footer-col .clmc-flex-align-start p {
		width: auto;
		white-space: normal;
	}
}
@media (max-width: 390px) {
	.footer-redes-block {
		flex-direction: column;
		align-items: flex-start;
		padding-bottom: 0;
	}
	.footer-redes-block p.clmc-footer-col-title {
		margin-bottom: 10px;
	}
	.footer-redes-block > div.footer-redes {
		margin-bottom: 20px;
	}
}

/*PAGE CONTENT*/
.clmc-page-content {
	background: var(--clmc-bg-primary);
	/* min-height: 500px; */
}
.padding-page-content {
	max-width: 1300px;
	margin: auto;
}

/*POPUP*/
.clmc-popup {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0;
	margin: 0 auto;
	background: rgb(0 0 0 / 80%);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9991;
}
.clmc-popup-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.calimaco-content.clmc-no-overflow {
	height: calc(100vh - 70px) !important;
	padding: 70px 0 0 0 !important;
	margin: 0 !important;
}
.clmc-popup .clmc-popup-content {
	margin: 0 auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--clmc-bg-primary);
	max-height: calc(100vh - 32px);
	height: auto;
	max-width: 550px;
	min-width: 550px;
	min-height: 180px;
	border-radius: 10px;
	overflow: auto;
	z-index: 1;
	transition: 0.3s;
}
.clmc-popup .clmc-popup-content-header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 40px;
}
.clmc-popup .clmc-popup-content-header .close {
	position: absolute;
	margin: 0;
	padding: 0;
	right: 15px;
	top: 15px;
	color: var(--clmc-color-primary);
	cursor: pointer;
}
.clmc-field-error {
	padding-left: 0;
	background: none;
}
.clmc-field-error .MuiAlert-icon {
	display: none;
}
.clmc-field-error .MuiAlert-message {
	color: var(--clmc-bg-color-error);
	padding: 0px 2px;
}
@media (max-width: 560px) {
	.clmc-popup .clmc-popup-content {
		max-width: calc(100% - 20px);
		max-height: calc(100% - 20px);
		min-width: calc(100% - 20px);
		min-height: 100%;
		height: 100%;
		width: 100%;
		height: -webkit-fill-available;
		max-height: -webkit-fill-available;
		min-height: -webkit-fill-available;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	iframe#depositResponseIframe {
		height: calc(100vh - 100px);
	}
}

/*POPUP EXPIRED SESSION*/
div#sessionPopUp {
	z-index: 99999;
}

/*MODAL*/
.clmc-modal .clmc-modal-box {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #f2f2f2;
	border-radius: 10px;
	padding: 24px;
	min-width: 400px;
	max-width: 602px;
	max-height: calc(100% - 58px);
	overflow: auto;
}
.clmc-modal .clmc-modal-box .clmc-modal-content {
	width: 100%;
	height: 100%;
	position: relative;
}
.clmc-modal .clmc-modal-box .clmc-modal-content .clmc-popup-close-button {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
@media (max-width: 448px) {
	.clmc-modal .clmc-modal-box {
		min-width: calc(100% - 58px);
		min-height: calc(100% - 58px);
	}
}

/*USER MENU*/
.clmc-user-menu {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 99999;
}
.clmc-user-menu > .clmc-user-menu-content {
	position: fixed;
	right: 20px;
	top: 72px;
	max-height: calc(100% - 72px);
	background: #f5f6f9;
	width: calc(100% - 40px);
	max-width: 400px;
	opacity: 0;
	transition: 0.3s;
	overflow: auto;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 0 10px rgb(0 0 0 / 30%);
	-webkit-box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}
.clmc-user-menu .btn-close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 20px;
	height: 20px;
	color: #e5e5e5;
	z-index: 9;
	background: none;
	border: none;
	cursor: pointer;
}
.clmc-user-menu-balance {
	background: #042;
}
.clmc-user-menu-balance p {
	font-size: 12px !important;
	font-weight: bold;
}
p.apuestas-balance {
	background: #f8f538;
	padding: 1px 5px;
	border-radius: 50px;
	font-size: 12px !important;
	font-weight: bold;
}
.cashierButtons {
	gap: 10px;
}
.cashierButtons button {
	width: 50%;
}
.cashierButtons .cashierpayoutButton {
	border: 2px solid #096045;
	border-radius: 24px;
	text-transform: none;
	color: #096045;
}
.cashierButtons .cashierDepositButton {
	border: 2px solid #f9f500;
	background: #f9f500;
	border-radius: 24px;
	text-transform: none;
	color: #096045;
}
.clmc-user-menu-section {
	background: #f5f6f9;
	padding: 20px;
}
.clmc-user-menu-option {
	height: calc(38px - 20px);
	border-bottom: 1px solid #b4b4b4;
	/* padding: 16px 20px; */
}
.clmc-user-menu-option.visibleSubmenuTitle {
	background: #ffffff;
	border-radius: 5px;
	padding: 15px 21px;
}
.clmc-user-menu-option-arrow {
	position: absolute;
	right: 20px;
	color: #042;
}
.visibleSubmenu {
	rotate: 90deg;
}
.clmc-user-menu-option:hover {
	cursor: pointer;
}
.clmc-user-menu-subsection {
	margin: 20px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.clmc-user-submenu-option {
	border-bottom: 1px solid #b4b4b4;
	padding: 10px 20px;
}
.clmc-user-submenu-option:hover {
	background: rgba(0, 0, 0, 0.02);
}
.clmc-user-menu-subsection > div.clmc-user-submenu-option,
div#notifications-subsection a:last-child div {
	border-bottom: none;
}
.clmc-user-menu-logout-section {
	background: #f5f6f9;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.clmc-user-menu-logout-section a div {
	border-bottom: none;
}
.logoutButton {
	border: 2px solid #042;
	border-radius: 24px;
	padding: 8px 16px;
	width: calc(100% - 40px);
	display: flex;
	align-items: center;
	justify-content: center;
}
.userMenu-clubOlimpo {
	display: flex;
	justify-content: space-between;
	border-radius: 50px;
	overflow: hidden;
	background-color: #042;
	align-items: center;
}
.userMenu-clubOlimpo-info {
	height: 32px;
	width: 32px;
	margin-right: 4px;
}
.userMenu-clubOlimpo img {
	height: 40px;
	width: 40px;
}
.clmc-user-menu-content::-webkit-scrollbar {
	width: 8px;
	height: 0px;
	border-radius: 10px;
}
.clmc-user-menu-content::-webkit-scrollbar-thumb,
.clmc-user-menu-content::-webkit-scrollbar-thumb:hover,
.clmc-user-menu-content::-webkit-scrollbar-thumb:active {
	background: #004422;
	border-radius: 0px 00px 10px 0px;
}
.clmc-user-menu-content::-webkit-scrollbar-track,
.clmc-user-menu-content::-webkit-scrollbar-track:hover,
.clmc-user-menu-content::-webkit-scrollbar-track:active {
	background: #bcdfbd;
	border-radius: 0px 0px 10px 0px;
}

@media (max-width: 1150px) {
	.clmc-user-menu > .clmc-user-menu-content {
		top: 52px;
	}
	.clmc-user-menu .btn-close {
		top: 16px;
	}
}
@media (max-width: 450px) {
	.clmc-user-menu > .clmc-user-menu-content {
		width: 100%;
		max-width: 100%;
		right: 0;
		top: 50px;
		min-height: calc(100% - 50px);
		max-height: calc(100% - 50px);
		border-radius: 0 0 10px 10px;
	}
	.clmc-user-menu .btn-close {
		top: 16px;
		right: 16px;
	}
}
/*HISTORY*/
.showFilterButton {
	border-radius: 10px;
}
@media (max-width: 500px) {
	form#filter-form-history > div,
	form#filter-form-history button {
		width: 100%;
		margin: 0px 0px 20px 0px;
	}
}

/*DOCUMENTS*/
.clmc-userDocs-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	max-width: 650px;
}
.clmc-userFiles {
	gap: 20px;
}
.clmc-userDocs {
	background: rgb(255 255 255 / 100%);
	border-radius: var(--clmc-border-radius);
	width: calc(100% - 40px);
	min-height: calc(180px - 40px);
	max-height: calc(180px - 40px);
	padding: 20px;
	-webkit-box-shadow: 0px 4px 32px 0px #adadad26;
	-moz-box-shadow: 0px 4px 32px 0px #adadad26;
	box-shadow: 0px 4px 32px 0px #adadad26;
}
.clmc-userDocs > div > svg,
.clmc-userDocs > svg {
	width: 50px;
	height: 48px;
	color: #97dcac;
}
.clmc-userDocs svg path {
	stroke: #3cc666;
}
.clmc-userDocs-counter {
	opacity: 0.6;
}
.clmc-userDocs-status {
	position: absolute;
	right: 0;
	top: 0;
}
.Doc_pending_status {
	color: #ff9a5d;
}
.Doc_revising_status {
	color: #000000;
}
.Doc_approved_status {
	color: #3cc666;
}
.Doc_error_status {
	color: #ff5d5d;
}
.clmc-userDocs.uploadButton {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	position: relative;
	transition: 0.3s;
	min-height: 354px;
}
.doc-history-title svg {
	color: #97dcac;
}
.doc-history-title svg path {
	stroke: #3cc666;
}
.doc-history {
	background: rgb(255 255 255 / 100%);
	border-radius: var(--clmc-border-radius);
	-webkit-box-shadow: 0px 4px 32px 0px #adadad26;
	-moz-box-shadow: 0px 4px 32px 0px #adadad26;
	box-shadow: 0px 4px 32px 0px #adadad26;
}
.doc-history-element {
	border-bottom: 1px solid rgb(0 0 0 / 10%);
	padding: 10px;
	overflow: hidden;
}
.doc-history-element:last-child {
	border: none;
}
.docFileName {
	max-width: 250px;
	width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.clmc-drag-drop {
	display: flex;
	background: rgb(60 198 102 / 10%);
	border: 2px dashed #3cc666 !important;
	border-radius: var(--clmc-border-radius);
	cursor: pointer;
	position: relative;
}
.clmc-drag-drop:hover {
	background: rgb(0 0 0 / 15%);
}
.clmc-drag-drop label {
	min-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	line-height: 20px;
}
.identityDrop.selfie label div span {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
@media (max-width: 1000px) {
	.clmc-userDocs.uploadButton p {
		font-size: var(--clmc-text-small) !important;
	}
}
@media (max-width: 1130px) {
	.clmc-userDocs {
		min-height: calc(164px - 40px);
	}
	.clmc-userFiles {
		flex-direction: column;
		align-items: flex-start;
	}
	.doc-history-element {
		flex-direction: column;
		align-items: flex-start;
	}
	.doc-history-element .clmc-green-text.clmc-txtr {
		text-align: left !important;
	}
	.doc-history-element > div:last-child {
		margin-top: 5px;
		margin-left: 44px;
	}
}

/*BALANCE*/
.bonos-page {
	display: flex;
	align-items: start;
	justify-content: space-between;
}

.bonos-mainColumn {
	flex-grow: 1;
	width: calc(100% - 454px);
	min-height: 654px;
}
.bonos-secondColumn {
	padding: 16px;
	max-width: 450px;
}
/* .bonos-secondColumn > div:first-child {
	border-bottom: 10px solid #f6f8f7;
	border-top: 10px solid #f6f8f7;
} */

.terminos-condiciones-bonos h4{
	padding: 8px 0px;
	font-size: 20px;
}

.promo-code-form .clmc-input,
.clmc-refer-link-container .clmc-input {
	background: #fff;
	border-radius: 10px;
}
.promo-code-form .clmc-input > div,
.clmc-refer-link-container .clmc-input > div {
	padding: 2px 4px;
	border-radius: 10px;
}
.promo-code-form .clmc-btn-primary,
.clmc-refer-link-container .clmc-btn-primary {
	background: var(--clmc-btn-color-primary) !important;
	border: 1px solid var(--clmc-btn-color-primary) !important;
	min-width: auto;
}
.clmc-btn-deposit {
	background: var(--clmc-btn-color-primary);
	width: 48px;
	height: 48px;
	min-width: auto;
	border-radius: 100%;
}
.clmc-btn-deposit:hover {
	background: var(--clmc-btn-color-primary);
	border: 1px solid var(--clmc-btn-color-primary);
	color: var(--clmc-color-primary-light);
	filter: brightness(1.1);
	border: none !important;
}
.balance-resumen {
	border-top: 2px solid #fff;
}

.clmc-account-card {
	background: rgb(255 255 255 / 100%);
	border: 1px solid rgb(0 82 38 / 20%);
	position: relative;
	width: 250px;
	height: 63px;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
}
.clmc-account-card-info {
	display: flex;
	align-items: center;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	justify-content: space-between;
	position: absolute;
	z-index: 1;
}
.clmc-account-card-info svg {
	width: 48px;
	height: 48px;
	color: var(--clmc-btn-color-primary);
}
.clmc-account-card-background {
	position: absolute;
	z-index: 0;
	rotate: -24deg;
	left: -10px;
	top: 0;
}
.clmc-account-card-background svg {
	width: 120px;
	height: 120px;
	color: rgb(0 82 38 / 6%);
}

p.copiedReferSucces {
	position: absolute;
	width: 54px;
	top: 66px;
	right: 11px;
	background: #1a5738;
	padding: 5px;
	border-radius: 10px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	opacity: 0;
	transition: 0.3s;
}
.bono-card {
	border: 2px solid #eef1f4;
	border-radius: 8px;
	padding: 16px;
	width: 250px;
	min-width: 250px;
	min-height: 148px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}
.bono-card > div {
	width: 100%;
}
.bono-description {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.bono-name {
	max-width: 178px;
	/* white-space: nowrap; */
	overflow: hidden;
	text-overflow: ellipsis;
}
.bono-end-date {
	background: rgb(255 55 71 / 30%);
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px 8px;
	font-weight: bold;
	color: #ff3747;
}
.bono-end-date svg {
	color: #ff3747;
	width: 14px;
	margin-right: 4px;
}
.bono-buttons {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.activateBono {
	background: var(--clmc-btn-color-primary);
	color: #fff;
	text-transform: none;
	border: 2px solid var(--clmc-btn-color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 24px;
	padding: 6px 24px;
}
.activateBono:hover {
	background: var(--clmc-btn-color-primary);
	border: 2px solid var(--clmc-btn-color-primary);
	color: var(--clmc-color-primary-light);
	filter: brightness(1.1);
}
.cancelBono {
	border: 2px solid #9ba5b7;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 24px;
}
/* .bono-buttons.pendingBono .activateBono {
	width: 80%;
} */
.bono-buttons.activeBono .activateBono.activated {
	width: 80%;
	background: #f2f2f2 !important;
	border-color: #f2f2f2 !important;
	color: #9ba5b7 !important;
	pointer-events: none;
}
.bonosSlider .splide__arrow--prev {
	left: -16px;
}
.bonosSlider .splide__arrow--next {
	right: -16px;
}
/*MOBILE BALANCE*/
.mobile-personal-promos,
.mobile-personal-promos-balance,
.bonos-secondColumn .clmc-h1,
.mobile-bonus-code-button {
	display: none;
}
.bonos-secondColumn .balance-container .clmc-h1 {
	display: inline;
}
.bonoInfoButton {
	position: absolute;
	right: 30px;
	top: 10px;
	color: #3cc666;
	border-radius: 100%;
	width: 24px;
	height: 24px;
	max-width: 24px;
	min-width: 24px;
	max-height: 24px;
	min-height: 24px;
}
.clmc-modal-box.warning-modal {
	background: #ffffff;
}
.activeBonusError .clmc-h1 {
	color: #1c2938;
	font-weight: bold;
	font-size: 18px;
}
.activeBonusError p {
	color: #61646b;
}
.bonus-block {
	background: #fff;
	border-radius: var(--clmc-border-radius);
	border: 1px solid #f2f2f2;
	-webkit-box-shadow: 0px 4px 32px 0px #adadad26;
	-moz-box-shadow: 0px 4px 32px 0px #adadad26;
	box-shadow: 0px 4px 32px 0px #adadad26;
}
.clmc-flex-start.clmc-mb20.bonus-block-title {
	padding: 10px;
	border-bottom: 1px solid #f2f2f2;
}
.bonus-block-content {
	padding: 0px 10px 10px 10px;
}
.billetera-block {
	background: #fff;
	border-radius: var(--clmc-border-radius);
	border: 1px solid #f2f2f2;
	-webkit-box-shadow: 0px 4px 32px 0px #adadad26;
	-moz-box-shadow: 0px 4px 32px 0px #adadad26;
	box-shadow: 0px 4px 32px 0px #adadad26;
}
.billetera-block > div {
	padding: 10px;
}
.billetera-block > div:first-child {
	border-bottom: 1px solid #f2f2f2;
}
.billetera-block > div:first-child img {
	height: 28px;
}

@media (max-width: 1000px) {
	.mobile-personal-promos,
	.mobile-personal-promos-balance,
	.bonos-secondColumn .clmc-h1 {
		display: block;
	}
	.bonos-secondColumn {
		border-top: 1px solid #E8E8E8;
		background-color: #F6F8F7;
		padding: 24px 16px 24px 16px;
	}
	.personal-bonos-category-title {
		display: none;
	}
	.personal-bonus-category {
		display: flex;
		gap: 5px;
		overflow: auto;
	}
	.personal-bonus-category > div {
		border: 1px solid #9ba5b7;
		border-radius: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 2px 4px 2px 8px;
		cursor: pointer;
	}
	.personal-bonus-category > div p {
		color: #000;
		font-size: 12px;
		white-space: nowrap;
	}
	.personal-bonus-category > div p:last-child {
		background: #9ba5b7;
		color: #fff;
		width: 14px;
		height: 14px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50px;
		margin-left: 4px;
	}
	.personal-bonus-category .active-bonus-category {
		background: #3cc666;
		border: 1px solid #3cc666;
	}
	.personal-bonus-category .active-bonus-category p {
		color: #fff;
	}
	.personal-bonus-category .active-bonus-category p:last-child {
		background: #096045;
	}
	.bonusHidden {
		display: none;
	}
	.bonos-secondColumn > div:last-child {
		display: none;
	}
	.bonos-page {
		background: unset;
		flex-direction: column;
	}
	.bonos-page > div {
		width: calc(100% - 80px) !important;
	}
	.bonos-mainColumn {
		min-height: auto;
	}
	.bonos-mainColumn h1 {
		display: none;
	}
	.mobile-personal-promos-balance {
		padding: 24px;
		border-top: 1px solid #f2f2f2;
		border-bottom: 10px solid #f2f2f2;
	}
	.balance-resumen {
		border-top: 2px solid #f2f2f2;
	}
	.bonos-page > div.bonos-secondColumn {
		width: calc(100% - 35px) !important;
		max-width: 100% !important;
	}
	.bonos-secondColumn > div {
		width: 100%;
	}
	.bonos-secondColumn > div:first-child {
		/* border-bottom: 10px solid #f6f8f7; */
		background: #F6F8F7;

	}
	.mobile-bonus-code-button {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border: 2px solid #eef1f4;
		border-radius: 16px;
		padding: 8px 24px;
		cursor: pointer;
	}
	.mobile-bonus-code-button div {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.bonus-block-content > div {
		margin-top: 0;
	}
	.mobile-bonus-code-button svg {
		color: #3cc666;
	}
	.mobile-bonus-code-button.referMobileButton.visibleCodeContent {
		border-radius: 16px 16px 0 0;
	}
	.clmc-refer-link-container {
		margin-top: 0;
		background: #f2f2f2;
		padding: 10px;
		border-radius: 0 0 16px 16px;
	}
	form.promo-code-form {
		margin-top: 0;
		padding: 10px;
		padding-top: 0;
		border-radius: 0 0 16px 16px;
	}
	.bonusCodeButton,
	.bonusCodeButton * {
		border-color: #fff !important;
		color: #3cc666 !important;
	}
	.bonus-block .clmc-form-label {
		display: none;
	}
	.visibleCodeContent svg,
	.visibleBunusCodeContent svg {
		rotate: -90deg;
	}
	.clmc-flex-start.clmc-mb20.bonus-block-title {
		display: none;
	}
	.bonus-block {
		border: none;
		background: #fff;
		box-shadow: none;
	}
}
@media (max-width: 378px) {
	.clmc-modal .clmc-modal-box.info-modal {
		min-height: auto;
		min-width: calc(100% - 58px) !important;
	}
}
@media (max-width: 450px) {
	.bonos-page > div {
		width: calc(100% - 40px) !important;
	}
}
@media (max-width: 448px) {
	.clmc-modal .clmc-modal-box.info-modal {
		min-height: auto;
		min-width: calc(100% - 58px) !important;
	}
}

/*OVERLAY*/
.clmc-overlay {
	width: 100%;
	height: 100%;
	background: none;
	margin: 0;
	position: absolute;
	z-index: 0;
}

/*BANNER*/
.bannerSlider .splide__slide,
.banner-slide,
.banner-slide img {
	width: 100%;
	max-width: 100%;
	cursor: pointer;
}
.bannerSlider .splide__arrow {
	background: #fff;
	border: 1px solid #d2d2d2;
	width: 32px;
	height: 32px;
	border-radius: 10px;
}
.bannerSlider .splide__arrow svg {
	fill: var(--clmc-btn-color-primary);
}
.bannerSlider .splide__pagination__page {
	background: #f2f2f2;
	opacity: 1;
}
.bannerSlider .splide__pagination__page.is-active {
	background: var(--clmc-btn-color-primary);
}

/*LOBBY*/
.clmc-machines-contanier {
	display: grid;
	grid-template-columns: repeat(auto-fill, 15.8%);
	justify-content: center;
	gap: 10px;
}
@media (max-width: 1440px) {
	.clmc-machines-contanier {
		grid-template-columns: repeat(auto-fill, 15.8%);
	}
}
@media (max-width: 1200px) {
	.clmc-machines-contanier {
		grid-template-columns: repeat(auto-fill, 19%);
	}
}
@media (max-width: 1000px) {
	.clmc-machines-contanier {
		grid-template-columns: repeat(auto-fill, 23.8%);
	}
}
@media (max-width: 750px) {
	.clmc-machines-contanier {
		grid-template-columns: repeat(auto-fill, 32%);
	}
}
@media (max-width: 600px) {
	.clmc-machines-contanier {
		grid-template-columns: repeat(auto-fill, 48%);
	}
}
@media (max-width: 380px) {
	.clmc-lobby {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (max-width: 350px) {
	.clmc-machines-contanier {
		grid-template-columns: repeat(auto-fill, 100%);
	}
	.clmc-lobby {
		padding-left: 10px;
		padding-right: 10px;
	}
}
.clmc-machine {
	position: relative;
	flex-direction: column;
	background: rgb(9 96 69 / 20%);
	border-radius: 10px;
	align-items: center;
	justify-content: space-between;
	transition: 0.3s;
	cursor: pointer;
	height: 130px;
}
.clmc-machine .clmc-machine-logo {
	transition: 0.5s;
	border-radius: 11px;
}
.clmc-machine-buttons {
	position: absolute;
	top: calc(50% - 22px);
	z-index: 1;
	opacity: 0;
	transition: 0.3s;
}
.clmc-machine:hover .clmc-machine-buttons {
	opacity: 1 !important;
}
.clmc-machine .clmc-machine-buttons .clmc-btn-primary,
.clmc-machine .clmc-machine-buttons .clmc-btn-secondary {
	height: 44px;
	margin: 0px 5px;
	min-width: auto;
	padding: 0px 10px;
}

.clmc-machine:hover .clmc-machine-logo,
.clmc-machine:hover .clmc-machine-tags {
	filter: brightness(0.3) blur(0.2px);
	opacity: 0.9;
}
.clmc-machine-tags {
	font-size: 12px;
	font-weight: bold;
	color: #042;
	padding: 6px 40px;
	background-color: #f8f538;
	position: absolute;
	z-index: 0;
	top: 10px;
	left: -36px;
	transition: 0.3s;
	transform: rotate(-45deg);
	box-shadow: 0px 4px 4px rgb(0 0 0 / 30%);
}
.extraLobby {
	margin-bottom: 20px;
}
.extraLobby .clmc-machines-contanier {
	background: #00381c;
	padding: 10px 5px;
	border-radius: 10px;
}

@keyframes pulseCasino {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 #efb810;
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 15px rgb(12 16 25 / 0%);
	}
	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgb(255 150 0 / 25%);
	}
}
@media (max-width: 1090px) {
	.clmc-machine {
		height: 120px;
	}
}
@media (max-width: 1000px) {
	.clmc-machine {
		height: 130px;
	}
}
@media (max-width: 880px) {
	.clmc-machine {
		height: 120px;
	}
}
@media (max-width: 750px) {
	.clmc-machine {
		height: 130px;
	}
}
@media (max-width: 680px) {
	.clmc-machine {
		height: 120px;
	}
}
@media (max-width: 600px) {
	.clmc-machine {
		height: 140px;
	}
}
@media (max-width: 500px) {
	.clmc-machine {
		height: 120px;
	}
}
@media (max-width: 450px) {
	.clmc-machine {
		height: 110px;
	}
}
@media (max-width: 350px) {
	.clmc-machine {
		height: 180px;
	}
}

/*LOBBY FAV*/
.clmc-btn-favorite {
	position: absolute;
	top: 6px;
	right: 6px;
	border-radius: 50px;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 2;
	transition: 0.3s;
}

.clmc-btn-favorite svg {
	display: flex;
	align-items: center;
	justify-content: center;
	fill: #fff;
	margin-top: 2px;
}
.clmc-btn-favorite svg.favTrue {
	fill: rgb(220, 28, 28);
}

.clmc-btn-favorite:hover {
	transform: scale(1.05);
	filter: brightness(0.8);
}
.favActive-true .favFalse {
	display: none;
}
.favActive-false .favTrue {
	display: none;
}

/*LOBBY FILTER*/
.clmc-lobby-filter {
	background: #fff;
	padding: 20px 10px;
	position: relative;
}
.casino-menu-slider {
	height: 92px;
}
.clmc-filter-icon {
	color: #096045;
	margin: 0;
}
.clmc-filter-icon-dark {
	background: #096045;
	color: #fff;
	margin-right: 20px;
}
.clmc-filter-icon-dark:hover {
	background: #096045;
	filter: brightness(1.2);
}
.clmc-lobbyfilter-popup .MuiMenu-paper {
	border-radius: 10px;
}
.provider-filter-column {
	display: flex;
	flex-wrap: wrap;
}
.provider-filter-column > div {
	width: 50%;
}
.clmc-filter-provider {
	margin: 0;
}
.provider-filter-close-button {
	position: absolute;
	top: 20px;
	right: 20px;
}
/*Searchbar*/
.searchVisible {
	position: absolute;
	left: 130px;
	background: #fff;
	z-index: 1;
	width: 0;
	padding: 40px 0px;
	opacity: 0;
	overflow: hidden;
	transition: 0.3s;
}
.searchVisible.visibleSearchInput {
	width: calc(100% - 150px);
	padding: 34px 20px 34px 0px;
	opacity: 1;
}
.searchResults {
	position: absolute;
	background: #ffffff;
	z-index: 9;
	width: calc(100% - 190px);
	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;
}
.searchElement.searchResult-machine img {
	width: 100px;
	border-radius: 10px;
}
.searchElement.searchResult-machine {
	background: #f2f2f2;
	border-radius: 10px;
	border: 1px solid #c4c4c4;
	margin-bottom: 10px;
	transition: 0.3s;
}
.searchElement.searchResult-machine:last-child {
	margin-bottom: 0;
}
.searchElement.searchResult-machine:hover {
	filter: brightness(0.8);
}
@media (max-width: 700px) {
	.clmc-lobby-filter {
		flex-direction: column-reverse;
		padding-top: 5px;
		padding-bottom: 10px;
	}
	.casino-menu-slide > p {
		font-size: 13px !important;
	}
	.clmc-filter-category {
		width: 100% !important;
	}
	.casino-menu-slider .splide__arrows {
		display: block !important;
	}
	.clmc-lobby-filter-search {
		width: 100%;
		padding-top: 10px;
		margin-top: 10px;
		border-top: 1px solid #f2f2f2;
	}
	.searchVisible {
		width: calc(100% - 114px) !important;
		opacity: 1 !important;
		padding: 0 !important;
		left: 104px;
	}
	.clmc-filter-icon-dark,
	.clmc-filter-icon,
	.clmc-lobby-filter-search .clmc-input input {
		padding: 8px;
	}
	.searchResults {
		top: 158px;
		width: calc(100% - 160px);
		right: 20px;
	}
}
@media (max-width: 600px) {
	.searchResults {
		top: 170px;
		width: calc(100% - 20px);
		right: 0px;
		border-top: 1px solid #c4c4c4;
	}
}
@media (max-width: 450px) {
	.clmc-filter-providers .clmc-flex-start {
		flex-direction: column;
	}
	.clmc-filter-providers .clmc-flex-start button {
		margin: 5px;
	}
}

/*CASINO MENU*/
.clmc-filter-category {
	width: calc(100% - 120px);
}
.clmc-filter-category .splide__list {
	justify-content: center;
}
.casino-menu-slide {
	max-width: 85px;
	width: 100%;
	min-width: 85px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	transition: 0.3s;
	cursor: pointer;
	padding: 5px 10px 0px 10px;
}
.casino-menu-slide > 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%;
	border: 2px solid #929292;
	margin-bottom: 5px;
	transition: 0.3s;
}
.casino-menu-slide > div img {
	width: 35px;
	filter: contrast(0.4);
	transition: 0.3s;
}
.casino-menu-slide > p {
	font-size: 14px;
	color: #414141;
	transition: 0.3s;
	text-align: center;
}
.menu-slide-new {
	position: absolute;
	top: 0;
	left: 8px;
}
.casino-menu-slide:hover > div,
.casino-menu-slide.active-casino-menu > div {
	background: #096045;
	border: 2px solid #096045;
}
.casino-menu-slide:hover > div img,
.casino-menu-slide.active-casino-menu > div img {
	filter: invert(1);
}
.casino-menu-slide:hover > p,
.casino-menu-slide.active-casino-menu > p {
	color: #096045;
}
.casino-menu-slider .splide__arrows {
	display: none;
}
.casino-menu-slider .splide__arrow {
	height: 100%;
	border-radius: 0;
	opacity: 1 !important;
}
.casino-menu-slider .splide__arrow * {
	color: #096045;
	fill: #096045;
}
.casino-menu-slider .splide__arrow--prev {
	left: 0;
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
}
.casino-menu-slider .splide__arrow--next {
	right: 0;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
}

@media (max-width: 1290px) {
	.clmc-filter-category .virtualesMenuSlide .splide__list {
		justify-content: flex-start;
	}
}
@media (max-width: 1030px) {
	.clmc-filter-category .enVivoMenuSlide .splide__list {
		justify-content: flex-start;
	}
}

.clmc-filter-category .casinoMenuSlide .splide__list {
	justify-content: flex-start;
}

/* @media (max-width: 1200px) {
	.clmc-filter-category .casinoMenuSlide .splide__list {
		justify-content: flex-start;
	}
} */

/*iframe*/
#iframeArea {
	position: absolute;
	top: 72px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	width: calc(100%);
	height: calc(100% - 72px);
	background: #000000;
	padding: 0px 0px 0px 0px;
}
#iframeArea iframe {
	height: calc(100% - 4px);
	border: none;
}
#iframeArea .iframeButtons {
	position: absolute;
	top: 20px;
	right: 20px;
}
.iframeButtons button {
	border: 1px solid #fff;
	background: rgb(0 0 0 / 40%);
	opacity: 0.8;
}
#iframeArea #demoMessage {
	position: absolute;
	top: 5px;
	margin: auto;
	left: 0;
	right: 0;
	width: 100px;
	text-align: center;
	padding: 5px;
	border-radius: var(--clmc-border-radius);
	color: var(--clmc-bg-color-warning);
}
@media (max-width: 1150px) {
	#iframeArea {
		top: 52px;
		height: calc(100%);
	}
}
#iframeArea.iframe-game-with-notification-Ecuador {
	top: 117px !important;
}
@media(max-width: 1073px) {
	#iframeArea.iframe-game-with-notification-Ecuador {
		top: 115px !important;
	}
}

@media (max-width: 950px) {
	#iframeArea.iframe-game-with-notification-Ecuador {
		top: 115px !important;
	}
  }
   
  @media (max-width: 820px) {
	#iframeArea.iframe-game-with-notification-Ecuador {
		top: 115px !important;
	}
  }

  @media (max-width: 585px) {
	#iframeArea.iframe-game-with-notification-Ecuador {
		top: 136px !important;
	}
  }
@media (max-width: 454px) {
	#iframeArea.iframe-game-with-notification-Ecuador {
	  top: 156px!important;
	}
  }

/*PROMOTIONS*/
.clmc-promos-Lobby > a {
	width: calc(33% - 22px);
	max-width: 400px;
	border-radius: var(--clmc-border-radius);
	background: #202020 !important;
	border: 2px solid #f5c043 !important;
	text-decoration: none;
}
.clmc-promos-Lobby > a:hover {
	background: var(--clmc-bg-color-secondary-light);
}
.promo img {
	border-radius: var(--clmc-border-radius);
	border-bottom: 2px solid #f5c043;
}
.promo h2 {
	height: 36px;
}
.promo > div {
	min-height: 50px;
	max-height: 50px;
}
.promo pre {
	white-space: normal;
}
.promo p {
	color: #fff;
	font-size: var(--clmc-text-small);
	line-height: 20px;
}
.clmc-promos-Lobby > a:hover {
	opacity: 0.6;
}
div#promo-details .promo-body ul {
	margin-left: 20px;
}
@media (max-width: 1050px) {
	.clmc-promos-Lobby > a {
		width: calc(50% - 24px);
	}
}
@media (max-width: 650px) {
	.clmc-promos-Lobby > a {
		width: 100%;
		max-width: initial;
		margin-right: 0;
	}
}
div#promo-details > img {
	width: 100%;
}
div#promo-details h1 {
	color: var(--clmc-color-primary);
}

/*DOCUMENTS*/
.clmc-document {
	border: 1px solid #e5006f;
}
.clmc-document div:first-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 40px;
}
.clmc-document div p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div#dropArea {
	border: 2px dashed var(--clmc-bg-secondary);
	background: var(--clmc-bg-color-primary);
	padding: 10px;
	min-height: 80px;
	border-radius: var(--clmc-border-radius);
}
div#dropArea label {
	cursor: pointer;
	white-space: nowrap;
}
div#dropArea p:empty {
	display: none;
}
@media (max-width: 1150px) {
	.clmc-document {
		flex-wrap: wrap;
	}
	.clmc-document div:first-child {
		margin-bottom: 10px;
		margin-right: 0;
		width: 100%;
		min-width: 100%;
	}
	div#dropArea label,
	div#dropArea p {
		white-space: normal;
		margin: 10px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

/*PROFILE*/
.personal-data {
	display: flex;
	gap: 20px;
	margin-bottom: 26px;
}
.personal-data > div {
	width: 50%;
}
.personal-data > div > div {
	min-height: 282px;
	background: rgb(255 255 255 / 100%);
	-webkit-box-shadow: 0px 4px 32px 0px #adadad26;
	-moz-box-shadow: 0px 4px 32px 0px #adadad26;
	box-shadow: 0px 4px 32px 0px #adadad26;
}
.personal-data p svg {
	color: #97dcac;
}
.personal-data p svg path {
	stroke: #3cc666;
}
@media (max-width: 850px) {
	.personal-data {
		flex-wrap: wrap;
		margin-bottom: 10px;
	}
	.personal-data > div {
		width: 100%;
	}
}

/*REGISTER*/
.clmc-register-field {
	width: calc(50% - 20px);
}
.register-step {
	max-width: 650px;
}
.register-steps-bubbles .register-steps-bubble {
	width: 28px;
	height: 28px;
	min-width: 28px;
	background: #bdbdbd;
	border: 2px solid #bdbdbd;
	border-radius: 100%;
	color: #fff;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}
.register-steps-bubbles .register-steps-bubble.active-step {
	background: #fff;
	color: #096045;
	border: 2px solid #096045;
}
.register-steps-bubbles-separator {
	background: #bdbdbd;
	width: 70px;
	height: 2px;
}
.register-steps-bubbles .register-steps-bubble.complete-step {
	background: #096045;
	color: #096045;
	border: 2px solid #096045;
	position: relative;
}
.register-steps-bubbles .register-steps-bubble.complete-step:after {
	content: "✔";
	color: #fff;
	position: absolute;
	display: block;
	margin-bottom: 2px;
}
.register-step .clmc-formError {
	padding-left: 0;
	background: none;
}
.register-step .clmc-formError .MuiAlert-icon {
	display: none;
}
.register-step .clmc-formError .MuiAlert-message {
	color: var(--clmc-bg-color-error);
	padding: 0px 2px;
}
.clmc-form-label.clmc-green-text {
	color: var(--clmc-color-primary);
	width: 150px;
}
.clmc-form-label .clmc-black-text {
	color: #414141;
}
.clmc-radio-label .MuiFormControlLabel-label {
	font-size: 14px;
	color: #807781;
	margin-right: 5px;
}
.clmc-radio-label span {
	padding: 0;
}
div#registerLoader {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(242 242 242 / 70%);
}

@media (max-width: 650px) {
	.clmc-register-field {
		width: 100%;
	}
	.register-step .currency-radios > div {
		justify-content: flex-end;
		align-items: flex-end;
		flex-direction: column;
		width: 120px;
	}
	.register-step .currency-radios .clmc-radio-label {
		margin: 0;
	}
	.register-step .clmc-radio-label {
		margin-left: 0;
	}
	.register-step .currency-radios .clmc-radio-label:first-child {
		margin-bottom: 5px;
	}
	.register-step .yes-no-radios > div {
		width: 110px;
		justify-content: flex-end;
	}
	.clmc-form-label.clmc-green-text {
		width: auto;
	}
	.currency-radios {
		justify-content: space-between;
		width: 100%;
	}
	.yes-no-radios {
		justify-content: space-between;
		width: calc(100% - 30px);
	}
}

/*DEPOSITS*/
div#depositpopup .clmc-popup-content {
	width: calc(100% - 40px);
	max-width: 900px;
}
.deposit-popup-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-grow: 1;
	margin-right: 60px;
}
.deposit-popup-title-new {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-grow: 1;
}
span.deposit-popup-balance {
	background: #f8f538;
	border-radius: 8px;
	padding: 4px 8px;
	font-size: 13px;
}
span.deposit-popup-balance-new {
	background: #f8f538;
	border-radius: 5px;
	padding: 4px 8px;
	font-size: 14px;
	margin-right: 16px;
	color: #004422;
}
span.deposit-popup-balance-title {
	color: #096045;
	font-size: 18px;
}
.depositLobbyMethods {
	display: grid;
	grid-template-columns: calc(50% - 28px) calc(50% - 28px);
	gap: 16px 56px;
}
.depositMethodTitle {
	color : #004422;
	font-size: 16px;
}
.depositMethodAmount {
	color : #1C1C1C;
	font-size: 14px;
}
.depositMethod {
	border-radius: 16px;
	border: 1px solid #eaecf0;
	background: #ffffff;
	height: 109px;
	z-index: 2;
	padding: 0px 24px;
}
.depositMethodHighlighted {
	position: relative;
	border-radius: 16px;
	height: 111px;
	border: solid 1px transparent;
	background-image: linear-gradient(white, white), linear-gradient(90deg, #3CC666 30%, #017A53 100%);
	background-origin: border-box;
	background-clip: padding-box, border-box;
  }

.depositMethodHeader{
	padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
}

.depositMethodBody{
	padding-top: 30px;
    padding-left: 24px;
    padding-bottom: 24px;
    padding-right: 24px;
}

.depositMethodBodyWithBanner{
	padding-top: 16px;
    padding-left: 24px;
    padding-bottom: 24px;
    padding-right: 24px;
}

.depositMethodBanner{
	display: block;
	padding: 0px 0px 38px;
	width: 100%;
}

.depositMethodBannerMobile{
	display: none;
	padding: 0px 0px 25px;
	width: 100%;
}

.suggestedMethod {
	background: linear-gradient(90deg, #3CC666 30%, #017A53 100%);
    color: white;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 0px 22px;
    border-radius: 16px 16px 0 0;
    text-align: center;
    width: 100% ;
    position: absolute;
    top: -32px;
	left: 0px;
	z-index: 1;
}

.suggestedMethod:hover {
	cursor: pointer;
	}
	

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

.depositLobbyColumn:hover .depositMethod {
    box-shadow: 0px 4px 9px 0px #0000000D;
    transition: box-shadow 0.2s ease-in-out;

}

.deposit-popup {
	max-width: 1126px !important;
	border-radius: 16px;
}



.depositLobbyColumn:hover .deposit-selectMethodButton {
    background-color: #096045; 
    border-radius: 50%;
    transition: background-color 0.2s ease-in-out;
}

.depositLobbyColumn:hover .deposit-selectMethodButton svg {
    color: white;
    transition: color 0.2s ease-in-out;
}

.depositMethodContainer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-right: 16px;
  }
  .depositMethodImg {
	margin-right: 24px;
  }

@media (max-width: 800px) {
	.depositMethodImg {
		margin-right: 16px;
	  }
	.depositMethodContainer {
		margin-right: 8px;
	  }
	.depositLobbyMethods {
		grid-template-columns: 100%; 
		gap: 16px;
	}

	.depositMethodHeader{
		padding-top: 20px;
		padding-left: 16px;
		padding-right: 16px;
	}

	.depositMethodBody{
		padding-top: 30px;
		padding-left: 16px;
		padding-bottom: 30px;
		padding-right: 16px;
	}

	.depositMethodBodyWithBanner{
		padding-top: 20px;
		padding-left: 16px;
		padding-bottom: 30px;
		padding-right: 16px;
	}

	.depositMethodBanner{
		display: none;
	}

	.depositMethodBannerMobile{
		display: block;
	}



	.depositMethod{
		height: 100px;
		padding: 0px 16px;
	}

	.depositMethodHighlighted
	{
		height: 100px;
	}

	.suggestedMethod {
		font-size: 12px;
		padding: 6px 0px 24px;
		border-radius: 16px 16px 0 0;
		top: -26px;
	}

	span.deposit-popup-balance-title {
		font-size: 14px;
	}
	span.deposit-popup-balance-new {
		font-size: 12px;
		margin-right: 8px;

	}
	.depositMethodTitle {
		font-size: 14px;
	}
	.depositMethodAmount {
		font-size: 12px;
	}

	.deposit-popup {
		max-width: 100% !important;
		width: 100% !important;
		height: 100%;
		margin-top: 0  !important;
		margin-bottom: 0 !important;
		border-radius: 0px !important;

	  }
}

.depositMethod img {
	width: 64px;
	/* height: 64px; */
	overflow: hidden;
	border-radius: 8px;
	border: 1px solid #eaecf0;
}
.deposit-selectMethodButton {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f2f2f2;
	width: 32px;
	height: 32px;
	border-radius: 50px;
	color: #1C1C1C;
}
div#depositForm {
	max-width: 600px;
	margin: auto;
}
.amountButton {
	border: 1px solid #096045;
	color: #096045;
	width: 60px;
	min-height: 30px;
	height: 30px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	margin: 5px;
}
.amountButton:hover {
	background: #096045;
	color: #ffffff;
}
.amountButton.active,
.amountButtonInputDiv:hover input {
	background: #096045;
	color: #ffffff !important;
}
.amountButtonInputDiv {
	width: 100%;
	height: auto;
	margin: 20px 0 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
}
.amountButtonInputDiv input {
	width: 140px;
	height: 48px;
	font-size: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	outline: none !important;
	text-align: center;
	background: none;
	color: #096045;
	border-bottom: solid 1px #787878 !important;
}
.amountButton.amountButtonInputDiv:hover,
.amountButton.amountButtonInputDiv:hover input,
.amountButton.amountButtonInputDiv {
	background: none !important;
}
.amountButtonInputDiv:hover input {
	color: #096045 !important;
}
.depositBonusSelector > div > div {
	border: 1px solid #096045;
	border-radius: 8px;
	padding: 8px;
	width: calc(100% / 3);
	height: calc(80px - 18px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0px 5px;
	cursor: pointer;
	transition: 0.3s;
}
.depositBonusSelector > div > div.activeDepositBonus {
	background: #096045;
}
.depositBonusSelector > div > div.activeDepositBonus * {
	filter: brightness(500);
	color: #fff;
}
.depositBonusSelector > div > div:hover {
	opacity: 0.8;
}

.extraMethodForm input {
	border: solid 1px #c3c3c3;
	border-radius: 8px;
	overflow: hidden;
	background-color: white;
	padding: 8px;
	width: 100%;
}
.btn.btn__quest {
	background-color: #3cc666;
	color: white;
	font-weight: bold;
	display: block;
	margin: 0 auto;
	border-radius: 8px;
	cursor: pointer;
	width: 82px;
	border: 1px solid #3cc666;
}

.clmc-mt40.extraMethodForm form {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

iframe#depositResponseIframe {
	width: 100%;
	min-height: 600px;
	border: none;
}
div#depositResponseImgQR img {
	max-width: 100%;
}
/*Fragment*/
.text-fragment-column {
	padding: 0px 40px;
	width: calc(50% - 80px);
}
@media (max-width: 800px) {
	.text-fragment-column {
		width: 100%;
	}
}
/*Tournaments banners*/
.clmc-tournament-banners {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 20px;
}
.clmc-tournament-banner {
	border: 2px solid #f5c043;
	border-radius: 4px;
	background: #202020;
	width: calc(33%);
}
.clmc-tournament-banner:hover {
	opacity: 0.6;
}
.clmc-tournament-banners img {
	width: 100%;
	text-decoration: none;
}
.clmc-tournament-banners * {
	text-decoration: none;
}
img.clmc-tournament-img {
	width: calc(100% - 80px);
	max-width: 1500px;
}
@media (max-width: 1400px) {
	.clmc-tournament-banners {
		flex-wrap: wrap;
	}
	.clmc-tournament-banner {
		width: calc(50% - 14px);
	}
}
@media (max-width: 1000px) {
	.clmc-tournament-banners {
		flex-wrap: wrap;
	}
	.clmc-tournament-banner {
		width: calc(100%);
	}
}

/*PAYOUTS*/
.addBankAccountButton {
	display: flex;
	align-items: center;
	justify-content: start;
	width: auto;
	color: var(--clmc-btn-color-primary);
	cursor: pointer;
	transition: 0.3s;
}
.addBankAccountButton:hover {
	filter: brightness(0.8);
}
.addBankAccountForm {
	padding: 20px;
	border: 1px solid #096045;
	background: rgb(9 96 69 / 10%);
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.bankAccountsForm .clmc-grey-text.clmc-p-small.clmc-grey-text {
	opacity: 0.5;
}
.select-bank-account > div svg {
	display: none;
}
.account-delete-icon {
	color: var(--clmc-bg-color-error);
}
.paymentAccountOption p {
	overflow: hidden;
	text-overflow: ellipsis;
}

/*PENDING PAYOUTS*/
.clmc-pending-payout {
	padding: 10px;
	border: 2px solid var(--clmc-color-primary);
	border-radius: var(--clmc-border-radius);
	margin: 10px 0px;
}
.deposit-result-content svg {
	width: 50px;
	height: 50px;
}
.clmc-pending-payout > div > div {
	align-items: flex-start;
}
.clmc-pending-payout > div > div p:last-child {
	flex-grow: 1;
	white-space: nowrap;
}
@media (max-width: 480px) {
	.clmc-pending-payout {
		flex-direction: column;
		align-items: flex-start;
	}
	.clmc-pending-payout > div {
		width: 100%;
	}
	.clmc-pending-payout > div:first-child {
		margin-bottom: 10px;
	}
}

/*TUORA VALIDATION*/
iframe#pending_verification_iframe {
	width: 100%;
	min-height: 650px;
	max-height: calc(100vh - 116px);
	border: none;
}
.identity_result .clock-icon svg {
	width: 100px;
	height: 100px;
	color: #97dcac;
}
.identity_result .clock-icon svg path {
	stroke: #3cc666;
}

/*RESET PWD*/
.clmc-reset-pwd-page {
	max-width: 600px;
	width: 100%;
}
.clmc-reset-pwd-page h1 {
	width: 280px;
	left: calc(50% - 140px);
}

/*PERSONAL PROMOS*/
.clmc-personal-promo-container {
	overflow: auto;
}
.clmc-personal-promo {
	margin: 20px;
	border: 2px solid #005226;
	border-radius: 10px;
	padding: 20px;
	width: 100%;
	min-width: 234px;
	max-width: 400px;
	background: rgb(255 255 255 / 100%);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}
.bonus-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.bonus-overlay p {
	position: absolute;
	top: -29px;
	right: -53px;
	background: #3cc666;
	padding: 20px;
	height: 50px;
	width: 100px;
	font-weight: bold;
	opacity: 0.2;
	transform: rotate(45deg);
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.bonus-overlay svg {
	position: absolute;
	z-index: 0;
	rotate: -24deg;
	left: -10px;
	bottom: 0;
	width: 150px;
	height: 150px;
	color: rgb(0 82 38 / 6%);
}
.clmc-progressbar-container {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.clmc-progressbar-container progress {
	height: 12px;
	border-radius: 50px;
	-webkit-appearance: none;
	appearance: none;
}
.clmc-progressbar-container p {
	position: absolute;
	top: -18px;
	font-size: 13px;
	color: #4f4f4f;
}
progress[value]::-webkit-progress-bar {
	background-color: rgb(242 242 242);
	border-radius: 50px;
}
progress[value]::-webkit-progress-value {
	background: #3cc666;
	border-radius: 50px;
}
.clmc-personal-promo.caducada {
	border: 2px solid #005226;
	opacity: 0.6;
	min-height: 100px;
}
.clmc-personal-promo.caducada:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgb(0 82 38 / 15%);
}
.clmc-personal-promo.caducada .caducada-label {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	color: #000000;
	font-size: 24px;
	font-weight: bold;
	transform: rotate(-12deg);
	white-space: nowrap;
}
/*UPLOAD DOCUMENTS*/
.identityDrop {
	width: calc(33% - 16px);
	margin-left: 20px;
}
.identityDrop:first-child {
	margin-left: 0;
}
.clmc-drag-drop label img {
	width: 60px;
	height: 60px;
}
.clmc-drag-drop label div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.identityDrop label {
	padding: 5px 10px;
	min-height: 100px;
	max-width: calc(100% - 20px);
}
.identityDrop label b {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100% - 5px);
}
.deleteDoc {
	position: absolute;
	right: 2px;
	top: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	width: 24px;
	height: 24px;
}
.deleteDoc svg {
	fill: #3cc666;
}
.deleteDoc:hover {
	background: #3cc666 !important;
}
.deleteDoc:hover svg {
	fill: #fff !important;
}
@media (max-width: 1130px) {
	.clmc-userDocs.uploadButton {
		min-height: 632px;
	}
	.clmc-userDocs.uploadButton.bankUpload {
		min-height: 340px;
	}
	.identityDrop {
		width: 100%;
		margin-left: 0px;
	}
	.clmc-userDocs-container .clmc-userDocs {
		width: 100%;
		max-width: 100%;
	}
	.clmc-userDocs-container {
		width: 100%;
		max-width: calc(100% - 40px);
	}
	.clmc-drag-drop label div {
		flex-direction: row;
	}
	.clmc-drag-drop label img {
		margin-right: 10px;
	}
}
/*AUTOEXCLUSION & LIMITS*/
.clmc-custom-tab {
	padding: 12px 16px;
	height: calc(48px - 24px);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 14px;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.clmc-custom-tab.activeLink {
	background: rgb(60 198 102 / 15%);
	position: relative;
}
.clmc-custom-tab.activeLink:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #3cc666;
}
.clmc-fake-input {
	overflow-x: auto;
	padding: 11px;
	border: solid 1px #bcbcbc;
	border-radius: 8px;
	background-color: #f2f2f2;
	color: gray;
	min-width: 230px;
}
.clmc-field-content {
	font-weight: bold;
	margin-left: 10px;
}
.autoexclusion-form {
	width: 100%;
	max-width: 600px;
}
@media (max-width: 900px) {
	.deposit-limits-form .clmc-w25.clmc-ph10 {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
}

/*AYUDA*/
.ayuda-card {
	background: #ffffff;
	width: calc(350px - 40px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 20px;
	border-radius: 12px;
	margin-bottom: 10px;
	cursor: pointer;
	border: 1px solid #afb1b6;
	box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0);
}
.ayuda-card img {
	max-width: 78px;
	max-height: 78px;
	width: 100%;
}
.ayuda-card div p {
	color: #096045;
	font-size: 16px;
	margin-top: 5px;
}
.ayuda-card div p:first-child {
	color: #042;
	font-size: 20px;
	font-weight: 500;
	font-family: "secondary";
	margin-bottom: 15px;
	margin-top: 0;
	display: flex;
	align-items: center;
}
.ayuda-card-title svg {
	margin-left: 5px;
	color: #3cc666;
	fill: #3cc666;
}
.ayuda-card:hover {
	border: 1px solid #3cc666;
	background: #effdf4;
	box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.25);
}
.ayuda-collapsables {
	max-width: 820px;
	margin: auto;
}
.ayuda-collapsable-option-title {
	padding: 15px 21px;
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	background-color: white;
	color: #005226;
	position: relative;
	cursor: pointer;
	transition: 0.3s;
}
.ayuda-collapsable-option-title p {
	font-size: 20px;
	font-weight: bold;
}
.ayuda-collapsable-option-title:after {
	content: "+";
	font-size: 30px;
	font-weight: bold;
	line-height: 20px;
}
.ayuda-collapsable-option {
	margin-bottom: 15px;
}
.ayuda-collapsable-option-body {
	background: #fff;
	overflow: hidden;
	height: 0;
	opacity: 0;
	transition: 0.3s;
}

.visible-collapsable .ayuda-collapsable-option-title {
	background-color: #005226;
}
.visible-collapsable .ayuda-collapsable-option-title p {
	color: #f8f538;
}
.visible-collapsable .ayuda-collapsable-option-title:after {
	content: "-";
	color: #f8f538;
	font-size: 30px;
	font-weight: bold;
	line-height: 20px;
}
.visible-collapsable .ayuda-collapsable-option-body {
	height: auto;
	opacity: 1;
}
.visible-collapsable .ayuda-collapsable-option-body p {
	margin-bottom: 10px;
}
.ayuda-video {
	max-height: 400px;
	display: flex;
	justify-content: center;
}
.ayuda-video video,
.ayuda-image img {
	max-width: 100%;
}
@media (max-width: 900px) {
	.ayuda-cards {
		justify-content: flex-start;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.ayuda-cards a {
		width: calc(100% - 40px);
	}
	.ayuda-card {
		width: 100%;
	}
	.ayuda-title {
		text-align: left;
	}
}

/*LIBRO RECLAMACIONES*/
.libro-reclamaciones form,
.libro-reclamaciones > div {
	max-width: 800px;
	margin: auto;
}
.libro-reclamaciones form > div {
	background: #fff;
}
.libro-reclamaciones form h2 {
	font-size: calc(1.43vmin + 1em);
}
.libro-reclamaciones form .clmc-w50 {
	width: calc(50% - 20px);
	min-width: calc(50% - 20px);
	max-width: calc(50% - 20px);
}
.libro-reclamaciones form input:not([type="submit"]),
.libro-reclamaciones form textarea,
.libro-reclamaciones form select {
	background-color: #f2f2f2;
	border: none !important;
	border-bottom: solid 1px #ccc !important;
	padding: 10px;
	border-radius: 8px;
	outline: none;
	width: calc(100% - 20px);
}
.libro-reclamaciones form input[type="radio"] {
	width: auto;
	margin-right: 10px;
}
@media (max-width: 700px) {
	.libro-reclamaciones {
		padding: 0 !important;
	}
	.libro-reclamaciones h1 {
		padding: 20px 20px 0px 20px;
		font-size: calc(2.1vmin + 1em);
	}
	.libro-reclamaciones form .clmc-w50 {
		width: calc(100%);
		min-width: calc(100%);
		max-width: calc(100%);
	}
}

/*PROMOCIONES*/
.promosDestacados-slide,
.promosDestacados-slide img {
	width: 512px;
	border-radius: 10px;
	margin-right: 20px;
}
.promosCasino-slide,
.promosCasino-slide img {
	width: 288px;
	height: 480px;
	border-radius: 10px;
	margin-right: 20px;
}
@media (max-width: 900px) {
	.promosDestacados-slide,
	.promosDestacados-slide img {
		width: 300px;
	}
	.promosCasino-slide,
	.promosCasino-slide img {
		width: 132px;
		height: 220px;
	}
}
.promotionsPage {
	background: #fafafa;
}
.promosCategoriesCard {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.promosCategoriesCard > div {
	width: 120px;
	min-width: 120px;
	max-width: 120px;
	height: 120px;
	max-height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #d2d2d2;
	border-radius: 100%;
	background: #f2f2f2;
	position: relative;
}
.promosCategoriesCard > p {
	max-width: 120px;
	color: #096045;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
}
.promosCategoriesCard:hover {
	filter: brightness(0.95);
}
.promosCategoriesCard.activeCategory > div {
	border: 2px solid #3cc666;
}
.promosCategoriesCard svg.check-active {
	display: none;
}
.promosCategoriesCard.activeCategory svg.check-active {
	display: block;
	position: absolute;
	top: 0;
	right: -5px;
}
.todoscat > div {
	background: #d8f4e0;
}
.casinocat > div {
	background: #faefd2;
}
.envivocat > div {
	background: #fad2d5;
}
.apuestascat > div {
	background: #afe8c0;
}
.virtualescat > div {
	background: #baeaf7;
}
.especialescat > div {
	background: #e7efab;
}

/* .promotionsPage .splide__list {
	padding: 0px 10px !important;
} */
.promotionsPage .splide__arrow--prev {
	left: -1.5em;
}
.promotionsPage .splide__arrow--next {
	right: -1.5em;
}
.promotionsPage .splide__arrow svg {
	fill: var(--clmc-btn-color-primary);
}
.promotionsPage .splide__arrow {
	background: #fff;
	border: 1px solid #d2d2d2;
	width: 32px;
	height: 50px;
	border-radius: 10px;
	opacity: 1;
}
.promotionsPage .promosCategories .splide__arrow {
	top: calc(50% - 26px);
}
@media (max-width: 900px) {
	.promotionsPage .promosCategories .splide__arrow {
		top: calc(50% - 18px);
	}
	.promosCategoriesCard.clmc-mr40 {
		margin-right: 20px;
	}
	.promosCategoriesCard > div {
		width: 56px;
		min-width: 56px;
		max-width: 56px;
		height: 56px;
		max-height: 56px;
	}
	.promosCategoriesCard > p {
		font-size: 12px;
		width: 56px;
		max-width: 56px;
		margin-top: 10px;
		text-align: center;
	}
	.promosCategoriesCard svg.check-active {
		width: 20px;
		height: 20px;
		right: -10px !important;
	}
	.promosCategoriesCard > div img {
		max-width: 60%;
	}
}
/*TORNEOS*/
.torneos-banner {
	width: 100%;
}

/*CLUB OLIMPO*/
.club-olimpo-banner {
	background: #00381c;
}
.club-olimpo-banner img {
	max-width: 1380px;
	width: 100%;
}
.club-olimpo-level-header {
	background: #aee1be;
	padding: 12px;
}
.club-olimpo-level-header > div {
	max-width: 1380px;
	width: 100%;
	position: relative;
}
.club-olimpo-level-header .clmc-h1 {
	font-size: 35px;
	line-height: 35px;
	color: var(--clmc-color-primary);
}
.club-olimpo-level-header > div img {
	position: absolute;
	right: 0px;
	top: -7px;
	width: 60px;
	height: 60px;
}
.club-olimpo-profile > div {
	max-width: 1220px;
	width: 100%;
}
.club-olimpo-profile {
	background: #fff;
}
.libras-profile {
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.club-olimpo-profile-progressbar {
	flex-grow: 1;
}
.club-olimpo-profile-progressbar progress {
	border-radius: 50px;
	width: 100%;
	height: 18px;
}
.club-olimpo-profile-progressbar progress::-webkit-progress-bar {
	background-color: #fff;
	border-radius: 50px;
	border: 1px solid var(--clmc-btn-color-primary);
}
.club-olimpo-profile-progressbar progress::-webkit-progress-value {
	background-color: var(--clmc-btn-color-primary);
	border-radius: 50px;
}
.club-olimpo-profile-level-progress-bar {
	height: 42px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	width: calc((100% / 7) - 10px) !important;
	max-width: 42px;
	background: #bfbfbf;
	border-radius: 40px 40px 0px 0px;
	margin: 0px 5px !important;
	transition: 0.8s;
}
.club-olimpo-profile-level-progress-bar.active-level {
	background: #aee1be;
}
.club-olimpo-profile-level-progress-bar img {
	width: 100%;
}
.club-olimpo-profile-level-progress-bar img:first-child {
	display: none;
}
.club-olimpo-profile-level-progress-bar.active-level img {
	display: none;
}
.club-olimpo-profile-level-progress-bar.active-level img:first-child {
	display: block;
}
.club-olimpo-profile-level-progress-bar p {
	width: 110%;
	text-align: center;
	position: absolute;
	bottom: -15px;
	font-size: 8px !important;
	font-weight: bold;
	color: #bfbfbf;
	overflow: hidden;
	text-overflow: ellipsis;
}
.club-olimpo-profile-level-progress-bar.active-level p {
	width: 110% !important;
	text-align: center;
	color: var(--clmc-color-primary);
}
.club-olimpo-profile-level-progress {
	max-width: 640px !important;
	height: 180px;
	align-items: flex-end;
	justify-content: space-evenly;
	position: relative;
}
.club-olimpo-profile-level-progress-bar:nth-child(1) {
	max-height: calc(56% - 20px);
	height: calc(56% - 20px);
}
.club-olimpo-profile-level-progress-bar:nth-child(2) {
	max-height: calc(63% - 20px);
	height: calc(63% - 20px);
}
.club-olimpo-profile-level-progress-bar:nth-child(3) {
	max-height: calc(70% - 20px);
	height: calc(70% - 20px);
}
.club-olimpo-profile-level-progress-bar:nth-child(4) {
	max-height: calc(77% - 20px);
	height: calc(77% - 20px);
}
.club-olimpo-profile-level-progress-bar:nth-child(5) {
	max-height: calc(84% - 20px);
	height: calc(84% - 20px);
}
.club-olimpo-profile-level-progress-bar:nth-child(6) {
	max-height: calc(92% - 20px);
	height: calc(92% - 20px);
}
.club-olimpo-profile-level-progress-bar:nth-child(7) {
	max-height: calc(100% - 20px);
	height: calc(100% - 20px);
}
.club-olimpo-profile-level-progress:after {
	content: "";
	position: absolute;
	bottom: -30px;
	width: 100%;
	max-width: 570px;
	height: 3px;
	background: #042;
}
.club-olimpo-profile-level-progress-bar.active-level:after {
	content: "";
	position: absolute;
	bottom: -36px;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	background: #042;
}
.club-olimpo-tipo-libras > div {
	background: var(--clmc-btn-color-primary);
}
.club-olimpo-tipo-libras > div > div {
	background: #fff;
	height: 100%;
	min-height: 75px;
	border: 1px solid #fff;
	padding: 5px 20px 5px 10px;
}
.club-olimpo-tipo-libras > div > p {
	padding: 20px 10px;
	color: #fff;
	font-weight: bold;
	min-width: 116px;
}
.club-olimpo-tipo-libras > div > div p:first-child {
	margin-bottom: 10px;
}
.club-olimpo-info > div {
	width: 60%;
	max-width: 655px;
}
.club-olimpo-info-title {
	font-size: 45px;
	max-width: 30%;
	width: 30%;
}
.club-olimpo-info-icon {
    position: absolute;
    right: .5em;
    top: 0;
    cursor: pointer;
}
.club-olimpo-info-icon__popup {
    position: absolute;
    right: -2.5em;
    background-color: #3CC666;
    color: white;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 16px;
    min-width: 300px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.club-olimpo-levels__bottom-text {
    color: #285F96;
    border: 1px solid #C3D8ED;
    border-radius: 16px;
    background-color: #EAF5FF;
    max-width: 922px;
    font-size: 18px;
    border-radius: 16px;
    padding: 16px 24px;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 16px;
}
.club-olimpo-balances__popup {
    position: absolute;
    top: 3em;
    background-color: #3CC666;
    color: white;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 16px;
    min-width: 300px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;

}
.club-olimpo-info-categories-table {
	border: 3px solid #3cc666;
	border-radius: 20px;
}
.club-olimpo-info-categories-table > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.club-olimpo-info-categories-table > div:last-child {
	margin-bottom: 0;
}
.club-olimpo-info-categories-table > div > div {
	width: calc(100% / 4);
	text-align: center;
}
.club-olimpo-info-categories-table > div > div:first-child {
	width: calc(100% / 2);
	text-align: left;
}
.table-header div {
	background: #fff;
	border: 1px solid #3cc666;
	padding: 10px;
	border-radius: 10px;
	margin-left: 20px;
}
.club-olimpo-info-categories-table img {
	height: 20px;
}
.table-header div:first-child {
	margin-left: 0;
}
.table-row {
	background: #fff;
	padding: 10px;
	border-radius: 10px;
}
.club-olimpo-levels-info-header > div,
.club-olimpo-levels-info-header-amount > div,
.club-olimpo-levels-info-row > div {
	width: calc(100% / 8);
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 2px solid #f2f2f2;
	border-left: 2px solid #f2f2f2;
}
.club-olimpo-levels-info-header > div,
.club-olimpo-levels-info-header-amount > div {
	height: auto;
}

.club-olimpo-levels-info-header > div:first-child,
.club-olimpo-levels-info-header-amount > div:first-child,
.club-olimpo-levels-info-row > div:first-child {
	width: calc(100% / 3);
	justify-content: flex-start;
	margin-right: 20px;
}
.club-olimpo-levels-info-header > div:nth-child(2),
.club-olimpo-levels-info-header-amount > div:nth-child(2),
.club-olimpo-levels-info-row > div:nth-child(2) {
	background: #239256;
	color: #fff;
}
.club-olimpo-levels-info-header > div:nth-child(3),
.club-olimpo-levels-info-header-amount > div:nth-child(3),
.club-olimpo-levels-info-row > div:nth-child(3) {
	background: #2fab5e;
	color: #fff;
}
.club-olimpo-levels-info-header > div:nth-child(4),
.club-olimpo-levels-info-header-amount > div:nth-child(4),
.club-olimpo-levels-info-row > div:nth-child(4) {
	background: #6ad089;
}
.club-olimpo-levels-info-header > div:nth-child(5),
.club-olimpo-levels-info-header-amount > div:nth-child(5),
.club-olimpo-levels-info-row > div:nth-child(5) {
	background: #8cd9a3;
}
.club-olimpo-levels-info-header > div:nth-child(6),
.club-olimpo-levels-info-header-amount > div:nth-child(6),
.club-olimpo-levels-info-row > div:nth-child(6) {
	background: #aee1be;
}
.club-olimpo-levels-info-header > div:nth-child(7),
.club-olimpo-levels-info-header-amount > div:nth-child(7),
.club-olimpo-levels-info-row > div:nth-child(7) {
	background: #c4e6cf;
}
.club-olimpo-levels-info-header div img {
	position: absolute;
	top: -30px;
	width: 40px;
	height: 40px;
}
.club-olimpo-levels-info-header-amount div p {
	background: #f2f2f2;
	font-size: 10px;
	padding: 5px;
	min-width: 42px;
	text-align: center;
	font-weight: bold;
	border-radius: 4px;
}
.club-olimpo-levels-info-header-amount div p:empty {
	opacity: 0;
}
.club-olimpo-levels-info-mobile {
	display: none;
}
p.olimpo-club-tab {
	width: 50%;
	text-align: center;
	padding: 20px;
	font-size: 20px;
	font-weight: 500;
	cursor: pointer;
	color: #000;
	border-bottom: 4px solid #bfbfbf;
}
p.olimpo-club-tab.active-tab {
	border-bottom: 4px solid #3cc666;
	background: rgb(196 230 207 / 30%);
	color: var(--clmc-color-primary);
	font-weight: bold;
	pointer-events: none;
}
p.olimpo-club-tab:hover {
	transition: 0.3s;
	background: rgb(191 191 191 / 20%);
	filter: brightness(0.9);
}
p.olimpo-club-tab.active-tab:hover {
	background: rgb(196 230 207 / 30%);
	filter: brightness(0.9);
}

.balances-wrapper {
    display: block;
}

.balances-wrapper.clmc-grid-two-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px; /* Adjust gap as needed */
}
@media (max-width: 768px) {
    .balances-wrapper.clmc-grid-two-cols {
        grid-template-columns: 1fr; /* Stacks items vertically on smaller screens */
    }
}

.balances-tab-content {
	background: #fff;
}
.balances-tab-content > div,
.balances-footer div {
	max-width: 1220px;
	width: 100%;
	margin: auto;
}
p.balances-alert {
	background: #d8f4e0;
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	border: 1px solid #3cc666;
}
p.balances-alert svg {
	width: 36px;
	height: 36px;
	fill: #3cc666;
}
.balances-level {
	border-radius: 16px;
	border: 2px solid #3cc666;
	padding: 20px 40px;
}
.balances-level img {
	height: 128px;
}
.balances-activity-filter select {
	font-size: 16px;
	border: none !important;
	cursor: pointer;
	font-family: inherit;
}
.balance-activity-table-header,
.balance-activity-table-row {
	border-bottom: 1px solid #807781;
}
.balance-activity-table-header p,
.balance-activity-table-row p {
	width: 100%;
}
.balance-activity-table-header p:first-child,
.balance-activity-table-row p:first-child {
	min-width: 100px;
	max-width: 100px;
}
.balance-activity-table-header p:last-child,
.balance-activity-table-row p:last-child {
	min-width: 100px;
	max-width: 100px;
}
.balance-activity-table-header * {
	color: #807781;
}
.activity-negative {
	color: #ff1b2d;
}
.balances-level-chart-block > div {
	width: 50%;
	max-width: 500px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.balances-level-chart-block {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.first-chart {
	max-width: 360px;
	gap: 20px;
}
.first-chart > div {
	position: absolute;
}
.first-chart > div img {
	width: 20px;
	height: 20px;
}
.small-charts {
	flex-wrap: wrap;
}
.small-charts > div {
	width: 50%;
	max-width: 180px;
	margin-bottom: 20px;
}
.small-charts > div > div {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.small-charts div.chartInfo {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.small-charts div.chartInfo img {
	width: 32px;
	height: 32px;
}
@media (max-width: 1200px) {
	.club-olimpo-info-title {
		font-size: 45px;
	}
}
@media (max-width: 1060px) {
	.club-olimpo-info-title {
		font-size: 52px;
	}
	.balances-level-chart-block {
		flex-direction: column;
	}
	.balances-level-chart-block > div {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
		margin-bottom: 40px;
	}
	.small-charts > div {
		margin-bottom: 20px;
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media (max-width: 950px) {
	p.olimpo-club-tab {
		padding: 10px;
		font-size: 16px;
	}
	.club-olimpo-level-header p {
		display: flex;
		flex-direction: column;
		font-size: 14px !important;
		line-height: 16px !important;
		font-weight: 500;
	}
	.club-olimpo-level-header p span {
		font-size: 28px;
		line-height: 20px;
		font-weight: bold;
		margin-top: 10px;
	}
	.club-olimpo-profile > div:first-child {
		flex-wrap: wrap;
	}
	.club-olimpo-profile > div > div {
		width: 100%;
		order: 2;
		margin-top: 20px;
		padding: 0 !important;
	}
	.club-olimpo-tipo-libras .clmc-h2 {
		margin-bottom: 10px !important;
	}
	.club-olimpo-tipo-libras > div {
		margin-top: 10px !important;
	}
	.club-olimpo-profile div:first-child > p {
		width: 50%;
		order: 1;
		font-size: 14px;
	}
	.club-olimpo-profile div > p {
		font-size: 14px;
	}
	.club-olimpo-profile div > p.clmc-p-small {
		font-size: 12px !important;
	}
	.club-olimpo-profile div:first-child p span {
		font-size: 20px;
	}
	.club-olimpo-profile div:first-child div p {
		width: auto;
	}
	.club-olimpo-profile div:last-child p {
		font-size: 14px;
	}
	.club-olimpo-tipo-libras > div {
		width: 100% !important;
		max-width: 100%;
	}
	.club-olimpo-tipo-libras > div > div {
		min-height: 60px;
	}
	.club-olimpo-tipo-libras > div > p {
		min-width: 100px;
		padding: 10px;
	}
	.club-olimpo-info {
		flex-direction: column;
	}
	.club-olimpo-info .club-olimpo-info-title {
		width: 100%;
		max-width: 100%;
		text-align: center;
		font-size: 16px;
		margin-bottom: 20px;
	}
	.table-header div {
		margin-left: 10px;
	}
	.club-olimpo-info > div {
		width: 100%;
		max-width: 100%;
	}
	.club-olimpo-info > div * {
		font-size: 14px;
	}
	.club-olimpo-info-categories-table img {
		height: 14px;
	}
	.club-olimpo-levels-info-header * {
		font-size: 12px;
	}
	.club-olimpo-levels-info-row > div:first-child {
		font-size: 14px;
	}
	.balances-level img {
		height: 64px;
	}
	.balances-level {
		padding: 10px 20px;
	}
	.balances-level .clmc-h1 {
		font-size: 24px;
	}
	.balances-level .club-olimpo-profile-progressbar {
		margin-top: 00px;
	}
	.balances-level .club-olimpo-profile-progressbar progress {
		height: 5px;
	}
    .club-olimpo-info-icon {
        position: relative;
    }
    .club-olimpo-info-icon > svg {
        height: 12px;
    }
    .club-olimpo-info-icon__popup {
        position: absolute;
        right: -2.5em;
        background-color: #3CC666;
        color: white;
        font-size: 8px;
        font-weight: 700;
        line-height: 10px;
        padding: 10px;
        min-width: 200px;
        text-align: left;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .club-olimpo-levels__bottom-text {
        color: #285F96;
        border: 1px solid #C3D8ED;
        border-radius: 12px;
        background-color: #EAF5FF;
        max-width: 922px;
        font-size: 12px;
        border-radius: 16px;
        padding: 16px 24px;
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 16px;
    }
    .club-olimpo-balances__popup {
        position: absolute;
        top: 9em;
        background-color: #3CC666;
        color: white;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        padding: 16px;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .autoexclusion-container > p {
        color: #B27600;
        font-size: 12px;
        line-height: 20px;
    }

    .autoexclusion-container a {
        color: #B27600;
        font-size: 12px;
        line-height: 20px;
    }
}
@media (max-width: 830px) {
	.club-olimpo-levels-info-header * {
		font-size: 10px;
	}
	.club-olimpo-levels-info-row > div:first-child {
		font-size: 12px;
	}
}
@media (max-width: 650px) {
	.club-olimpo-levels-info-header p {
		display: none;
	}
	.club-olimpo-levels-info-header img {
		width: 30px !important;
		height: 30px !important;
		top: -15px !important;
	}
	.club-olimpo-levels-info-header-amount div p {
		padding: 2px;
		border-radius: 0;
	}
	.club-olimpo-info-categories-table {
		padding: 10px;
		border-radius: 10px;
	}
	.club-olimpo-info-categories-table > div {
		margin-bottom: 10px;
	}
	.club-olimpo-info-categories-table * {
		font-size: 10px !important;
	}
	.club-olimpo-info-categories-table img {
		height: 10px;
	}
	.table-header div,
	.table-row {
		padding: 5px;
		border-radius: 5px;
	}
	.club-olimpo-levels-info-header > div:first-child,
	.club-olimpo-levels-info-header-amount > div:first-child,
	.club-olimpo-levels-info-row > div:first-child {
		width: calc(100% / 2.6);
	}
	.club-olimpo-levels-info-header > div,
	.club-olimpo-levels-info-header-amount > div,
	.club-olimpo-levels-info-row > div {
		width: 46px;
	}
	.balance-activity-table-header {
		display: none;
	}
	.balance-activity-table-row p {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		font-size: 14px;
		text-align: right;
	}
	.balance-activity-table-row p:first-child {
		align-items: flex-start;
		text-align: left;
	}
	.balance-activity-table-row p:before {
		content: "Categoría";
		font-size: 12px;
		font-weight: normal;
		color: #807781;
		margin-bottom: 2px;
	}
	.balance-activity-table-row p:first-child:before {
		content: "Fecha";
	}
	.balance-activity-table-row p:last-child:before {
		content: "Libras";
	}
	.balance-activity-table-row p:first-child {
		min-width: 76px;
		max-width: 76px;
	}
	.balance-activity-table-row p:last-child {
		min-width: 56px;
		max-width: 56px;
	}
	.balance-activity-table-row p.no_before:before {
        display: none !important;
    }
}
@media (max-width: 620px) {
	.club-olimpo-levels-info-mobile {
		display: flex;
        flex-direction: column;
        gap: 12px;
	}
	.club-olimpo-levels-info {
		display: none;
	}
	.club-olimpo-levels-info-mobile-header {
		padding: 5px 10px;
	}
	.club-olimpo-levels-info-mobile-header img {
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
	.club-olimpo-levels-info-mobile-block * {
		font-size: 12px;
	}
	.club-olimpo-levels-info-mobile-header > p {
		background: #fff;
		width: 62px;
		text-align: center;
		padding: 2px 0px;
		border-radius: 4px;
	}
	.club-olimpo-levels-info-mobile-block:nth-child(1) .club-olimpo-levels-info-mobile-header {
		background: #239256;
	}
	.club-olimpo-levels-info-mobile-block:nth-child(2) .club-olimpo-levels-info-mobile-header {
		background: #2fab5e;
	}
	.club-olimpo-levels-info-mobile-block:nth-child(3) .club-olimpo-levels-info-mobile-header {
		background: #6ad089;
	}
	.club-olimpo-levels-info-mobile-block:nth-child(4) .club-olimpo-levels-info-mobile-header {
		background: #8cd9a3;
	}
	.club-olimpo-levels-info-mobile-block:nth-child(5) .club-olimpo-levels-info-mobile-header {
		background: #aee1be;
	}
	.club-olimpo-levels-info-mobile-block:nth-child(6) .club-olimpo-levels-info-mobile-header {
		background: #c4e6cf;
	}
}
@media (max-width: 500px) {
	.club-olimpo-profile div:first-child > p {
		width: 100px;
		text-align: center;
	}
	.libras-profile {
		font-weight: 500;
	}
	.club-olimpo-profile div:first-child {
		justify-content: space-around;
	}
	.club-olimpo-tipo-libras > div {
		flex-direction: column;
	}
	.club-olimpo-tipo-libras > div > p {
		padding: 5px;
	}
	.balance-activity-table-row p {
		font-size: 12px;
	}
	.balance-activity-table-row p:before {
		font-size: 10px;
	}
}

/*MARKETPLACE BONOS*/
.promos-marketplace-filter{
	display: flex;
	align-items: center;
	justify-content: center;
}

.promos-marketplace-filter .splide__list {
	display: flex;
	justify-content: center;
}
.promos-marketplace-content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
}
.promos-marketplace-card {
	width: 100%;
	max-width: calc(33% - 60px);
	background: #fff;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: var(--clmc-border-radius);
	box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
	cursor: pointer;
}
.promos-marketplace-card > img {
	width: 100%;
	margin-bottom: 20px;
}
.promos-marketplace-card .bono-card-description {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.promos-marketplace-card .bono-card-title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.promos-marketplace-details {
	gap: 40px;
}
.promos-marketplace-details > div {
	width: 50%;
}
.promos-marketplace-details > div:first-child {
	background: #fff;
	border: 1px solid rgb(175 177 182);
	border-radius: 18px;
	padding: 20px;
}
.promos-marketplace-details > div:first-child img {
	width: 100%;
}
.bono-details-description-title {
	border-bottom: 1px solid #afb1b6;
	position: relative;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.bono-details-description-title:after {
	content: "";
	height: 2px;
	width: 96px;
	background: #005226;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.canjearDetails {
	padding: 10px;
	border: 1px solid rgb(175 177 182);
	background: #e7e4e4;
	border-radius: 10px;
}
.promos-marketplace-filter > div:first-child {
	flex-grow: 1;
}
.promos-marketplace-filter-switch {
	display: flex;
	flex-direction: row;
	align-items: center;
	border: 1px solid #bababa;
	border-radius: 4px;
	height: 38px;
	padding: 0px 0px 0px 0px;
}
.promos-marketplace-filter-switch p {
	white-space: nowrap;
	color: #000;
}
@media (max-width: 900px) {
	.promos-marketplace-card {
		max-width: calc(50% - 60px);
	}
	.promos-marketplace-details {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.promos-marketplace-details > div {
		width: calc(100% - 40px);
	}

	.promos-marketplace-filter{
		flex-direction: column;
		gap: 10px;
	}

	.promos-marketplace-filter > * {
		width: 100%;
	}
}
@media (max-width: 550px) {
	.promos-marketplace-card {
		max-width: calc(100% - 60px);
	}
}
@media (max-width: 480px) {
	.promos-marketplace-filter .splide__list {
		justify-content: flex-start;
	}
}

/*JUEGO RESPONSABLE*/
.juegoResponsable-first-block > div {
	background: #004422;
	border-radius: 50px 16px 16px 50px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	max-width: 390px;
	width: 100%;
}
.juegoResponsable-first-block > div div {
	background: #fff;
	border-radius: 100%;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #042;
}
.autoexclusionSteps {
	gap: 20px;
}
.autoexclusionStep > p {
	background: #d8f4e0;
	width: 52px;
	height: 52px;
	min-width: 52px;
	min-height: 52px;
	border-radius: 100%;
	border: 1px solid #3cc666;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #3cc666;
}
.autoexclusionStep > div {
	background: #fff;
	width: 188px;
	height: 120px;
	padding: 12px 30px 20px 20px;
	border-radius: 16px;
	box-shadow: 0px 4px 32px 0px rgba(173, 173, 173, 0.15);
}
.autoexclusionStep > div div {
	background: #3cc666;
	width: 28px;
	height: 28px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
}
.autoexclusionStep > div div img {
	width: 100%;
}
.autoexclusionStep > div p {
	font-size: 14px !important;
}
.juegoResponsable-third-block > div {
	border-radius: 16px;
	gap: 20px;
	box-shadow: 0px 4px 32px 0px rgba(173, 173, 173, 0.15);
}
.juegoResponsable-third-block > div > div {
	background: #efeff0;
	border-radius: 50px 16px 16px 50px;
	min-width: 300px;
}
.juegoResponsable-third-block > div > div p {
	font-size: 14px;
}
.juegoResponsable-third-block > div > div div {
	background: #fff;
	border-radius: 100%;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #efeff0;
}
.juegoResponsable-fourth-block > div {
	gap: 40px;
}
.juegoResponsable-fourth-block > div > div {
	width: 50%;
	min-height: 192px;
	border-radius: 16px;
	box-shadow: 0px 4px 32px 0px rgba(173, 173, 173, 0.15);
}
.juegoResponsable-fourth-block > div > div > div:first-child {
	background: #f8f538;
	width: 52px;
	height: 52px;
	min-width: 52px;
	min-height: 52px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.juegoResponsable-fourth-block > div > div > div:first-child svg {
	width: 32px;
	height: 32px;
	rotate: -90deg;
}
.help-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #042;
	border-radius: 50px;
	padding: 6px 16px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
}
.juegoResponsable-fourth-block a .help-link {
	margin-bottom: 10px;
	padding-right: 38px;
}
.juegoResponsable-fourth-block a:last-child .help-link {
	margin-bottom: 0;
}
.help-link p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.help-link svg {
	position: absolute;
	right: 0;
	background: #f8f538;
	color: #042;
	padding: 8px;
	width: 18px;
}
.juegoResponsable-fourth-block > div > div:last-child > div:first-child {
	background: #096045;
	color: #f8f538;
}
.juegoResponsable-fourth-block > div > div:last-child {
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.olimpoHelpButton {
	width: 80%;
	height: 45px;
	margin: auto;
	overflow: hidden;
	position: relative;
}
.olimpoHelpButton img {
	width: 100%;
	height: 100%;
	position: absolute;
}
.olimpoHelpButton p {
	position: absolute;
	width: 100%;
	z-index: 1;
	color: #fff;
	height: 100%;
	font-weight: bold;
	font-style: italic;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}
.juegoResponsable-ecuador > div {
	background: #fff;
	border-radius: 50px 16px 16px 50px;
	max-width: 330px;
}
.juegoResponsable-ecuador > div > div {
	background: #fff;
	border-radius: 100%;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #efeff0;
}
.juegoResponsable-ecuador * {
	font-size: 14px;
}
@media (max-width: 1040px) {
	.autoexclusionSteps {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: relative;
		width: 100%;
	}
	.juegoResponsable-second-block > p {
		margin-bottom: 20px;
	}
	.autoexclusionStep > div {
		width: 100%;
		height: auto;
	}
	.autoexclusionStep {
		width: 100%;
		z-index: 1;
	}
	.autoexclusionSteps:after {
		content: "";
		position: absolute;
		width: 0px;
		height: 100%;
		border: 1.5px dashed #3cc666;
		left: 27px;
		z-index: 0;
	}
}
@media (max-width: 950px) {
	.juegoResponsable-first-block {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.juegoResponsable-first-block > div {
		max-width: 100%;
	}
	.juegoResponsable-first-block > p {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.juegoResponsable-first-block * {
		font-size: 14px;
	}
	.juegoResponsable-first-block > div img {
		max-width: 34px;
	}
	.juegoResponsable-third-block {
		padding: 0 !important;
	}
	.juegoResponsable-third-block * {
		font-size: 14px;
	}
	.juegoResponsable-third-block > div {
		border-radius: 0;
		border-top: 8px solid #3cc666;
		flex-direction: column-reverse;
		align-items: center;
		justify-content: center;
		padding-top: 20px;
	}
	.juegoResponsable-third-block > div > div {
		min-width: calc(100% - 40px);
		margin-bottom: 0;
	}
	.juegoResponsable-fourth-block {
		padding: 0 !important;
	}
	.juegoResponsable-fourth-block > div {
		flex-direction: column;
		gap: 0;
	}
	.juegoResponsable-fourth-block > div > div {
		width: calc(100% - 40px);
		min-height: auto;
		border-radius: 0;
		box-shadow: none;
		padding-bottom: 40px;
	}
	.juegoResponsable-fourth-block > div > div:last-child {
		background: #f2f2f2;
	}
	.juegoResponsable-fourth-block > div > div > div {
		width: 100%;
	}
	.juegoResponsable-fourth-block > div > div > div:first-child {
		display: none;
	}
	.help-link *,
	.olimpoHelpButton p {
		font-size: 14px;
	}
}

/*Encuesta*/
.encuestaSnackbar {
	background: #f8f538;
	border-radius: 10px;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	max-width: 700px;
	width: 100%;
}
.encuestaSnackbar .clmc-btn-primary.clmc-btn-small {
	min-width: auto;
	width: auto;
}
.encuestaSnackbar .close-button-absolute {
	position: absolute;
	top: -8px;
	right: -8px;
	width: 30px;
	height: 30px;
	min-width: 30px;
	max-width: 30px;
	min-height: 30px;
	max-height: 30px;
	background: #096045;
	border: 2px solid #ffffff;
	border-radius: 100%;
	color: #f8f538;
	transition: 0.3s;
}
.encuestaSnackbar .close-button-absolute:hover {
	background: #096045;
	filter: brightness(0.8);
}

.encuestaForm .nps-question {
	font-size: 18px;
	color: #404040;
	text-align: center;
}
.encuestaForm .nps-question span {
	color: #11b516;
}
.encuestaForm .nps-textarea {
	border: solid 1px #004422;
	border-radius: 8px;
	overflow: hidden;
	min-height: 64px;
	background-color: white;
	margin-top: 18px;
	padding: 8px;
}
.encuestaForm fieldset {
	border: none;
	margin-bottom: 20px;
}
.encuestaForm input:not([type="submit"]),
.encuestaForm textarea,
.encuestaForm select {
	background-color: #f2f2f2;
	border: none !important;
	border-bottom: solid 1px #ccc !important;
	padding: 10px;
	border-radius: 8px;
	outline: none;
	width: calc(100% - 20px);
}
.encuestaForm input[type="radio"] {
	width: auto;
	margin-right: 10px;
}

/*INFO POPUPS*/
.clmc-modal .clmc-modal-box.info-modal {
	padding: 0;
	min-width: auto;
}
.info-modal .close.clmc-popup-close-button {
	background: var(--clmc-color-primary);
	border-radius: 100%;
	width: 30px;
	height: 30px;
	border: 2px solid #fff;
	color: var(--clmc-color-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	top: 10px !important;
	right: 10px !important;
	z-index: 1;
}
.info-apuestas-popup .splide__list {
	width: 100%;
	max-width: 320px;
}
.casino-popup p:first-child {
	background: #005226;
	padding: 10px;
	border-radius: 8px;
	color: #ffffff;
	margin-right: 40px;
	margin-bottom: 20px;
}

/*NOT VERIFIED*/
.not-verified {
	height: calc(100vh - 110px);
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-height: 800px) {
    .not-verified-confirmation {
        height: 100vh; 
	}
}
.not-verified > div {
	background: #ffffff;
	padding: 24px 40px 24px 40px;
	box-shadow: 0px 20px 24px -4px #0e182914;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}
.not-verified > div svg {
	width: 100%;
	max-width: 180px;
	height: 100%;
}
.not-verified p {
	max-width: 390px;
}
.not-verified-help {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f5f6f9;
	padding: 16px 24px;
	border-radius: 16px;
}
.not-verified-help svg {
	width: 50px !important;
	height: 50px !important;
	margin-right: 20px;
}
.not-verified-close-button {
	width: 20px;
	height: 20px;
	background: #000;
	color: #ffffff;
	border-radius: 100%;
	padding: 2px;
	position: absolute;
	right: 10px;
	top: 10px;
}
.not-verified-close-button * {
	color: #ffffff;
	fill: #ffffff;
}
.clmc-appBar.loggedInNoActivated .clmc-header-menu {
	display: none;
}
.header-logoutButton {
	padding: 0;
	min-width: auto;
	margin-right: 20px;
	color: #fff;
}
.resendEmail-link {
	height: 24px;
}
.disabled-link {
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	opacity: 0.5;
}
.disabled-link svg {
	height: 24px !important;
	width: 24px !important;
	animation: rotateLoader 2s infinite;
	margin-right: 10px;
}
@keyframes rotateLoader {
	50% {
		transform: rotate(180deg);
	}
}

.title-mant {
	color: var(--Principal-Verde-normal, #3cc666);
	/* Titulares/titular.B.35 */
	font-family: "GT Walsheim";
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: 48px; /* 137.143% */
}
.text-mant {
	color: var(--Neutros-Gris-oscuro, #61646b);
	/* Subtitulares/subtitular.B.20 */
	font-family: "GT Walsheim";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; /* 120% */
}
.section-mant {
	display: flex;
	justify-content: space-evenly;
}
.second-part {
	margin-top: 40px;
}

@media (max-width: 860px) {
	.title-mant {
		color: var(--Principal-Verde-normal, #3cc666);
		text-align: center;

		/* Titulares/titular.B.25 */
		font-family: "GT Walsheim";
		font-size: 25px;
		font-style: normal;
		font-weight: 700;
		line-height: 32px; /* 128% */
	}
	.text-mant {
		color: var(--Neutros-Gris-oscuro, #61646b);
		text-align: center;

		/* Subtitulares/subtitular.M.18 */
		font-family: "GT Walsheim";
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: 24px; /* 133.333% */
	}
	.second-part {
		width: 100%;
		max-width: 305px;
		max-height: 305px;
	}
	.section-mant {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
		align-items: center;
	}
}
.svg-small-retiro {
	width: 40px !important;
	height: 24px !important;
	border-radius: 0px !important;
	padding: 2px !important;
	border: none !important;
}

.svg-small-deposito {
	width: 35px !important;
	height: 21px !important;
	border-radius: 2px !important;
	padding: 0px 3px 0px 0px!important;
	border: none !important;
}

.svg-small-deposito-ver-mas {
	width: 50px !important;
	height: 21px !important;
	border-radius: 2px !important;
	padding: 0px 3px 0px 0px!important;
	border: none !important;
}

.notification-description p{
	color: black;
}

.notification-description-index p{
	color: white;
}

.phone_tel_input{
    width: 100%;
}
 
.phone_tel_input .textField{
    width: 100%;
    box-sizing: border-box;
}
.phone_tel_input .MuiInputBase-root {
    border-radius: 30px;
    border: 1px solid #afb1b6;
    background: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
}

.number-notification .MuiBadge-anchorOriginTopRightRectangular{
	margin-top: 5px;
}

/* PROMOCIONES - APUESTAS - CREADOR DE APUESTAS: SPLIDE / SLIDER */
/* Flechas */
.creador-splide-arrow {
	background-color: #3CC666;
	height: 3em !important;
	opacity: 1;
	transition: opacity 0.3s ease;
	width: 3em !important;
}
.creador-splide-arrow:disabled {
	background-color: #F2F2F2;
	opacity: 0;
}

.creador-splide-arrow svg {
	fill: #ffffff;
	height: 1em;
	width: 1em;
}
.creador-splide-arrow:disabled svg {
	background-color: #F2F2F2;
	fill: #AFB1B6;
	opacity: 0;
}
/* Botones de Paginación */
ul>li>.creador-splide-page {
	margin-bottom: 10px;
}
.creador-splide-page {
	background-color: #AFE8C0;
	opacity: 1;
}
.creador-splide-page.is-active {
	background-color: #25793E;
	transform: unset;
}

/* Media queries van al final */
@media (max-width: 950px) {
    .sm-gap-y-14 {
        row-gap: 25px !important;
    }
}

/* Botón compartir en el Betslip de Kambi */
.kambi_share_button_container {
	text-align: right !important;
	padding-right: 10px !important;
}
.kambi_share_button {
	background-color: #3cc666 !important;
	border-radius: 24px !important;
	color: #fff !important;
	padding: 8px 16px !important;
}
.kambi_share_button:disabled {
	background-color: lightgray !important;
	color: gray !important;
}
.kambi_share_button_icon,
#mod-KambiBC-betslip-container svg {
	height: 20px !important;
	margin-left: 8px !important;
	vertical-align: middle;
	width: 20px !important;
}
/* Widget Pago Anticipado - PES */
#KambiBC-container .KambiBC-widget {
	display:block;
	overflow: hidden;
	position: relative;
	width: 100%;
}
iframe#pes_landing_widget {
	aspect-ratio: 17.5; /* 1400 / 80 */
	border: 0;
	height: auto;
	left: 0;
	overflow: hidden;
    position: absolute;
	top: 0;
	width: 100%;
}
@media (max-width: 1040px) {
    iframe#pes_landing_widget {
        aspect-ratio: 7.8; /* 624 / 80 */
    }
}

/*-- Widget Jackpot Hotluck - copiados del CSS del jackpot --*/
.infoW {
    width: 90%;
    max-width: 260px;
    height: 140px;
    background-color: #292929;
    display: inline-block;
    position: absolute;
    font-size: 12px;
    left: 50%;
    bottom: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 9;
    font-family: Verdana,Geneva,sans-serif;
    color: white;
    border: 1px solid #33bdbd;
}
.infoW.bottom {
    bottom: auto;
    top: 50%;
    -webkit-transform: translate(-50%, 40px);
    -moz-transform: translate(-50%, 40px);
    -o-transform: translate(-50%, 40px);
    transform: translate(-50%, 40px)
}
.infoMark {
    background-color: #292929;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    bottom: 0%;
    border: 1px solid #33bdbd;
    -webkit-transform: translate(-50%,50%) rotate(45deg);
    -moz-transform: translate(-50%,50%) rotate(45deg);
    -o-transform: translate(-50%,50%) rotate(45deg);
    transform: translate(-50%,50%) rotate(45deg)
}
.infoW.bottom>.infoMark {
    bottom: auto;
    top: 0;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -moz-transform: translate(-50%,-50%) rotate(45deg);
    -o-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg)
}
.infoW.Bronze, .infoW.Bronze > .infoMark {
    border-color: #bc7744;
}
.infoW.Bronze hr {
    background: #bc7744;
}
.infoW.Silver, .infoW.Silver > .infoMark {
    border-color: #d6d6d6;
}
.infoW.Silver hr {
    background: #d6d6d6;
}
.infoW.Gold, .infoW.Gold > .infoMark {
    border-color: #b4a854;
}
.infoW.Gold hr {
    background: #b4a854;
}
.infoWCont {
    width: 100%;
    height: 100%;
    background-color: #292929;
    position: absolute
}
.infoWCont>hr {
    margin: 0 auto;
    height: 1px;
    width: 90%;
    border: none;
    background: #33bdbd;
}
.infoWL {
    width: 100%;
    height: 30px;
    padding: 5px;
    box-sizing: border-box;
    position: relative
}
.largestW,.currentL {
    height: 55px;
}
.leftFL {
    float: left;
    text-transform: capitalize;
    margin-top: 2px;
}
.leftFL.usrNm {
    position: absolute;
    left: 5px;
    top: 27px;
}
.rightFL {
    position: absolute;
    right: 10px;
    top: 7px;
}
.centerFL {
    position: absolute;
    font-size: 14px;
    left: 50%;
    bottom: 5px;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0)
}
.totalW {
    line-height: 20px
}
.total_wins {
    position: absolute;
    right: 10px;
    top: 6px;
}
/*-- Fin de los estilos del Jackpot --*/