/* Variables */

:root {
	/*Colores Bullbet*/
	--verde-bullbet: rgb(0, 68, 81);
	--amarillo-bullbet: rgb(239, 173, 41);
	--gris-bullbet: rgb(45, 45, 45);
	--logo-bullbet-vertical: url("../img/Logos/logo_vertical.svg");
	--logo-bullbet-horizontal: url("../img/Logos/logo_horizontal.svg");
	--bg-card-title-color: rgb(246, 246, 246);
	--font-card-title: rgb(0, 0, 0);
	--bg-card-planes: rgb(246, 246, 246);
	--color-input-bg: rgb(0, 72, 34);
	--green-arbitraje: rgb(236, 236, 238);
	--yellow-arbitraje: rgb(255, 255, 255);
	--tr-green-arbitraje: rgb(45, 45, 45);
	--font-arbitraje: rgb(45, 45, 49);
	--bg-navbar: rgba(255, 255, 255, 0.9);
	--bg-aside: rgba(0, 68, 81, 1);
	--font-yellow: rgb(255, 188, 1);
	--bg-tr-arbitraje: rgb(45, 45, 49);
	--font-tr-arbitraje: rgb(255, 255, 255);
	--calculador-total-tr: rgb(0, 68, 81);
}

/*Reutilizables*/
.rounded-start-15 {
	border-radius: 15px 0px 0px 15px !important;
}

.border-filter {
	border: 1px solid var(--verde-bullbet);
}

.rounded-15 {
	border-radius: 15px 15px 15px 15px !important;
}
.border-gray {
	border: 1px solid #e5e5e6 !important;
}
.border-gray-top {
	border-top: 1px solid #e5e5e6 !important;
}
.border-gray-bottom {
	border-bottom: 1px solid #e5e5e6 !important;
}
.border-gray-left {
	border-left: 1px solid #e5e5e6 !important;
}

.dataTables_length span{
	color: #000
}

.fs-10 {
	font-size: 10px !important;
}
.fs-12 {
	font-size: 12px !important;
}
.fs-14 {
	font-size: 14px !important;
}
.fs-18 {
	font-size: 18px !important;
}
.fs-15 {
	font-size: 15px !important;
}
.fs-16 {
	font-size: 16px !important;
}
.fs-20 {
	font-size: 20px !important;
}
.fs-25 {
	font-size: 25px !important;
}
.fw-bolder {
	font-weight: 800 !important;
}
.fw-semi_bold {
	font-weight: 600 !important;
}
.fw-light_bold {
	font-weight: 500 !important;
}
.lnh-17 {
	line-height: 17px;
}
.lnh-20 {
	line-height: 20px !important;
}
.lnh-22 {
	line-height: 22px;
}
.lnh-24 {
	line-height: 24px;
}
.lnh-30 {
	line-height: 30px;
}

.w-25px {
	width: 25px !important;
}
/*etiquetas sin clases*/

textarea {
	overflow-y: hidden;
	resize: none;
}

body {
	transition: 1s;
	overflow-x: hidden;
	background-color: #f5f5f5;
}
.layout-page {
	background: #f5f5f5 !important;
}

/* body::-webkit-scrollbar { */
/* 	width: 10px; */
/* 	background-color: rgba(113, 113, 113, 1); */
/* } */
/* body::-webkit-scrollbar-thumb { */
/* 	background: rgb(16, 119, 112); */
/* 	border-radius: 1rem; */
/* } */
*:focus-visible,
.input-group:focus-within,
.input-group:focus-within {
	outline: none !important;
	box-shadow: none !important;
}
/***/
.content-wrapper {
	margin-top: 15px;
}
/**/
.bx-show::before {
	content: url("data:image/svg+xml, %3Csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1 11.3L13.65 9.85C13.8 9.06667 13.575 8.33334 12.975 7.65C12.375 6.96667 11.6 6.7 10.65 6.85L9.2 5.4C9.48333 5.26667 9.77067 5.16667 10.062 5.1C10.354 5.03334 10.6667 5 11 5C12.25 5 13.3127 5.43734 14.188 6.312C15.0627 7.18734 15.5 8.25 15.5 9.5C15.5 9.83334 15.4667 10.146 15.4 10.438C15.3333 10.7293 15.2333 11.0167 15.1 11.3ZM18.3 14.45L16.85 13.05C17.4833 12.5667 18.046 12.0373 18.538 11.462C19.0293 10.8873 19.45 10.2333 19.8 9.5C18.9667 7.81667 17.7707 6.479 16.212 5.487C14.654 4.49567 12.9167 4 11 4C10.5167 4 10.0417 4.03334 9.575 4.1C9.10833 4.16667 8.65 4.26667 8.2 4.4L6.65 2.85C7.33333 2.56667 8.03333 2.354 8.75 2.212C9.46667 2.07067 10.2167 2 11 2C13.5167 2 15.7583 2.69567 17.725 4.087C19.6917 5.479 21.1167 7.28334 22 9.5C21.6167 10.4833 21.1127 11.396 20.488 12.238C19.8627 13.0793 19.1333 13.8167 18.3 14.45ZM18.8 20.6L14.6 16.45C14.0167 16.6333 13.4293 16.771 12.838 16.863C12.246 16.9543 11.6333 17 11 17C8.48333 17 6.24167 16.3043 4.275 14.913C2.30833 13.521 0.883333 11.7167 0 9.5C0.35 8.61667 0.791667 7.79567 1.325 7.037C1.85833 6.279 2.46667 5.6 3.15 5L0.4 2.2L1.8 0.800003L20.2 19.2L18.8 20.6ZM4.55 6.4C4.06667 6.83334 3.625 7.30834 3.225 7.825C2.825 8.34167 2.48333 8.9 2.2 9.5C3.03333 11.1833 4.229 12.5207 5.787 13.512C7.34567 14.504 9.08333 15 11 15C11.3333 15 11.6583 14.9793 11.975 14.938C12.2917 14.896 12.6167 14.85 12.95 14.8L12.05 13.85C11.8667 13.9 11.6917 13.9373 11.525 13.962C11.3583 13.9873 11.1833 14 11 14C9.75 14 8.68733 13.5627 7.812 12.688C6.93733 11.8127 6.5 10.75 6.5 9.5C6.5 9.31667 6.51233 9.14167 6.537 8.975C6.56233 8.80834 6.6 8.63334 6.65 8.45L4.55 6.4Z' fill='%23004451' /%3E%3C/svg%3E");
}
.bx-hide::before {
	content: url("data:image/svg+xml, %3Csvg width='22' height='15' viewBox='0 0 22 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 12C12.25 12 13.3127 11.5627 14.188 10.688C15.0627 9.81267 15.5 8.75 15.5 7.5C15.5 6.25 15.0627 5.18733 14.188 4.312C13.3127 3.43733 12.25 3 11 3C9.75 3 8.68733 3.43733 7.812 4.312C6.93733 5.18733 6.5 6.25 6.5 7.5C6.5 8.75 6.93733 9.81267 7.812 10.688C8.68733 11.5627 9.75 12 11 12ZM11 10.2C10.25 10.2 9.61267 9.93733 9.088 9.412C8.56267 8.88733 8.3 8.25 8.3 7.5C8.3 6.75 8.56267 6.11233 9.088 5.587C9.61267 5.06233 10.25 4.8 11 4.8C11.75 4.8 12.3877 5.06233 12.913 5.587C13.4377 6.11233 13.7 6.75 13.7 7.5C13.7 8.25 13.4377 8.88733 12.913 9.412C12.3877 9.93733 11.75 10.2 11 10.2ZM11 15C8.56667 15 6.35 14.3207 4.35 12.962C2.35 11.604 0.9 9.78333 0 7.5C0.9 5.21667 2.35 3.39567 4.35 2.037C6.35 0.679 8.56667 0 11 0C13.4333 0 15.65 0.679 17.65 2.037C19.65 3.39567 21.1 5.21667 22 7.5C21.1 9.78333 19.65 11.604 17.65 12.962C15.65 14.3207 13.4333 15 11 15ZM11 13C12.8833 13 14.6127 12.504 16.188 11.512C17.7627 10.5207 18.9667 9.18333 19.8 7.5C18.9667 5.81667 17.7627 4.479 16.188 3.487C14.6127 2.49567 12.8833 2 11 2C9.11667 2 7.38733 2.49567 5.812 3.487C4.23733 4.479 3.03333 5.81667 2.2 7.5C3.03333 9.18333 4.23733 10.5207 5.812 11.512C7.38733 12.504 9.11667 13 11 13Z' fill='%23004451' /%3E%3C/svg%3E");
}
input[type="date" i]::-webkit-calendar-picker-indicator {
	width: 1.2em;
	height: 1.2em;
}
input.form-control::placeholder,
input.form-control-update::placeholder {
	color: rgba(45, 45, 45, 0.4);
}

/*IMG visas*/
.img-visa {
	content: url(../img/visas/visa.png);
}
.img-master-card {
	content: url(../img/visas/mastercard.png);
}
.img-american-express {
	content: url(../img/visas/american-express.png);
}

/*Colores*/

.b-g-green {
	background-color: var(--color-input-bg);
}

.b-g-green:not(.collapsed) {
	background-color: var(--color-input-bg);
}

.b-g-green-semi-light {
	background: rgba(13, 150, 128, 0.3) !important;
}

.b-g-green-light {
	background-color: rgba(34, 195, 114, 0.18) !important;
}

.b-g-green-light:not(.collapsed) {
	background-color: rgba(34, 195, 114, 0.18);
}
.accordion-item .b-g-green-light:not(.collapsed):hover {
	background-color: rgba(34, 195, 114, 0.25);
}
.b-g-red {
	background-color: rgba(255, 98, 46, 0.18);
}
.b-g-red:not(.collapsed) {
	background-color: rgba(255, 98, 46, 0.18);
}
.accordion-item .b-g-red:not(.collapsed):hover {
	background-color: rgba(255, 98, 46, 0.25);
}

.b-g-yellow {
	background-color: rgba(249, 189, 36, 0.18);
}

.b-g-yellow:not(.collapsed) {
	background-color: rgba(249, 189, 36, 0.18);
}
.accordion-item .b-g-yellow:not(.collapsed):hover {
	background-color: rgba(249, 189, 36, 0.25);
}
.b-g-light-20 {
	background-color: rgba(255, 255, 255, 0.12) !important;
}

.b-g-light {
	background-color: #f5f5f5;
}
.b-g-light:not(.collapsed) {
	background-color: #f5f5f5;
}
.layout-page.bg_green-middle_gray {
	background-color: #a5b9bf !important;
}

.b-g-light .accordion-button.b-g-transparent,
.b-g-light .accordion-button.b-g-transparent:not(.collapsed) {
	color: var(--gris-bullbet) !important;
}

.b-g-transparent {
	background-color: transparent;
}
.b-g-transparent:not(.collapsed) {
	background-color: transparent;
}

.bg-green_blue {
	background-color: var(--verde-bullbet) !important;
}
.bg-gray {
	background-color: #b1b1b4 !important;
}

.bg-gray_light {
	background-color: #838287 !important;
}
.bg-gray_light-extra {
	background-color: #e5e5e5 !important;
}
.cus-text-black {
	color: #2d2d31;
}

.cus-text-black:not(.collapsed) {
	color: #2d2d31;
}
.color_gray {
	color: #2d2d31 !important;
}
.color_gray-50 {
	color: rgba(45, 45, 49, 0.5) !important;
}

.color-green_blue {
	color: var(--verde-bullbet) !important;
}

.font-white {
	color: #f6f6f6;
}

.font-yellow {
	color: var(--font-yellow);
}
.color_green-smooth {
	color: #17cf97;
}

.border-green_blue {
	border: var(--verde-bullbet) solid 1px;
}

.border_cus_yellow {
	border: #fab300 solid 1.5px;
}
.border_cus_yellow-table {
	border: #fab300 solid 1px !important;
}
.border_cus_green-light {
	border: 1.5px solid #22c372;
}
.border_cus_green-light-table {
	border: 1px solid #22c372 !important;
}
.border_cus_red {
	border: #ff622e 1px solid;
}
.bg_red_smooth {
	background-color: #ff622e;
}
.bg_green_smooth {
	background-color: #22c372;
}

.color_red_smooth {
	color: #ff622e;
}
.color_green_smooth {
	color: #22c372;
}

.bg_yellow_smooth {
	background-color: #fab300;
}
.bg_blue_smooth {
	background-color: #1577ef;
}
.red-arrow {
	color: #f1163b;
}
.btn-planes-pago {
	text-align: center;
	color: #fff !important;
	background-color: #0e48b7;
	width: 209px;
	height: 45px;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.btn-planes-pago:hover {
	text-align: center;
	color: #f5f5f5 !important;
	background-color: #1258df;
	filter: drop-shadow(0px 4px 4px rgba(45, 45, 45, 0.4));
}
.bg-red-warning {
	background-color: #f23645;
}
.bg-green-success {
	background-color: #15c16b;
}

.green-arrow {
	color: #206f47;
}
.color-red_alert {
	color: #f23645;
}
.color-yellow {
	color: var(--amarillo-bullbet) !important;
}

.border-rad-10 {
	border-radius: 10px !important;
}

.btn-aling-end {
	text-align: end;
}
.color_nav-perfil {
	color: var(--verde-bullbet);
}
.color_nav {
	color: var(--amarillo-bullbet);
}

/**/
.tabla-arbitraje > table > tbody > tr > td,
.tabla-arbitraje > table > tbody > tr,
.tabla-arbitraje > table > tbody {
	border: 0px solid !important;
}

.dataTables_filter input {
	border: 1px solid var(--verde-bullbet) !important;
    font-size: 14px;
    color: #2d2d31;
}

.dataTables_filter label {
    color: #000;
}

/*retiros*/

.retiros_pos {
	display: flex;
	align-items: center;
}
.btn_outline-green {
	border: 1px solid var(--verde-bullbet) !important;
	border-radius: 10px !important;
}

.b-g-light.color_gray {
	color: var(--gris-bullbet) !important;
}
body.mode-dark .b-g-light.color_gray {
	color: var(--gris-bullbet) !important;
}
/*Aside*/

.bg-aside {
	background-color: var(--bg-aside) !important;
	transition: 0.6s;
}

.active-link {
	background-color: rgba(60, 124, 123, 0.4);
	color: #22ffbb !important;
}

.ico-aside {
	font-size: 22px;
}

.hidde-ico-layout {
	display: none !important;
}

@media screen and (max-width: 1200px) {
	.hidde-ico-layout {
		display: block !important;
	}
}
.cus_btn-white-outline {
	border: 1px solid #ffbc01;
	border-radius: 10px;
	background-color: #f5f5f5;
	padding: 0.5rem 0.7rem;
	color: #ffbc01;
}
.cus-btn {
	height: 45px;
	color: #fff;
	border-radius: 15px !important;
}

/*NavBar*/

.bg-navbar {
	background-color: var(--bg-navbar) !important;
	backdrop-filter: blur(20px);
	transition: 0.6s;
}
.item-dropdown-nav {
	color: var(--gris-bullbet) !important;
}
.dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled):active,
.item-dropdown-nav:not(.disabled):hover,
.item-dropdown-nav:not(.disabled):focus,
.item-dropdown-nav:not(.disabled):active {
	background-color: rgba(237, 237, 237, 0.12);
	color: var(--gris-bullbet) !important;
}

.navbar-detached {
	box-shadow: none !important;
	border-bottom: 0.5px solid #e0e0e1;
}

.layout-menu-hover .no-shadow {
	box-shadow: none;
}
.logo_navbar {
	content: url(../img/Logos/logo-b_mini.svg);
}
.change-screen {
	color: var(--verde-bullbet) !important;
	font-size: 14px !important;
}

.light-style.layout-navbar-fixed.layout-menu-fixed:not(.layout-menu-collapsed)
	.layout-navbar-fixed:not(.layout-menu-collapsed)
	.layout-content-navbar:not(.layout-without-menu)
	.layout-navbar,
.layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed)
	.layout-content-navbar:not(.layout-without-menu)
	.layout-navbar {
	left: 13.25rem;
	width: calc(100% - calc(1.7rem * 2) - 9.25rem);
}

.layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed)
	.layout-content-navbar:not(.layout-without-menu)
	.card_calculadora {
	width: 100% !important;
	position: relative !important;
}

/**/
.btn_listaccount {
	height: 31px !important;
	width: 31px !important;
	color: #fff;
}

.bg-card-border {
	background-color: transparent;
	border: 0.5px #97979b solid;
}
.bg-card-shadow {
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
}

.nav-items-background {
	border: 0.5px solid #e5e5e6;
	box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.13);
}

.btn-outline_green {
	color: var(--verde-bullbet);
	background-color: transparent;
	border-radius: 10px;
	border: 1px solid var(--verde-bullbet);
}

.card-tittle-white {
	background-color: var(--bg-card-title-color);
	padding: 12px 20px;
	font-weight: 600;
	color: var(--font-card-title);
	border-radius: 15px;
}

.font-white:not(.collapsed) {
	color: #f6f6f6;
}

.form-control-update {
	padding: 12px 18px;
	background-color: #efeff0 !important;
	border: none;
	font-size: 14px;
	color: #2d2d31;
	font-weight: 500;
	border-radius: 15px;
	height: 45px;
	font-size: 14px;
	font-weight: 600;
	line-height: 17px;
}
.form-select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280, 0, 0, 0.6%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.form-control:focus + .input-group-text {
	border: 1px solid var(--verde-bullbet) !important;
	font-size: 14px;
	color: #2d2d31;
}
.input-group:has(.form-control:focus) .input-group-text {
	border: 1px solid var(--verde-bullbet) !important;
	font-size: 14px;
	color: #2d2d31;
}

.form-control:focus {
	border: 1px solid var(--verde-bullbet) !important;
	font-size: 14px;
	color: #2d2d31;
}

.form-control-update:disabled,
.form-control-update[readonly] {
	background-color: #f2f2f2 !important;
	border-radius: 10px;
	border: none !important;
	color: #2d2d31;
}

/*Modal anchos*/
.modal_little {
	min-width: 330px !important;
	max-width: 394px !important;
}
.modal_little-2 {
	min-width: 330px !important;
	max-width: 445px !important;
}
.modal_medium {
	min-width: 330px !important;
	max-width: 600px !important;
}
.modal_medium-large {
	min-width: 330px !important;
	max-width: 680px !important;
}
.modal_large {
	min-width: 330px !important;
	max-width: 862px;
}

.acordeon-title {
	border: none;
}

.acordeon-item:not(.collapsed) {
	border: none;
	background-color: #fff8e6;
}
/* .accordion-button { */
/*     background-color: #e5e5e6; */
/* } */

.acordeon-title:not(.collapsed) {
	background-color: rgba(239, 176, 41, 0);
	border-top: 1px solid #fab300;
	border-left: 1px solid #fab300;
	border-right: 1px solid #fab300;
	background: rgba(250, 179, 0, 0.18);
}
.cajadiaria {
	border-left: 1px solid #fab300;
	border-top: none;
	border-right: 1px solid #fab300;
	border-bottom: 1px solid #fab300;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background: rgba(250, 179, 0, 0.18);
}

.acordeon-title > div > div > .text_acordeon {
	color: #f6f6f6;
	font-weight: bold;
}

.acordeon-info {
	display: flex;
	justify-content: space-between;
	color: #2d2d31;
	font-weight: 500;
}
.table-custom-white {
	overflow-y: clip;
}

.table-custom-white:not(.table-dark) th {
	background-color: var(--gris-bullbet);
	color: #fff !important;
	transition: 0.6s;
	padding: .5rem;
}

.table-custom-white > tbody > tr:nth-of-type(even) > *,
.table-custom-white > tbody > tr:nth-of-type(odd) > * {
	background-color: transparent;
	color: #2d2d31 !important;
	transition: 0.6s;
}

.acordeon-table {
	background: #fff;
}

/*Select date*/

/*buscador*/

.search-Casas {
	justify-content: flex-end;
	padding-right: 0.5rem;
}

.search-Casas > input:not(:focus-visible) {
	border-color: #f6f6f6;
}

.search {
	width: 50%;
	border-radius: 10px;
	padding-left: 1rem;
}
.search::placeholder {
	color: #2d2c31;
}

.search:focus-visible {
	outline-offset: 0;
	outline: none;
}

.custom-padding-right {
	padding-right: 3rem;
	text-align: right;
}

.custom-padding-left {
	text-align: left;
	padding-left: 1rem;
}

.btn-midle,
.btn-antimidle {
	width: 31px;
	height: 31px;
	color: #fff;
}
.btn-midle:hover {
	background-color: transparent !important;
	color: var(--gris-bullbet) !important;
}
.btn-antimidle:hover {
	background-color: transparent !important;
	color: var(--verde-bullbet) !important;
}
body.mode-dark .btn-antimidle.bg-green_blue {
	background-color: #0ea5a5 !important;
}

/*Paginacion*/
#tablaCuentas_paginate .pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	padding: 1rem 0;
}

#tablaCuentas_paginate .pagination .paginate_button .page-link {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0);
	color: rgba(45, 45, 49, 0.4);
	font-size: 16px;
	font-weight: 600;
	width: 45px;
	height: 45px;
	border: 0px solid rgba(0, 0, 0, 0);
	box-shadow: none;
}

#tablaCuentas_paginate .pagination .page-item.active .page-link {
	color: var(--verde-bullbet);
}

#tablaCuentas_paginate .pagination .next .page-link,
#tablaCuentas_paginate .pagination .previous .page-link {
	background-color: var(--verde-bullbet);
	color: #fff;
}

#tablaCuentas_paginate .pagination .previous.disabled .page-link,
#tablaCuentas_paginate .pagination .next.disabled .page-link {
	background-color: rgba(45, 45, 49, 0.4);
	color: #fff;
}

/*Movimientos*/
div#tablaCuentas_filter {
	display: none;
}
.nav-movi {
	color: #2d2d31 !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	/* border: 1px solid #e0e0e1 !important; */
	height: 30px;
	/* width: 145px !important; */
	width: auto !important;
	max-width: 170px !important;
}
.nav-movi:hover {
	border: 1px solid #efad29 !important;
}

.nav-movi.active {
	background-color: #efad29 !important;
	color: #fff !important;
	border: none !important;
}
.nav-movi.active i {
	color: #fff !important;
}

.nav-movi i {
	color: #fab300 !important;
}

.table th,
.table td {
	font-size: 14px;
	font-weight: 500;
}
/*Login*/
.bg-login {
	display: none;
	/* background-image: url(../img/banner-nw/banner.jpg); */
	background-image: url(../img/parts/Login3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}

.little_span {
	width: 17px;
	height: 5px;
	background: #2d2d2d;
}
.little-span_vert {
	background: #2d2d2d;
	width: 5px;
	height: 17px;
}

.login-screen {
	display: flex;
	/* padding: 1.5rem; */
	width: 100%;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.login-container {
	width: 90%;
}
.no-outline {
	outline: none;
}

.no-outline:focus-visible {
	outline: none;
}

.btn-sign {
	color: #fff;
	background-color: var(--verde-bullbet);
	padding: 10px;
	border-radius: 15px;
}

.btn-sign:hover,
.btn-sign:active,
.btn-sign:focus {
	border-color: var(--verde-bullbet);
	color: #fff;
}

/*Restablecer*/

.bg-restablecer {
	background-image: url(../img/parts/OLVIDASTE-CONTRASEÑA.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-img-registrar {
	background-image: url(../img/parts/REGISTRATE.jpg);
	/*Pedir una imagen mas grande a lishner*/
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-img-restablecer {
	background-image: url(../img/parts/CONTRASEÑA.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

/*Combinadas*/

.custom-header-table > th,
td {
	border-collapse: collapse;
}

.calc-bonos .style-inputcuota {
	background: transparent;
	width: 50px;
	border: 1px solid #2d2d31;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
}
body.mode-dark .calc-bonos .style-inputcuota {
	color: #fff;
}

.calc-bonos tbody {
	color: var(--gris-bullbet);
}

/*Reporte diario*/
#chart {
	height: 50vh !important;
	width: 650 !important;
}
#js_grafica_eventos,
#js_grafica_eventos-liquida,
#chartganancias,
#charthorarios {
	height: 350px !important;
	width: 1500px !important;
}

.custom-border {
	border: #f6f6f6 1px solid;
	border-radius: 10px;
}

/*Planes*/
.planes_content-info {
	background: radial-gradient(
		119.98% 119.98% at 50.13% 7.37%,
		#004451 0%,
		#00252c 84.69%
	);
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.section__plan {
	align-items: center;
	justify-content: center;
}
.plan__LP {
	font-size: 55px !important;
	font-weight: 800;
	color: #fff;
	line-height: 67px;
}
.hlln_plan {
	font-size: 27px !important;
	line-height: 10px !important;
}
.hlln_plan span {
	font-size: 32px !important;
	color: var(--amarillo-bullbet) !important;
}

.hlln_plan_mode {
	width: 100% !important;
	background: transparent !important;
}
.hlln_plan_mode .plan_mode-type {
	color: var(--amarillo-bullbet) !important;
	font-weight: 700;
}
.hllwn__plan.plan__LP {
	font-size: 38px !important;
	line-height: 20px !important;
}
.hllwn__plan.plan__LP span {
	font-size: 44px !important;
	color: var(--amarillo-bullbet) !important;
}
.plan__back-LF.hllwn__plan {
	background: transparent !important;
	width: 100%;
}
.plan__back-LF.hllwn__plan .plan__LF {
	font-size: 15px !important;
	color: var(--amarillo-bullbet) !important;
}

.murcielago-grande {
	content: url(../img/halloween/MURCIELAGO-GRANDE.png);
	position: absolute;
	top: -3.5rem;
	left: -4.5rem;
	width: 130px;
}
.murcielago-mediano {
	content: url(../img/halloween/MURCIELAGO-MEDIANO.png);
	position: absolute;
	right: -4.5rem;
	top: 0;
}
.murcielago-mediano.murcio__pay {
	right: -4.5rem;
	left: -3.5rem;
	top: 0.5rem;
}
.murcielago-mediano.PL_hllwn {
	bottom: 0;
}

.plan__LP.plan-prematch {
	font-size: 35px !important;
}
.plan__back-LF {
	background: #efad29;
	border-radius: 19px;
	width: 80px;
	height: 38px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.plan__LF {
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
}
.span_pago-online {
	width: 100%;
	border-top: 1px solid #e5e5e6;
}
.btns-redes {
	width: 38px;
	height: 38px;
	border: 1px solid #e0e0e1;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
}
.btn-redes_fb:hover {
	color: #1977f3;
	border-color: #1977f3;
	transition: 0.5s;
}
.btn-redes_yb:hover {
	color: #ff0000;
	border-color: #ff0000;
	transition: 0.5s;
}
.btn-redes_ig:hover > i {
	color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	background-image: rgb(255, 201, 0);
	background-image: -moz-linear-gradient(
		45deg,
		rgba(255, 201, 0, 1) 0%,
		rgba(255, 58, 61, 1) 29%,
		rgba(255, 2, 251, 1) 53%,
		rgba(110, 24, 255, 1) 71%
	);
	background-image: -webkit-linear-gradient(
		45deg,
		rgba(255, 201, 0, 1) 0%,
		rgba(255, 58, 61, 1) 29%,
		rgba(255, 2, 251, 1) 53%,
		rgba(110, 24, 255, 1) 71%
	);
	background-image: linear-gradient(
		45deg,
		rgba(255, 201, 0, 1) 0%,
		rgba(255, 58, 61, 1) 29%,
		rgba(255, 2, 251, 1) 53%,
		rgba(110, 24, 255, 1) 71%
	);
	transition: 0.5s;
}
.btn-redes_ig:hover {
	border: solid 1px transparent;
	background-image: linear-gradient(
			rgba(255, 255, 255, 0),
			rgba(255, 255, 255, 0)
		),
		linear-gradient(
			45deg,
			rgba(255, 201, 0, 1) 0%,
			rgba(255, 58, 61, 1) 29%,
			rgba(255, 2, 251, 1) 53%,
			rgba(110, 24, 255, 1) 71%
		);

	background-origin: border-box;
	background-clip: content-box, border-box;
	box-shadow: 2px 1000px 1px #fff inset;
}

.img-back {
	height: 50px;
}

.card-planes {
	background-color: #ffffff !important;
	width: 290px;
	border: 0.5px solid #e5e5e6;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
	border-radius: 15px;
}
.title_plan {
	font-weight: 800;
	font-size: 35px;
	color: var(--gris-bullbet);
	line-height: 43px;
}
body.mode-dark .card-planes .title_plan {
	color: #fff;
}

body.mode-dark .card-planes {
	background-color: #252527 !important;
	border: 0px solid #e5e5e6;
	box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.3);
}
/* body.mode-dark .card-planes .cus-btn.bg-green_blue { */
/* 	color: #fff !important; */
/* 	background-color: var(--verde-bullbet) !important; */
/* } */

.plan_mode {
	background-color: var(--amarillo-bullbet);
	border-radius: 19px;
	width: 65px;
	height: 29px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.plan_mode-type {
	font-weight: 600;
	font-size: 15px;
	line-height: 18px;
	color: #fff;
}

.cus-text-bold-extra {
	font-weight: 900;
}
.con_btns-planes {
	width: 270px;
	height: 44px;
	border: 1px solid #cbcbcd;
	border-radius: 24.5px;
}

.btn-plan {
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
	width: 135px;
	height: 42px;
	border-radius: 24.5px;
	background: var(--amarillo-bullbet);
	color: #fff;
}
.plan-box .card-body {
	padding: 0 !important;
}

.btn-plan-dark {
	width: 135px;
	height: 42px;
	background: transparent;
	border-radius: 24.5px;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	text-transform: uppercase;
	color: var(--verde-bullbet);
}
.btn.bg-green_blue:hover,
.cus-btn.bg-green_blue:hover {
	color: var(--amarillo-bullbet) !important;
}

.btn-plan:hover {
	color: #fff;
}
.authentication-bg {
	background-color: #fff !important;
}

.plan-buttom-left {
	padding-left: 1rem;
}
.copy-bnk {
	color: rgba(45, 45, 49, 0.4) !important;
}
.copy-bnk:hover {
	color: rgba(45, 45, 49, 1) !important;
}

/*Apuestas acordeones*/

.table-cus-acor-white:not(.table-dark) th {
	color: #f6f6f6;
	font-weight: 600;
}

.table-cus-acor-black:not(.table-dark) th {
	color: #000;
	font-weight: 600;
}

.padding-acor {
	padding: 00.25rem;
}

.radios-acor {
	border-radius: 0.5rem;
	padding: 0.4rem;
}

.no-shadow {
	box-shadow: none !important;
}

.thead-opacidad {
	background-color: rgba(0, 0, 0, 0.5);
}

.card.no-shadow.active {
	box-shadow: none;
}

.flecha_end_white:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='m1.532 12 6.182-6-6.182-6L0 1.487 4.65 6 0 10.513z'/%3E%3C/defs%3E%3Cg transform='translate%282.571%29' fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23ffffff' xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' fill='%23566a7f' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E%0A");
	transform: rotate(90deg);
}

.flecha_end_white:after {
	flex-shrink: 0;
	width: 0.75rem;
	height: 0.75rem;
	margin-left: auto;
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='m1.532 12 6.182-6-6.182-6L0 1.487 4.65 6 0 10.513z'/%3E%3C/defs%3E%3Cg transform='translate%282.571%29' fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23ffffff' xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' fill='%23566a7f' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 0.75rem;
	transition: transform 0.2s ease-in-out;
}

/**Planes in**/

.cus-planes {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding-top: 2rem;
}

.img-bank {
	width: 112px;
	height: 36px;
}

.copy-tooltip {
	padding-left: 1rem;
	color: #f6f6f6;
}

.copy-tooltip:hover {
	cursor: pointer;
	color: #fff;
}

.copy-tooltip:hover,
.copy-tooltip:active .toltip {
	opacity: 1;
	visibility: visible;
	transition: 0.5s;
}

.toltip {
	visibility: hidden;
	transition: 0.5s;
	opacity: 0;
}

.cuenta-container {
	display: flex;
	justify-content: end;
}

.text-cuenta {
	padding-left: 3rem;
}

.formas-pago-img {
	width: 222px;
	height: 62px;
}

/*Registrar*/

.text-hrf-green {
	font-weight: 600;
	color: var(--verde-bullbet);
	text-decoration: underline;
}

.text-hrf-green:focus-visible {
	outline: none;
	color: var(--verde-bullbet);
	transition: 0.4s;
}

.text-hrf-green:hover {
	color: var(--verde-bullbet);
	transition: 0.4s;
}

.input-check-bg {
	background-color: #f5f5f5;
}

.input-check-bg:not(.is-invalid) {
	background-color: #f5f5f5;
	color: var(--verde-bullbet);
	border: 1px solid var(--verde-bullbet);
}
#terms-conditions:checked[type="checkbox"] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23004451' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

/*Active*/

.active {
	opacity: 1;
	visibility: visible;
}

.btn-close {
	background: transparent
		url("data:image/svg+xml,<svg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><polygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'></polygon></defs><g id='%F0%9F%8E%A8-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='Artboard' transform='translate%28-225.000000, -250.000000%29'><g id='Icon-Color' transform='translate%28225.000000, 250.500000%29'><use fill='%2397979B' xlink:href='%23path-1'></use><use fill-opacity='0.1' fill='%2397979B' xlink:href='%23path-1'></use></g></g></g></svg>")
		center/0.8em auto no-repeat;
}

/*surebet*/

.tr_resal_win {
	background: rgba(105, 204, 178, 0.5);
	color: #f6f6f6;
	font-weight: 600;
}

.tr_resal_lost {
	background: rgba(132, 6, 6, 0.6);
	color: #f6f6f6;
}

.bg-registrar {
	height: 100vh;
	/* width: 100vw; */
}

.select-winner {
	background-color: #16a35f;
	color: #fff;
	transition: 0.3s;
}
.select-lost {
	background-color: rgba(255, 98, 46, 0.25);
	color: var(--gris-bullbet);
	transition: 0.3s;
}

textarea.form-control-update {
	height: 106px;
}

/*Logros*/

.border-r-2 {
	border-radius: 2rem;
}

.btn-regresar {
	color: #004822;
	background-color: #ffbc01;
	font-size: 1rem;
	font-weight: 600;
}

.btn-regresar:hover {
	color: #037437;
}

.canvas-logros {
	width: 300px !important;
	height: 300px !important;
	display: inline !important;
}

.cotent-logros {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.font-bono-day {
	font-weight: 600;
	color: rgb(16, 119, 112);
}

/* Clones */

.boder-table-clones {
	border-color: #004822;
}
.lista-clones {
	padding: 0 0.5rem 0;
}

/*Casas-clones*/

.img-casas {
	width: 130px;
}

.change-theme {
	font-size: 1.5rem;
	cursor: pointer;
	color: var(--verde-bullbet);
}

.change-theme:active {
	color: #131318;
	transition: 0.3s;
}

.no-border {
	border: none !important;
}

/*Live - Prematch */
.arrow-surebet {
	border: 1px solid #fff;
	padding: 0.25rem;
	border-radius: 7px;
}
.arrow-surebet:hover {
	background: #fff;
	color: #2d2d31;
	transition: 0.3s;
	cursor: pointer;
}

.arrow-surebet-red {
	border: 1px solid #d62222;
	color: #d62222;
	padding: 0.25rem;
	border-radius: 7px;
}
.arrow-surebet-red:hover {
	background: #d62222;
	color: #e6e6e9;
	transition: 0.3s;
	cursor: pointer;
}

.yellow-arbitraje {
	background-color: var(--yellow-arbitraje);
	color: var(--font-arbitraje);
}

.green-arbitraje {
	background-color: var(--green-arbitraje);
	color: var(--font-arbitraje);
}

.bg-darkgreen-arbitraje {
	background-color: var(--bg-tr-arbitraje) !important;
	color: var(--font-tr-arbitraje);
	font-weight: 600;
}

.tr-green-arbitraje {
	background-color: var(--tr-green-arbitraje) !important;
	color: var(--font-tr-arbitraje) !important;
	font-weight: 500 !important;
	padding: 0.5rem;
}
.tr-green-arbitraje:hover {
	background: linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.12),
			rgba(255, 255, 255, 0.12)
		),
		#2d2d31;
}
.alertify-notifier .ajs-message.ajs-success {
	background-color: #109367 !important;
}
.alertify-notifier .ajs-message.ajs-error {
	background-color: #f23645 !important;
}

.more-clones {
	position: relative;
	cursor: pointer;
}
.more-clones:hover .more-info_clones {
	visibility: visible;
	transition: 0.5s;
}
.more-info_clones {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--verde-bullbet);
	color: var(--amarillo-bullbet);
	border-radius: 20px;
	width: 200px;
	height: 40px;
	top: -15px;
	right: 0;
	left: 26px;
	visibility: hidden;
}

.tr-arbitraje-calculadora {
	text-align: right;
}
/* .content-scanner .tabla-arbitraje:has(table) { */
/* 	max-height: 85vh; */
/* 	min-height: 0vh; */
/* 	height: auto; */
/* } */

#tdapuesta1:hover,
#tdapuesta2:hover {
	color: var(--amarillo-bullbet);
}

.nomen_hover {
	background-color: var(--amarillo-bullbet);
	border-radius: 10px;
	width: 40%;
	height: 50px;
	position: absolute;
	top: 120px;
	left: 46px;
	visibility: hidden;
	transition: 0.5s;
	opacity: 0;
	color: var(--gris-bullbet);
}
.nomen_hover.visility_hover {
	visibility: visible;
	transition: 0.5s;
	opacity: 1;
}
body.mode-dark .nomen_hover {
	background-color: #eaeaeb;
	color: var(--gris-bullbet);
}
/*CALCULADORA*/

.card_calculadora {
	z-index: 8;
	background-color: var(--verde-bullbet);
}
.card_calculadora .card-header div .card-title {
	color: #fff;
}
body.mode-dark .card_calculadora .card-header div .card-title {
	color: #fff;
}
.btn-calculadora {
	background: #ffffff;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: var(--verde-bullbet);
	width: 86px;
	height: 31px;
}
body.mode-dark .btn-calculadora {
	background: #2d2d31;
	color: #fff;
}

.input-calculadore {
	font-weight: 500;
	font-size: 14px;
	line-height: 17;
	color: var(--gris-bullbet);
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.18);
	border-radius: 9px !important;
}
body.mode-dark .input-calculadore {
	color: #ffffff !important;
	background: rgba(255, 255, 255, 0.25);
	border: 1px solid rgba(255, 255, 255, 0.5);
}
.input-calculadore:focus-visible {
	outline: 2px solid rgba(179, 201, 205, 0.5) !important;
}

.input-calculadore.active-micro {
	outline: 2px solid rgba(179, 201, 205, 0.5) !important;
}

.active-micro ~ .content-microphone {
	color: red;
}

.style-cabeceracalculadora > td {
	padding: 1rem;
}
.style-td1-tabla {
	background-color: var(--green-arbitraje) !important;
	color: var(--font-arbitraje);
	height: 40px;
	font-weight: 600 !important;
	font-size: 14px !important;
}

.style-td2-tabla {
	background-color: var(--yellow-arbitraje) !important;
	color: var(--font-arbitraje);
	height: 40px;
	font-weight: 600 !important;
	font-size: 14px !important;
}
.style-td1-tabla > td,
.style-td2-tabla > td {
	padding: 0.35rem 0;
}
.btn-copy-event:hover {
	color: rgba(255, 255, 255, 0.5);
}

.calculadora-tr-total {
	/* background-color: var(--calculador-total-tr); */
	background-color: transparent !important;
	color: white;
	height: 35px;
	font-weight: bold;
}
.calculadora-tr-total .input-calculadore {
	color: var(--gris-bullbet);
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(0, 0, 0, 0.18);
	border-radius: 9px;
	width: 80px !important;
}

body.mode-dark .calculadora-tr-total .input-calculadore {
	color: #2d2d31 !important;
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.18);
}
.client-options {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}
body.mode-dark .client-options {
	color: #fff;
}

.calculadora-tr-total > td {
	padding: 1rem;
}
.tooltip-themple {
	position: absolute;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-size: 13px;
	visibility: hidden;
	color: #fff;
	transition: 0.2s;
	padding: 0.25rem;
}
.tool-hover:hover > .tooltip-themple {
	visibility: visible;
}
.tooltip-calculadora {
	top: -30px;
	background: #efad29;
	border-radius: 15px;
	padding: 0.25rem;
	left: -17px;
}

.tooltip-middle {
	color: #2d2d31;
	left: -63px;
	top: 0;
	bottom: 0;
	padding: 0.25rem;
	border: 1px solid #16a35f;
	border-radius: 15px;
}
.tooltip-antimiddle {
	color: #2d2d31;
	top: 0;
	bottom: 0;
	right: -90px;
	/* left: 0; */
	/* background: #ff622e; */
	border-radius: 15px;
	border: 1px solid #ff622e;
}
.tooltip-document {
	top: -12px;
	left: 20px;
	width: 231px;
}

.style-evento {
	background-color: #2f6571;
	color: #f2f2f2;
}

.style-time {
	background-color: transparent;
	color: #fff;
	padding: 0.3rem 0;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	line-height: 20px;
}

.content-microphone {
	background-color: transparent !important;
}

.microphone {
	color: var(--verde-bullbet);
	font-size: 17px !important;
	padding: 0.25rem;
	border-radius: 5px;
}

/*Filtro*/
.filtro-surbet {
	max-width: 37rem;
}
.little_span-filter {
	background: #2d2d2d;
	width: 4px;
	height: 20px;
}
.filtro__header {
	padding: 6px 10px !important;
	background-color: #eaeaeb;
	border-radius: 10px;
	color: var(--verde-bullbet);
}

.dropdown-item.filtro__select {
	background: rgba(0, 0, 0, 0.2) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
	background: rgba(0, 0, 0, 0.2) !important;
}

.filtro__position {
	inset: 10px auto auto 50px !important;
}

/*Nomenclaturas*/
.container_nomenclaturas .card {
	width: 330px;
}
.bad-email {
	border: 1px solid #ff622e;
}
/*Publicidad*/
.publicidad_content {
	position: fixed;
	bottom: 5rem;
	right: -100rem;
	transition: 2s;
}
.publicidad-img {
	width: 35vh;
}
.publicidad_content .btn-close {
	background-color: #ffbc01;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 25px;
	position: absolute;
	top: -1.5rem;
}
.publicidad_content.show-publicidad {
	right: 5rem;
}

/*Profile*/
.banner-img {
	background-image: url(../img/banner-nw/banner.jpg);
	background-repeat: no-repeat;
	background-color: rgba(0, 0, 0, 0.3);
	background-size: cover;
	height: 35vh;
	background-blend-mode: multiply;
}

.text-perfil-avatar {
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	color: #ffffff;
}
.text-perfil {
	color: #2d2d31;
}
.perfil-container {
	position: relative;
}
.img-avatar {
	background-color: #fff;
}

.perfil_width,
.avatar-perfil {
	width: 100px;
}
.perfil__position {
	position: absolute;
	top: -15px;
}
.verif-btn_content,
.verif-btn {
	width: 37px;
	height: 37px;
}
.verif-btn {
	justify-content: center;
	font-size: 20px;
	border-radius: 100%;
}
.text-verif {
	display: none;
}

.avatar-perfil {
	height: 111px;
	border-radius: 20px;
	border: 1px solid #d9d9d9;
	border-radius: 20px;
}
.btn-perfil {
	color: #fff;
	width: 36px;
	height: 36px;
	font-size: 20px !important;
}

/* .modal-change-avatar { */
/* 	max-width: 35rem; */
/* } */
.change-avatar {
	position: absolute;
	bottom: -10%;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 0.95rem;
}
.change-avatar:hover {
	transform: translateY(-5%);
}
.content-change-avatars {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 1rem;
}
.select-avatar {
	margin: 0.5rem;
}
.select-avatar-img {
	background-color: rgba(0, 0, 0, 0);
	padding: 5px;
	width: 148px;
	height: 157px;
	border-radius: 20px;
}

.check-avatar {
	display: none;
	font-size: 10px;
	bottom: 8px;
	right: 8px;
	color: var(--verde-bullbet);
	background: #fff;
	padding: 7px 7.8px;
	border-radius: 50%;
}
.select-avatar-img:hover {
	border: 1px solid rgba(46, 46, 48, 0.3);
	border-radius: 23px;
	cursor: pointer;
}
.select-avatar-img.new_avatar {
	border: 1px solid rgba(46, 46, 48, 0.3);
	border-radius: 23px;
	cursor: pointer;
}
.dropdown-menu.dropdown-menu-end.nav-items-background.nav_languages-drop {
	min-width: 60px !important;
	width: 80px !important;
}

/*Overlay*/
.layout-overlay {
	background: rgba(0, 0, 0, 1);
}

.select-avatar-img.current_avatar + i {
	display: block;
}
.text-perfil > ul > li > i {
	color: #97979b;
}
.cus-label {
	color: #2d2d31;
	font-size: 14px;
	font-weight: 400;
}
.modal-dialog.modal-dialog-centered {
	display: flex;
	justify-content: center;
}

/*404*/

.container-404 {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #2b2b2b;
	color: #2b2b2b;
	overflow: hidden;
	position: relative;
}

.content-404 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	margin: 3rem 0;
	height: 87vh;
	text-align: center;
	position: relative;
	z-index: 2;
}

.text-404 {
	font-size: 4rem;
	font-weight: 600;
}

.main-404 {
	font-size: 8rem;
	font-weight: 900;
	text-shadow: 0.1em 0.1rem var(--verde-bullbet),
		1.2rem 0.4rem var(--amarillo-bullbet);
	color: #2b2b2b;
	margin-right: 2rem;
}

.bg-estrellas {
	background-image: url(../img/estrellas.png);
	background-repeat: repeat;
	animation-name: go-right;
	animation-duration: 30s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}
.logo-outin {
	content: var(--logo-bullbet-vertical);
	width: 150px;
}

.bg-puntos {
	background-image: url(../img/puntos.png);
	background-repeat: repeat;
	animation-name: agrandado, go-right;
	animation-duration: 30s, 60s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.text-no-found {
	font-weight: 400;
	font-size: 2rem;
}

.lampara {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	height: 70vh;
	animation: ani-lampara 4s ease infinite;
}

.enchufe {
	position: absolute;
	width: 18vw;
}

.enchufe-izq {
	bottom: 15%;
	left: 0;
}

.enchufe-der {
	top: 15%;
	right: 0;
}

/*Eventos*/
.acordeon_eventos-btn {
	background-color: var(--gris-bullbet) !important;
	border-radius: 15px !important;
	color: #fff !important;
}

.acordeon_eventos-btn.accordion-button::after {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='m1.532 12 6.182-6-6.182-6L0 1.487 4.65 6 0 10.513z'/%3E%3C/defs%3E%3Cg transform='translate%282.571%29' fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23fff' xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' fill='%23fff' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.acordeon_eventos-btn.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='m1.532 12 6.182-6-6.182-6L0 1.487 4.65 6 0 10.513z'/%3E%3C/defs%3E%3Cg transform='translate%282.571%29' fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23fff' xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' fill='%23fff' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E%0A");
	transform: rotate(90deg);
}
.tabla_eventos .accordion-item.bg-transparent {
	box-shadow: none !important;
}
.evento_divisor {
	border-bottom: 1px solid #e5e5e6;
}

/*Swall*/
.swal2-success-fix,
.swal2-success-circular-line-right,
.swal2-success-circular-line-left {
	background-color: rgba(0, 0, 0, 0) !important;
}

.swal2-title {
	padding: 0 2rem 3rem 2rem !important;
	font-size: 20px !important;
	line-height: 24px !important;
	font-weight: 600 !important;
}
.swal2-popup {
	font-family: "Montserrat" !important;
}
.swal2-popup.swal2-modal.swal2-show {
	width: 394px !important;
}
.swal2-success-ring {
	background-color: #22c372;
}
.swal2-icon.swal2-success [class^="swal2-success-line"] {
	background-color: #fff !important;
	z-index: 4 !important;
}
.swal2-popup .swal2-styled:focus {
	box-shadow: none !important;
}
.swal2-icon.swal2-warning {
	background-color: #fa8638;
	color: #fff !important;
	border-color: #fa8638 !important;
}
.swal2-icon.swal2-question {
	color: white !important;
	/* border-color: #fb2c2c !important; */
	/* background: #fb2c2c !important; */
}
.swal2-icon.swal2-error {
	border-color: #fb2c2c !important;
	background: #fb2c2c !important;
}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
	background-color: #fff !important;
}
button.swal2-cancel.swal2-styled {
	border: 1px solid #004451;
	background-color: #fff !important;
	color: #004451;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
}

/**/
.nomclatura_colores-hw {
	height: 25px;
	width: 25px;
}

/*pasarela*/
@keyframes ani-lampara {
	0% {
		transform: rotatey(0deg);
	}
	50% {
		transform: rotatey(180deg);
	}
	100% {
		transform: rotatey(360deg);
	}
}

@keyframes enchufe-der-ani {
	0% {
		transform: rotateX(0deg);
	}
	50% {
		transform: rotateX(180deg);
	}
	100% {
		transform: rotateX(360deg);
	}
}

@keyframes agrandado {
	0% {
		background-size: 80%;
	}
	50% {
		background-size: 40%;
	}
	100% {
		background-size: 80%;
	}
}

@keyframes go-right {
	0% {
		background-position: 0% 0%;
	}
	100% {
		background-position: 560% 0%;
	}
}

@media screen and (min-width: 340px) {
	.img-logo-out {
		justify-content: center;
	}
}

@media screen and (max-width: 567px) {
	.style-cabeceracalculadora > td {
		padding: 0.3rem 0;
	}
	.style-porcentaje,
	.style-deporte {
		font-size: 12px !important;
	}
	.style-cabeceracalculadora {
		font-size: 10px !important;
	}
	.style-deporte {
		padding: 0.5rem 0.2rem !important;
	}
	.style-time {
		padding: 0.5rem 0rem !important;
		font-size: 12px !important;
	}
	.calculadora-tr-total > td {
		padding: 0.5rem;
	}
	.input-calculadore,
	.card_calculadora .fs-14,
	.content-scanner .fs-14 {
		font-size: 12px !important;
	}
	.card_calculadora .fs-16 {
		font-size: 12px !important;
	}
	.input-calculadore,
	.style-inputcuota {
		width: 40px !important;
		height: 25px !important;
	}
	.style-cabeceracalculadora {
		font-size: 12px;
	}
}

@media screen and (min-width: 576px) {
	.custom-modal {
		max-width: 80rem;
	}
	.perfil__position {
		top: -20px;
	}
	.perfil_width,
	.avatar-perfil {
		width: 120px;
	}
	.avatar-perfil {
		height: 130px;
	}
	.verif-btn_content,
	.verif-btn {
		width: auto;
		height: 37px;
	}
	.verif-btn {
		font-weight: 600;
		font-size: 14px;
		line-height: 17px;
		justify-content: center;
		border-radius: 18.5px;
	}
	.text-verif {
		display: block;
	}
}

@media screen and (min-width: 768px) {
	/* .content-scanner { */
	/* 	margin-top: 385px; */
	/* } */
	.bg-login {
		display: flex;
	}
	.w-md-75 {
		width: 75% !important;
	}
	.logo_navbar {
		content: var(--logo-bullbet-horizontal);
	}

	.planes_content-info {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.select-avatar-img {
		padding: 5px;
		width: 104px;
		height: 109px;
	}
	.fomas-planes {
		display: grid;
		text-align: center;
	}
	.plan-buttom-left {
		text-align: end;
		padding-right: 1rem;
	}
	.span_pago-online {
		width: 0px;
		height: 100%;
		border-top: 0px !important;
		border-left: 1px solid #e5e5e6;
	}
	#chart {
		height: 60vh !important;
		width: 1280px !important;
	}

	#chartganancias,
	#js_grafica_eventos,
	#js_grafica_eventos-liquida,
	#charthorarios {
		width: 1280px !important;
	}
	/* :root { */
	/* 	font-size: 14px; */
	/* } */
	.canvas-logros {
		width: 180px !important;
		height: 180px !important;
	}
	.content-asistencia {
		display: flex;
		justify-content: space-evenly;
	}
	/* .content-scanner { */
	/* 	margin-top: 390px; */
	/* } */
}

@media screen and (min-width: 992px) {
	.content-scanner {
		margin-top: 0;
	}

	.card_calculadora {
		width: 46.5vw;
	}

	.table-responsive.tabla-arbitraje {
		overflow-x: hidden !important;
	}
}

@media screen and (max-width: 768px) {
	.card-planes-text {
		font-size: 1.5rem;
	}
	.publicidad_content {
		display: none;
	}
	.content-asistencia {
		display: flex;
		flex-direction: column;
		gap: 3rem;
		justify-content: space-evenly;
	}
	.btn-expand {
		width: 100%;
	}
}

@media screen and (min-width: 1100px) {
	/* :root { */
	/* 	font-size: 16px; */
	/* } */
	.login-screen {
		width: 35vw;
		height: 100vh;
		position: absolute;
		right: 0;
	}

	.perfil__position {
		top: -40px;
	}
	.perfil_width,
	.avatar-perfil {
		width: 140px;
	}
	.avatar-perfil {
		height: 156px;
	}
}

@media screen and (max-width: 1200px) {
	.enchufe,
	.lampara {
		display: none;
	}
	.container-404 {
		color: #fff;
		transition: 0.5s;
	}
	/* .card-body { */
	/* 	padding: 1rem 1rem !important; */
	/* } */
	.main-404 {
		color: #fff;
	}
	.canvas-logros {
		width: 200px !important;
		height: 200px !important;
	}
	.content-microphone {
		display: none;
	}
}

@media screen and (min-width: 1400px) {
	.login-screen {
		width: 30vw;
		height: 100vh;
		position: absolute;
		right: 0;
	}
	.formas-pago-container {
		justify-items: center;
	}
	.cuentas-planes {
		margin-left: 4rem;
	}
	.img-logo-out {
		justify-content: left;
	}
	.cotent-logros {
		flex-direction: row;
		justify-items: center;
		align-items: center;
	}
	.card_calculadora {
		width: 46.7vw;
	}

	#chart {
		width: 110vw !important;
	}
	#chartganancias,
	#js_grafica_eventos,
	#js_grafica_eventos-liquida,
	#charthorarios {
		height: 450px !important;
		width: 100% !important;
	}
}

@media screen and (min-width: 1800px) {
	.login-screen {
		width: 20vw;
		height: 100vh;
		position: absolute;
		right: 0;
	}
	#chart {
		height: 900px !important;
		width: 100% !important;
	}
}

/*Promociones */
.title_plan.promo.navidad {
	font-size: 25px !important;
	line-height: 25px !important;
	color: #206e5f !important;
}
.js-cardlive .card-planes:has(.promo.navidad) {
	border: 1px solid #a11929;
}
.content-freactures.promo.navidad h6.color_gray {
	color: #206e5f !important;
	font-weight: 500 !important;
}

.js-cardlive .card-planes:has(.promo.navidad) .btn_details-live.promo {
	margin: 0 !important;
}

.js-cardlive .card-planes:has(.promo.navidad) .btn_details-live.promo .btn {
	background-color: #a11929 !important;
}
.card-body .promo.navidad .date_valid,
.card-body .promo.navidad .pre-price {
	color: #a11929 !important;
}
.card-body .promo.navidad .price-act {
	color: #206e5f !important;
}

.plan__LP.promo.navidad {
	font-size: 45px !important;
	line-height: 45px;
	text-align: center;
}
.planes_content-info.promo.navidad {
	background: radial-gradient(
		119.98% 119.98% at 50.13% 7.37%,
		#206e5f 0%,
		#00252c 84.69%
	);
}

/* MODO DARK */
body.mode-dark {
	background-color: var(--gris-bullbet);
	--logo-bullbet-vertical: url("../img/Logos/logo_b-vertical-dark.svg");
	--logo-bullbet-horizontal: url("../img/Logos/logo_b-horizontal_dark.svg");
	--bg-card-title-color: rgb(19, 19, 24);
	--font-card-title: rgb(246, 246, 246);
	--color-input-bg: rgb(19, 19, 24);
	--bg-aside: rgb(12, 12, 13);
	--bg-navbar: rgb(45, 45, 49);
	--bg-card-planes: var(--bg-card);
	--green-arbitraje: rgb(72, 72, 76);
	--yellow-arbitraje: rgb(102, 102, 109);
	--font-arbitraje: rgb(244, 244, 244);
	--bg-tr-arbitraje: rgb(163, 214, 193);
	--tr-green-arbitraje: rgb(213, 213, 213);
	--font-tr-arbitraje: rgb(0, 0, 0);
	--calculador-total-tr: rgb(255, 255, 255);
	transition: 1s;
}

body.mode-dark .acordeon_eventos-btn {
	background-color: #1e1e1f !important;
	border-radius: 15px !important;
	color: #fff !important;
}

body.mode-dark .evento_divisor {
	border-bottom: 1px solid #707075;
}

body.mode-dark .border-gray,
body.mode-dark .border-gray-top,
body.mode-dark .border-gray-bottom,
body.mode-dark .border-gray-left,
body.mode-dark .span_pago-online {
	border-color: #707075 !important;
}

body.mode-dark .layout-page {
	background: #2d2d31 !important;
}

body.mode-dark input.form-control::placeholder,
body.mode-dark input.form-control-update::placeholder {
	color: rgba(255, 255, 255, 0.4);
}

body.mode-dark .img-visa {
	content: url(../img/visas/visa-dark.png);
}
body.mode-dark .img-master-card {
	content: url(../img/visas/mastercard-dark.png);
}

body.mode-dark .layout-page.bg_green-middle_gray {
	background-color: rgb(45 45 45) !important;
}

body.mode-dark .color_gray-50 {
	color: rgba(255, 255, 255, 0.5) !important;
}

body.mode-dark .color_nav-perfil {
	color: #fff;
}

body.mode-dark .login-container .little_span,
body.mode-dark .login-container .little-span_vert {
	background-color: var(--amarillo-bullbet);
}

body.mode-dark .bg-green_blue.font-white .bet-pen-edit:not(.collapsed) {
	color: var(--gris-bullbet) !important;
}

body.mode-dark .bg-green_blue.font-white .bet-pen-edit:not(.collapsed):hover {
	color: var(--amarillo-bullbet) !important;
}

body.mode-dark .dataTables_filter label {
    color: #fff;
}

body.mode-dark .dataTables_filter input {
	background-color: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid var(--amarillo-bullbet) !important;
    font-size: 14px;
    color: #fff;
}

body.mode-dark .btn-sign {
	background-color: #fff;
	color: var(--gris-bullbet);
}

body.mode-dark .btn-sign:hover,
body.mode-dark .btn-sign:active,
body.mode-dark .btn-sign:focus {
	border-color: var(--amarillo-bullbet);
}

body.mode-dark .dataTables_length label {
	color: #fff;
}

body.mode-dark .text-hrf-green {
	color: var(--amarillo-bullbet);
}

body.mode-dark .dataTables_length select {
	background-color: rgba(255, 255, 255, 0.11) !important;
	border: none;
}

body.mode-dark .style-evento {
	background-color: #b0b0b3;
	color: var(--gris-bullbet);
}

body.mode-dark .style-time {
	background-color: #cbcbcd;
	color: #2d2d31;
}

body.mode-dark .content-microphone {
	background-color: transparent !important;
}

body.mode-dark .microphone {
	color: #fff;
}

body.mode-dark .filtro__header {
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
}

body.mode-dark .copy-bnk {
	color: rgba(255, 255, 255, 0.4) !important;
}
body.mode-dark .copy-bnk:hover {
	color: rgba(255, 255, 255, 1) !important;
}

body.mode-dark .dropdown-item.filtro__select {
	background: rgba(255, 255, 255, 0.1) !important;
}
body.mode-dark .dropdown-item:hover,
body.mode-dark .dropdown-item:focus {
	background: rgba(255, 255, 255, 0.1) !important;
}

body.mode-dark .select-lost {
	background-color: rgba(255, 98, 46, 0.25);
	color: #f6f6f6;
	transition: 0.3s;
}

body.mode-dark .filtro__position {
	background: #646468;
	border: 1px solid #828287;
	box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.45);
	border-radius: 10px;
}
body.mode-dark .filtro__select:hover {
	background: rgba(255, 255, 255, 0.12) !important;
}

body.mode-dark .plan__LP.promo.navidad {
	color:#ffdd00 !important
}

body.mode-dark .planes_content-info.promo.navidad {
	background: radial-gradient(
		119.98% 119.98% at 50.13% 7.37%,
		rgba(0, 0, 0, 0.42) 0%,
		rgba(0, 0, 0, 0.75) 62.29%
	);
}

body.mode-dark .navbar-detached {
	border-bottom: 0.5px solid #707075;
}

body.mode-dark .btn_listaccount {
	color: var(--gris-bullbet);
}

body.mode-dark .btn-outline_green {
	color: #fff;
	border: 1px solid #fff;
}

body.mode-dark .btn-outline_green:hover {
	color: var(--amarillo-bullbet);
	border: 1px solid var(--amarillo-bullbet);
}

body.mode-dark .form-select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.6%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
body.mode-dark .form-control-update {
	color: #fff;
}

body.mode-dark .form-select.form-control-update:focus {
	color: #fff !important;
}

body.mode-dark .form-select option {
	background: #828287;
	color: #fff;
}

body.mode-dark .input-group:has(.form-control:focus) .input-group-text {
	border: 1px solid var(--amarillo-bullbet) !important;
	color: #fff;
}

body.mode-dark .input-group-text {
	background-color: rgba(255, 255, 255, 0.11) !important;
	color: var(--amarillo-bullbet) !important;
}
body.mode-dark .form-control:focus + .input-group-text {
	border: 1px solid var(--amarillo-bullbet) !important;
	color: #fff;
}

body.mode-dark .acordeon-title:not(.collapsed) > .acordeon-info {
	color: #f6f6f6;
}

body.mode-dark .table-custom-white:not(.table-dark) th {
	background-color: #1e1e1f;
}

body.mode-dark .table-custom-white > tbody > tr:nth-of-type(even) > *,
body.mode-dark .table-custom-white > tbody > tr:nth-of-type(odd) > * {
	background-color: transparent;
	color: #fff !important;
	transition: 0.6s;
}

body.mode-dark .acordeon-table {
	background: #48484c;
}

body.mode-dark #tablaCuentas_paginate .pagination .paginate_button .page-link {
	color: rgba(255, 255, 255, 0.4);
}
body.mode-dark #tablaCuentas_paginate .pagination .page-item.active .page-link {
	color: rgba(255, 255, 255, 1) !important;
}

body.mode-dark #tablaCuentas_paginate .pagination .next .page-link,
body.mode-dark #tablaCuentas_paginate .pagination .previous .page-link {
	background-color: #fff;
	color: var(--gris-bullbet);
}

body.mode-dark #tablaCuentas_paginate .pagination .previous.disabled .page-link,
body.mode-dark #tablaCuentas_paginate .pagination .next.disabled .page-link {
	background-color: rgba(45, 45, 49, 0.4);
	color: #707075;
}


body.mode-dark .btn-plan {
	background: var(--amarillo-bullbet);
}
body.mode-dark .btn-plan-dark {
	color: #fff;
}

body.mode-dark .authentication-bg {
	background-color: #2d2d31 !important;
}

body.mode-dark .color-green_blue {
	color: var(--amarillo-bullbet) !important;
}

body.mode-dark .b-g-green-light .accordion-button::after,
body.mode-dark .b-g-yellow .accordion-button::after,
body.mode-dark .b-g-red .accordion-button::after {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='m1.532 12 6.182-6-6.182-6L0 1.487 4.65 6 0 10.513z'/%3E%3C/defs%3E%3Cg transform='translate%282.571%29' fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23ffffff' xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' fill='%23566a7f' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E%0A");
}

body.mode-dark .card {
	background-color: #48484c;
}
body.mode-dark .nav-link,
body.mode-dark .change-theme,
body.mode-dark .cus-label {
	color: #fff !important;
}
body.mode-dark .form-control-update {
	color: #ffffff;
	background-color: rgba(255, 255, 255, 0.11) !important;
}

body.mode-dark .content-scanner .card {
	background: #2d2d31;
	box-shadow: -9px -10px 9px 0px rgb(255 255 255 / 20%),
		-4px -2px 12px 0px rgba(255, 255, 255, 0.3);
}

body.mode-dark .btn-perfil {
	color: var(--gris-bullbet);
}
body.mode-dark .form-control-update:focus {
	background-color: rgba(255, 255, 255, 0.07) !important;
	border: 1px solid var(--amarillo-bullbet) !important;
	font-size: 14px;
	color: #2d2d31;
}
body.mode-dark .card_calculadora {
	background: #18181b !important;
	color: #fff !important;
	box-shadow: -9px -10px 9px 0px rgb(255 255 255 / 20%),
		-4px -2px 12px 0px rgba(255, 255, 255, 0.3);
}

body.mode-dark .form-control:focus {
	background-color: rgba(255, 255, 255, 0.07) !important;
	border: 1px solid var(--amarillo-bullbet) !important;
	font-size: 14px;
	color: #fff;
}
body.mode-dark .container-xxl,
body.mode-dark .text-perfil {
	background: transparent;
}

body.mode-dark .modal-content {
	background-color: #48484c;
}

body.mode-dark .dropdown-menu {
	background-color: #828287 !important;
}

body.mode-dark .nav-items-background {
	background-color: #646468;
	border: 1px solid #828287;
	box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.45);
}
body.mode-dark .bg-gray_light-extra {
	background-color: #3c3c3e !important;
}

body.mode-dark .tr-green-arbitraje:hover {
	background: linear-gradient(
			0deg,
			rgba(255, 255, 255, 1),
			rgba(255, 255, 255, 1)
		),
		#000000;
}

body.mode-dark .dropdown-item.nav-dark-text,
body.mode-dark .nav-items-background .nav-dark-text,
body.mode-dark .color_gray,
body.mode-dark .color_gray :not(.collapsed) {
	color: #fff !important;
}
body.mode-dark .text-perfil {
	color: #fff;
}

body.mode-dark .flex-grow-1 .nav-dark-text {
	color: #f2f2f2 !important;
}
body.mode-dark .bg-green_blue {
	background-color: #fff !important;
}
body.mode-dark .cus-btn {
	color: var(--gris-bullbet);
}

body.mode-dark .calculadora-tr-total {
	color: #fff;
}
body.mode-dark .calculadora-tr-total input {
	color: #fff;
	background-color: #000;
}
body.mode-dark .font-bono-day {
	color: #22ffbb;
}

body.mode-dark::-webkit-scrollbar-thumb {
	background: #22ffbb;
	border-radius: 1rem;
}

body.mode-dark .arrow-surebet {
	border: 1px solid #2d2d31;
	padding: 0.25rem;
	border-radius: 7px;
}

body.mode-dark .arrow-surebet:hover {
	background: #2d2d31;
	color: #fff;
	transition: 0.3s;
	cursor: pointer;
}

body.mode-dark .arrow-surebet-red {
	border: 1px solid #cf2c2c;
	color: #cf2c2c;
	padding: 0.25rem;
	border-radius: 7px;
}

body.mode-dark .arrow-surebet-red:hover {
	background: #cf2c2c;
	color: #fff;
	transition: 0.3s;
	cursor: pointer;
}
body.mode-dark .little_span,
body.mode-dark .little-span_vert,
body.mode-dark .little_span-filter {
	background-color: #fff;
}

body.mode-dark .title_plan.promo.navidad {
	color: #ffdd00 !important;
}
body.mode-dark .card-body .promo.navidad .date_valid,
body.mode-dark .card-body .promo.navidad .pre-price {
	color: #f92d54 !important;
}
body.mode-dark .content-freactures.promo.navidad h6.color_gray,
body.mode-dark .card-body .promo.navidad .price-act {
	color: #7aceb8 !important;
}
body.mode-dark .js-cardlive .card-planes:has(.promo.navidad) {
	border: 1px solid #f92d54 !important;
}
body.mode-dark
	.js-cardlive
	.card-planes:has(.promo.navidad)
	.btn_details-live.promo
	.btn {
	color: #fff !important;
	background-color: #f92d54 !important;
}
body.mode-dark
	.js-cardlive
	.card-planes:has(.promo.navidad)
	.btn_details-live.promo
	.btn:hover {
	color: #ffdd00 !important;
}

body.mode-dark .swal2-popup.swal2-modal.swal2-show {
	background: #48484c !important;
}
body.mode-dark button.swal2-confirm.swal2-styled {
	background: #ffffff !important;
	color: var(--gris-bullbet) !important;
}
body.mode-dark .swal2-title {
	color: #fff !important;
}
body.mode-dark button.swal2-cancel.swal2-styled {
	border: 1px solid #ffffff;
	background-color: rgba(0, 0, 0, 0) !important;
	color: #fff !important;
}

body.mode-dark .select-avatar-img.new_avatar,
body.mode-dark .select-avatar-img:hover {
	border: 1px solid rgba(255, 255, 255, 0.45);
}

body.mode-dark .planes_content-info {
	background: radial-gradient(
		119.98% 119.98% at 50.13% 7.37%,
		rgba(0, 0, 0, 0.42) 0%,
		rgba(0, 0, 0, 0.75) 62.29%
	);
}

.bg-chat {
	background-color: #18181b;
}

/* THEME 2 DARK*/

body.mode-dark-theme2 {
	--bg-dark-theme2: rgb(9, 20, 42);
	--bg-orange-theme2: rgb(226, 162, 77);
	--bg-aside: var(--bg-dark-theme2);
    --bg-navbar: var(--bg-dark-theme2);
	--tr-green-arbitraje: var(--bg-dark-theme2);
	--font-tr-arbitraje: #fff;
	--green-arbitraje: rgba(9, 20, 42, .5);
	--yellow-arbitraje: rgba(9, 20, 42,.2);
	--font-arbitraje: rgb(236, 236, 238);
}

body.mode-dark-theme2 .dropdown-menu {
	background-color: var(--bg-dark-theme2) !important;
}

body.mode-dark-theme2 .layout-page.bg_green-middle_gray {
	background-color: rgb(8, 16, 32) !important;
}

body.mode-dark-theme2 .card {
	/* background-color: rgba(9, 20, 42,.3); */
}

body.mode-dark-theme2 .bg-chat {
	background-color: var(--bg-orange-theme2);
}

body.mode-dark-theme2 .content-scanner .card .card-header{
	background-color: var(--bg-orange-theme2);
}

body.mode-dark-theme2 .active-link {
	background-color: rgba(243, 157, 47,.4);
    color: var(--bg-orange-theme2) !important;
}

body.mode-dark-theme2 .tr-green-arbitraje {
	background-color: var(--tr-green-arbitraje) !important;
	color: var(--font-tr-arbitraje) !important;
}

body.mode-dark-theme2 .tr-green-arbitraje:hover {
	background: linear-gradient(
			0deg,
			rgba(243, 157, 47,.15),
			rgba(243, 157, 47,.15)
		),
		var(--bg-dark-theme2);
}

body.mode-dark-theme2 .green-arbitraje {
	background-color: var(--green-arbitraje) !important;
	color: var(--font-arbitraje);
}

body.mode-dark-theme2 .yellow-arbitraje {
	background-color: var(--yellow-arbitraje) !important;
	color: var(--font-arbitraje);
}

body.mode-dark-theme2 .modal-content {
	background-color: var(--bg-dark-theme2) !important;
}

body.mode-dark-theme2 .layout-page {
	background-color: var(--bg-dark-theme2) !important;
}

body.mode-dark-theme2 .card {
	background-color: rgba(16, 35, 75, 0.5) !important;
}

body.mode-dark-theme2 .style-evento {
	background-color: #000;
	color: #fff;
}

body.mode-dark-theme2 .cus-btn {
	background-color: var(--bg-dark-theme2) !important;
	color: #fff;
}

body.mode-dark-theme2 .style-time {
	background-color: #000;
	color: #fff;
}

/* THEME 2 LIGHT*/

body.mode-light-theme2 {
	--bg-light-theme2: rgb(19, 35, 91);
	--bg-orange-theme2: rgb(243, 157, 47);
	--bg-white-theme2: rgb(236, 236, 238);
	--tr-green-arbitraje: rgb(255, 255, 248);
	--green-arbitraje: rgb(241, 241, 247);
}

body.mode-light-theme2 .bg-navbar {
	background-color: var(--bg-white-theme2) !important;
}

body.mode-light-theme2 .active-link {
	background-color: rgba(243, 157, 47,.4);
    color: var(--bg-orange-theme2) !important;
}

body.mode-light-theme2 .bg-aside {
	background-color: var(--bg-light-theme2) !important;
}

body.mode-light-theme2 #recargable tr{
	color: var(--bg-light-theme2) !important;
}

body.mode-light-theme2 .tr-green-arbitraje {
    color: var(--bg-light-theme2) !important;
	box-shadow: inset 0 -1px 1px 0 #a3a3a3, inset 1px 0 1px 0 #a3a3a3, inset 0 1px 1px 0 #a3a3a3;
	/* border-top: .5px solid #313131 !important;
	border-bottom: .5px solid #313131 !important; */
}

body.mode-light-theme2 .css-calculator {
    background-color: #2d2d2d;
	color: #fff !important;
	padding: 3px 10px 3px 10px;
}

body.mode-light-theme2 .card_calculadora {
    background-color: var(--bg-light-theme2);
	color: #fff !important;
}

body.mode-light-theme2 .btn-outline_green {
    border-color: var(--bg-white-theme2);
	color: var(--bg-orange-theme2) !important;
}

body.mode-light-theme2 .style-evento {
    background-color: var(--bg-white-theme2);
	color: var(--bg-light-theme2);
}

body.mode-light-theme2 .bg-chat {
    background-color: var(--bg-light-theme2);
}

body.mode-light-theme2 .layout-page {
	background-color: rgb(214, 214, 210) !important;
}

body.mode-light-theme2 .cus-btn {
	background-color: var(--bg-white-theme2) !important;
	color: var(--bg-light-theme2);
}

body.mode-light-theme2 .style-time {
	background-color: var(--bg-white-theme2);
	color: var(--bg-light-theme2) !important;
}

body.mode-light-theme2 .style-cabeceracalculadora {
	background-color: var(--bg-light-theme2);
	color: var(--bg-white-theme2);
}

body.mode-dark .bg-amarillo-card {
	background-color: var(--amarillo-bullbet) !important;
}

body.mode-dark-theme2 .bg-amarillo-card {
	background-color: var(--amarillo-bullbet) !important;
}

body .bg-amarillo-card {
	background-color: var(--amarillo-bullbet) !important;
}

body.mode-light-theme2 .bg-amarillo-card {
	background-color: var(--amarillo-bullbet) !important;
}