/*IMPORTA LA FUENTE bankgothic.ttf que se encuentra en la carpeta fonts*/
@font-face {
	font-family: 'Bebas Neue';
	src: url('../fonts/Xolonium-Regular.otf') format('truetype');
}

@font-face {
	font-family: 'Bebas NeueB';
	src: url('../fonts/Xolonium-Bold.otf') format('truetype');
}
@font-face {
	font-family: 'gang';
	src: url('../fonts/gang.otf') format('truetype');
}

@font-face {
	font-family: 'eth';
	src: url('../fonts/eth.otf') format('truetype');
}

@font-face {
	font-family: 'display';
	src: url('../fonts/display.ttf') format('truetype');
}

@font-face {
	font-family: '"Quicksand"';
	src: url('../fonts/"Quicksand".ttf');
}

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

::selection {
	background-color: var(--color-acent);
	color: white;
}

option {
	color: white !important;
}

option:disabled {
	opacity: 0.5 !important;
	color: rgba(206, 29, 118, 0.514) !important;
}



:root {
	/* --color-acent: rgb(206, 29, 117); */
	--color-acent: black;
	--color-secondary: #3e1774;
	--color-green: #8aff8a;
	--color-amarillo: rgb(255 210 47);
	--color-blue: #8adfff;
	--color-danger: #ff223f;
	--cubic: cubic-bezier(0, 0.53, 0.11, 0.995);
	--gradient-shadow: linear-gradient(45deg,
			#fb0094,
			#0000ff,
			#00ff00,
			#ffff00,
			#ff0000,
			#fb0094,
			#0000ff,
			#00ff00,
			#ffff00,
			#ff0000);
}

body {
	color: white;
	background-color: unset !important;
	font-family: 'Quicksand';
}

* {
	-webkit-font-smoothing: subpixel-antialiased;
	user-select: none;
}

h1,
h2,
h3,
h4,
h5 {
	font-family: 'Quicksand';
	font-weight: 300 !important;
	margin: 0;
	color: white;
	text-transform: uppercase;
}

h5 {
	font-size: 2vh;
}

input,
textarea {
	outline: unset;
}

label {
	font-size: 1.5vh;
	text-transform: uppercase;
	opacity: 0.8;
	color: white;
}

select option {
	padding: 1vh 1vh;
	background-color: #09111e;
	color: var(--color-acent);
}

.form-control {
	font-size: 1.5vh;
	padding: 0.5vh 1vh;
	background-color: #0000003b;
	border: unset !important;
	font-weight: 600;
	color: white;
	/* border-radius: 20px; */
	border: 1px solid #ced4da;
}

.form-control:focus {
background-color: #0000003b;
	color: white;
	box-shadow: unset !important;
}

.form-select {
	border-radius: 20px !important;
}

.badge-acent {
	color: white;
	font-size: 1.5vh;
	padding: 0.1vh 0.5vh;
	border-radius: 5px;
	font-weight: 600;
	width: max-content;
	background: linear-gradient(13deg, var(--color-acent), var(--color-acent));
}

.bankgothic {
	font-family: 'Bebas Neue' !important;
}

.gradient-text {
	background: #eb0299;
	background: linear-gradient(to right, #e9127f 0%, #ffd335 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.c-modal .text-muted {
	--bs-text-opacity: 1;
	color: #0000004d !important;
}

.text-muted {
	--bs-text-opacity: 1;
	color: #ffffff4d !important;
}

.input {
	background-color: #00000052;
	border: unset;
	padding: 0.5vh 1vh;
	line-height: 2vh;
	border-radius: 1vh;
	color: white;
	transition: var(--cubic) 0.5s all;
	/* font-size:1vh; */
	font-family: 'Quicksand';
}

.input:hover {
	background-color: #00000069;
}

p {
	font-size: 1.2vh;
	font-weight: 100;
	letter-spacing: 0.1vh;
	margin: 0;
}

h4 {
	font-size: 1.7vh;
	font-family: 'Bebas Neue';
}

.text-success {
	color: var(--color-green) !important;
}

.btn {
	font-size: 1.4vh !important;
}

.btn-action.fichar {
	width: 100%;
}

.btn-action {
	cursor: pointer;
	font-weight: 600;
	font-size: 1.4vh;
	border: unset;
	color: #ffffff;
	text-transform: uppercase;
	background: linear-gradient(to top, #8910da, transparent);
	border-radius: 0vh;
	padding: 0.5vh 1vh;
	transition: 0.3s var(--cubic) all;
	height: max-content;
	font-family: "Bebas Neue";
	border: 1px solid rgba(255,255,255,.2);
	/* box-shadow: 0.3vh 0.3vh grey; */
}

.btn-action:hover {
	color: rgba(255,255,255,.5);
	transform: scale(1.05);
}

/* .btn-action:active {
	border-color: rgba(255, 255, 255, 0.432);
	transform: scale(0.95);
	outline: unset;
	box-shadow: unset;
} */

.btn-action-mini {
	padding: 0 0.5vh;
	background: white;
	border-radius: 1vh;
	text-transform: uppercase;
	backdrop-filter: blur(10px);
	cursor: pointer;
	transition: 0.3s var(--cubic) all;
	font-size: 1.4vh;
	color: black;
	box-shadow: 0 0 10px rgb(255 255 255 / 19%);
	text-shadow: 0 0 10px #9bb6d100;
	border: 0.2vh solid #ffffff;
	font-family: 'Quicksand';
	font-weight: 900;
}

.btn-action-mini:hover {
	background-color: var(--color-acent);
	color: white;
}

.btn-action-mini:active {

	transform: scale(0.95);
}

.btn-small {
	font-size: 1.1vh !important;
	padding: 0 0.5vh;
}

.bg-morado {
	background-color: #961b58;
	color: white;
}

.screen {
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.701), rgba(0, 0, 0, 0.553)), url('../img/bg.png');
	background-size: cover;
	background-position: center;
	position: fixed;
	transition: 0.5s var(--cubic) all;
	transform: scale(1.2);
	opacity: 0;
}

.screen.show {
	transform: scale(1);
	opacity: 1;
}

.w-33 {
	width: 33.33%;
}

.maya {
	background: url('https://i.imgur.com/rbWwdNH.png');
	width: 800%;
	position: absolute;
	top: -400%;
	right: -400%;
	height: 800%;
	opacity: 0.5;
	animation-name: rotate;
	animation-duration: 540s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	z-index: -1;
	mix-blend-mode: color-dodge;
}

.markers-options {
	gap: .5vw;
}

.app {
	width: 160vh;
	margin: 0 auto;
	margin-top: 7vh;
	/* max-width: 1920px; */
}

.apps {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	display: none;
}

.card {
	/* border-radius: 10px; */
	background: linear-gradient(1deg, #dfdfdf, white);
	border: unset;
	box-shadow: 0.5vh 0.5vh 20px #0000002e, inset 0 0 30px #0000001f;
	transition: var(--cubic) 0.5s all;
	color: black;
}

.card:hover {
	/* background-color:rgba(255, 255, 255, 0.582); */
}

.card-home {
	/* height: 34.5vh; */
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	/* perspective: 1000px; */
}

.secondary-box {
	border-radius: 0.5vh;
	color: #f3f3f3;
	padding: 1vh;
	/* border: 1px solid #ffffff0f; */
	width: max-content;
	box-shadow: 0 0 20px #0000002b;
	border: 1px solid rgba(255,255,255,.2);
	transition: 0.5s var(--cubic) all;
	cursor: pointer;
	background: linear-gradient(to top,rgb(82 20 20 / 5%), rgba(0,0,0,.3)) !important;
	/* border: unset !important; */
	position: relative;
	overflow: hidden;
	transition: .2s cubic-bezier(0, 0.53, 0.11, 0.995);

	backdrop-filter: blur(15px);
}

.secondary-box i {
	position: absolute;
	opacity:.1;
	transition: .2s cubic-bezier(0, 0.53, 0.11, 0.995);
	transform: scale(2) rotate(20deg);
}


.secondary-box:hover {
	opacity:.5;
	
/* 	background-color: rgb(255, 255, 255); */
}

.secondary-box:hover i {
	transform: scale(3) rotate(40deg);
	opacity:.06;
	
/* 	background-color: rgb(255, 255, 255); */
}

.home .secondary-box .title {
	font-size: 1.8vh;
}

.secondary-box .title {
	font-family: 'Bebas Neue', cursive;
	font-size: 1.3vh;
	text-transform: uppercase;
	line-height: 1.5vh;

}

.home .user-avatar {
	width: 9vh;
	background-size: cover;
	background-position-x: center;
	/* border-radius: 10px; */
	height: 100%;
	flex-shrink: 0;
	position: absolute;
	height: 9vh;
	border-radius: .5vh;
	border: 0.4vh solid rgb(46 5 5 / 28%);
	left: -2.2vh;
	transform: scale(1.1);
	/* box-shadow: 0 0 20px #00000047; */
}

.home h4 {
	margin-bottom: 0;
}

.home .user-info {
	width: 100%;
	color: black;
	display: flex;
	justify-content: space-between;
}

.home .player-stats {
	display: flex;
	flex-wrap: wrap;
	/* background-color: #ffffff05; */
	box-shadow: 0 0 30px rgb(0 0 0 / 19%);
	color: white;
	/* border-radius: 10px; */
	/* width: 28vh; */
	/* opacity: 0; */
	font-size: 1.5vh !important;
	padding: 1vh;
	position: absolute;
	justify-content: space-between;
	height: 7vh;
	right: 48%;
	align-items: center;
	/* margin-top: 2vh; */
}

.home .player-stats .bgicon {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

.home .player-stats .bgicon i {
	font-size: 13vh;
	color: rgb(255 255 255 / 12%);
	position: absolute;
	top: -3vh;
	left: 2vh;
	transform: rotate(25deg);
}

.home .player-stats .player-stat {
	width: calc(50% - 0.8vh);
	/* padding: 0.25vh; */
	margin: 0.1vh 0.25vh;
	line-height: 1.2vh;
	font-size: 1.4vh;
	font-family: 'Quicksand';
	font-weight: bolder;
	color: #ffffffa8;
	display: flex;
	/* gap: 0.5vh; */
	justify-content: space-between;
	align-items: center;
	/* border: 1px solid rgba(255, 255, 255, 0.219); */
	/* background-color: rgba(255, 255, 255, 0.123); */
	z-index: 999;
	text-transform: uppercase;
}

.home .player-stats .player-stat .stat-value {
	color: #ffffff59;
	/* text-shadow: 0 0 10px rgb(253 253 253); */
	transform: scale(1.2);
	font-size: 1.5vh;
}

/* .home .player-stats .player-stat .stat-value.experience {
	color: goldenrod;
	text-shadow: 0 0 10px goldenrod;
} */

.home .user-stats {
	width: 33vh;
}

/* aqui esta */
.home .user-stat {
	font-family: 'Bebas Neue';
	font-size: 2vh;
	/* margin-right: 2vh; */
	color: white;
	padding-top: 0.5vh;
	letter-spacing: 0.1vh;
	/* background-color: rgb(255 255 255 / 86%); */
	padding: 0 0vh;
	margin-top: 1vh;
	padding-top: 0.3vh;
	white-space: nowrap;
	height: max-content;
	/* display: flex; */
	border-bottom: 1px solid #ffffff52;
	/* place-items: center; */
	box-shadow: 0 0 20px #00000036;
	position: relative;
	padding-left: 3vh;
	/* gap: 1vh;*/
	overflow: hidden;
	text-overflow: ellipsis;
}

.home .white-circle {
	/* width: 4.5vh; */
	height: 4.5vh;
	display: flex;
	place-content: center;
	place-items: center;
	position: absolute;
	left: 0;
	top: -0.5vh;
	font-size: 2vh;
}

.header .secondary-box {
	width: 15vh;
	/* margin-left:3vh; */
}

.friends {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	visibility: hidden;
}

.friends.show {
	/* display:block; */
	visibility: visible;
}

.friends .friends-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	backdrop-filter: blur(15px);
	animation: fadeOut 0.3s ease-in-out forwards;
	z-index: 1;
}

.friends.show .friends-bg {
	animation: fadeIn 0.4s ease-in-out forwards;
}

.friends.vehiculos .friends-block {
	padding: 3vh 0 0 0;
}

.friends .friends-block .titulo {
	margin-left: 3vh !important;
	margin-bottom: 2vh !important;
	font-size: 2vh;
}

.friends .friends-block {
	position: fixed;
	right: 0;
	top: 0;
	width: 40vh;
	height: 100%;
	background-color: rgb(0 0 0 / 79%);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.397);
	padding: 3vh;
	color: white;
	border-left: 1px solid rgba(255, 255, 255, 0.068);
	z-index: 2;
	transform: translateX(20vh);
	visibility: hidden;
	opacity: 0;
	transition: var(--cubic) 0.5s all;
}

.friends.show .friends-block {
	transform: translateX(0vh);

	opacity: 1;
	visibility: visible;
}

.friends .friend-list {
	margin-top: 2vh;
}

.friends .friend {
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 8px 32px 0 rgba(255, 255, 255, 0.11);
	/* backdrop-filter: blur( 0px ); */
	-webkit-backdrop-filter: blur(0px);
	border-radius: 10px;
	/* border: 1px solid rgba( 255, 255, 255, 0.18 ); */
	display: flex;
	color: black;
	overflow: hidden;
	margin-bottom: 1vh;
	cursor: pointer;
	transition: 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) all;
}

.friends .friend:hover {
	box-shadow: 0 8px 32px 0 rgba(255, 255, 255, 0.295);

	background: rgba(255, 255, 255, 0.842);
}

.friends .friend .avatar {
	width: 8vh;
	background-image: url('../img/temp-user.png');
	background-position: center;
	background-size: cover;
}

.friends .friend .info {
	padding: 1.5vh;
}

.friends .friend .name {
	font-family: bankgothic;
}

.friends .friend .status {
	color: rgb(0, 128, 68);
	font-weight: 400;
}

.livenow {
	width: 1.6vh;
	height: 1.3vh;
	/* padding: 2vh; */
	margin: 0 auto;
	display: inline-block;
}

.livenow>div {
	vertical-align: middle;
	width: 1.5vh;
	height: 1.5vh;
	border-radius: 100%;
	position: absolute;
	margin: 0 auto;
	border: 3px solid rgba(0, 128, 68, 0.418);
	-webkit-animation: live 1.4s infinite ease-in-out;
	animation: live 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.livenow>div:nth-child(1) {
	background-color: rgba(49, 170, 114, 0.514);
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}

.livenow>div:nth-child(2) {
	-webkit-animation-delay: 0.16s;
	animation-delay: 0.16s;
}

.livenow>div:nth-child(3) {
	-webkit-animation-delay: 0.42s;
	animation-delay: 0.42s;
	border: 3px solid rgba(32, 165, 103, 0.37);
}

.livenow>div:nth-child(4) {
	border: 3px solid rgba(0, 128, 68, 0.411);
	-webkit-animation-delay: -0.42s;
	animation-delay: -0.42s;
}

.home .app-grid {
	width: 100%;
	display: flex;
}

.home .app-grid .app-button {
	/* background: rgba( 255, 255, 255, 0.55 ); */
	box-shadow: 0 0px 20px 0 rgb(255 255 255 / 37%);
	backdrop-filter: blur(0px);
	border-radius: 3px;
	border: 4px solid rgb(255 255 255);
	padding: 2vh;
	color: #ffffffcc;
	cursor: pointer;
	margin-right: 2vh;
	transition: 0.5s var(--cubic) all;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	/* text-shadow: 0 0 10px black; */
	overflow: hidden;
	background-size: 110%;
	/* background-position: center center; */
	background-position: center -8vh;
}

.home .app-grid .app-button:hover {
	/* transform:scale(1.03); */
	box-shadow: 0 0 20px #ffffff94;
	background-size: 100%;
	filter: brightness(1.1);
}

.home .app-grid .app-button h1 {
	transition: 0.5s var(--cubic) all;
	font-weight: 600 !important;
	font-size: 2.8vh !important;
	color: black;
	z-index: 2;
	width: 100%;
	transform-origin: left;

	text-align: left;
}

.home .app-grid .app-button:hover h1 {
	transform: scale(1.1);
	letter-spacing: 0.5vh;
}

.home .app-grid .app-button .bg-title {
	position: absolute;
	bottom: -3vh;
	width: 117%;
	left: -3vh;
	background-color: white;
	height: 10vh;
	transform: rotate(2deg);
	transition: 0.5s var(--cubic) all;
}

.home .app-grid .app-button:hover .bg-title {
	bottom: -1vh;
}

.home .app-grid .app-button .gradient-bg {
	width: 150%;
	height: 100%;
	position: absolute;
	background: #000000b8;
	transform: rotate(2deg) scale(1.2);
	top: -22vh;
	left: 0;
	/* border-radius: 100%; */
	transition: 0.5s var(--cubic) all;
}

.home .app-grid .app-button:hover .gradient-bg {
	top: -11vh;
}

.home .app-grid .app-button.button-police {
	background-image: url('https://img.gta5-mods.com/q75/images/slicktop-lspd-vapid-interceptor-torrence-add-on/a9a95a-271590_20200726143218_1.png');

	width: 50vh;
	height: 25vh;

	/* filter: brightness(0.1); */

	/* transition:1s var(--cubic) all; */
}

.home .app-grid .app-button.button-shop {
	background-image: url('../img/temp/vehiculos.png');

	width: 40vh;
	height: 25vh;

	/* filter: brightness(0.1); */

	/* transition:1s var(--cubic) all; */
}

.back-home {
	position: fixed;
	top: .8vh;
	left: 1vh;
	animation: fadeInDown 0.5s cubic-bezier(0.005, 0.39, 0.06, 1.01) forwards;
	padding: 0.8vh;
	background: black;
	/* 	background: linear-gradient(45deg, var(--color-secondary), #3e1774ba); */
	/* border-radius: 100%; */
	/* border: 1px solid #ff00571a; */
	text-transform: uppercase;
	cursor: pointer;
	/* 	background-color: rgba(255, 2, 120, 0); */
	transition: 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) all;
	animation-delay: 0.5s;
	opacity: 0;
	font-size: 1.5vh;
	color: #ffffffbf;
	box-shadow: 0 0 10px rgb(0 0 0 / 19%);
	text-shadow: 0 0 10px #ffffff00;
	border: 0.1vh solid #ffffff14;
	z-index: 9999999999;
}

.back-home:hover {
	background-color: #ffffff2e;
	color: white;
	box-shadow: 0 0 20px #ff8dc770;
	transform: scale(1.05);
}



.back-section i {
	margin-right: 1vh;
}

.back-section {
	position: fixed;
	top: 0.8vh;
	left: 6vh;
	opacity: 0;
	display: none;
	z-index: 9999999999;
}

.back-section>div {
	background: #20012a;
	/* border-radius: 100px; */
	/* border: 0.1vh solid #ff00571a; */
	text-transform: uppercase;
	cursor: pointer;
	/* box-shadow: 0.3vh 0.3vh rgb(189 60 100); */
	transition: 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) all;
	font-weight: bold;
	padding: 0.3vh 0;
}

.back-section>div:hover {
	box-shadow: 0 0 0 rgb(189 60 100);
	transform: translateX(.3vh) translateY(.3vh);
}

.title-1 {
	text-align: center;
	border-radius: 1vh;
	padding: 0 0.7vh;
	display: flex;
	flex-direction: column;
	align-content: center;
	margin-bottom: 1vh;
	font-size: 1.8vh;
	font-family: 'Bebas Neue', cursive !important;
	background-color: black;
/* 	background: linear-gradient(51deg, rgb(255 210 47 / 89%), rgb(236 75 125 / 90%)); */
	/* border: 1px solid rgb(249 249 249 / 9%); */
	letter-spacing: 2px;
	/* box-shadow: 0 0 20px #a505a56b; */
	color: white;
	text-transform: uppercase;
}

.title-2 {
	text-align: center;
	border-radius: 20px;
	padding: 0 1vh;
	display: flex;
	flex-direction: column;
	align-content: center;
	font-size: 1.6vh;
	font-family: 'Bebas Neue';
	background: #ffffff;
	border: 1px solid rgb(255 255 255 / 15%);
	letter-spacing: 2px;
	line-height: 4vh;
	color: var(--color-acent);
	text-transform: uppercase;
	line-height: 2.5vh;
}

.app-title {
	color: white;
	padding: 1vh 1.5vh;
	border-radius: .2vw;
	/* box-shadow: 0 0 .8vh white; */
	font-size: 2.5vh;
	text-align:
	center;
	border: 1px solid #ffffff1f;
	background: linear-gradient(to bottom, transparent, #8910da);
	font-family: 'Bebas NeueB';
	text-transform: uppercase;
	font-weight: 300 !important;
}

.app-title h1 {
	font-family: "Bebas Neue";
}

.btn-secondary {
	color: #000;
	background-color: #ffffffad;
	font-family: 'Bebas Neue';
	text-transform: uppercase;
	border: 1px solid white;
	border-radius: 2vh;
	box-shadow: 0 0 10px #ffffff54;
	transform: var(--cubic) 0.5s all;
}

.btn-secondary:hover {
	background-color: white;
	box-shadow: 0 0 10px #ffffff81;
	border-color: white;
	color: black;
}

.btn-danger {
	font-family: 'Bebas Neue';
	text-transform: uppercase;
	border-radius: 2vh;
	background: linear-gradient(45deg, #8910da, #8910da);
	background-color: transparent;
	border-color: #8910da !important;
	letter-spacing: 0.1vh;
	font-size: 1.6vh !important;

}

.btn-warning {
	letter-spacing: 0.1vh;
	font-size: 1.6vh !important;
	color: #fff !important;
	background-color: #cd9700 !important;
	border-color: #ffc107 !important;
	font-family: Bebas Neue;
}

.btn-warning:hover {
	background-color: #ffc928;
	box-shadow: 0 0 10px #ffc92856 !important;
}

.btn-success {
	letter-spacing: 0.1vh;
	font-size: 1.6vh !important;
	color: #fff !important;
	background-color: #6fa94a;
	border-color: #92bf75;
	font-family: Bebas Neue;
}

.btn-success:hover {
	background-color: #7fb45e !important;
	box-shadow: 0 0 10px #6ea94a42 !important;
	border-color: #92bf75 !important;
}

.btn-group>.btn-success:focus {
	background-color: #7fb45e !important;
}

.btn-search {
	background-color: black;
/* 	background: linear-gradient(45deg, var(--color-acent), var(--color-amarillo)); */
	border: unset;
	color: rgba(255, 255, 255, 0.836);
	height: 100%;
	border-radius: 0 20px 20px 0;
	box-shadow: 0 0 20px #78003c00;
	background-color: transparent;
	transition: var(--cubic) 0.5s all;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-search:hover {
/* 	box-shadow: 0 0 20px #ffb473; */
	opacity: .5;
	color: white !important;
}

.btn-search:active {
	border-color: #ffffff41;
	transition: var(--cubic) 0.5s;
}

.btn-search i {
	transform: translateY(0.1vh);
	color: white !important;
}

.search-box {
	margin-top: 1vh !important;
	margin-bottom: 1vh !important;
	/* box-shadow: 0 0 20px #00000042; */
	border-radius: 20px;
	transition: var(--cubic) 0.3s all;
	overflow: hidden;
}



.search-input {
	background-color: #00000057;
	padding: 0.5vh 1vh;
	border-radius: 20px 0 0 20px;
	font-size: 1.5vh;
	color: white;
	transition: var(--cubic) 0.5s all;
	border: 1px solid #ffffff26;
}

.search-input::placeholder {
	color: rgba(255, 255, 255, 0.63);
}

.search-input:hover,
.search-input:focus {
	background-color: #ffffff23;
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
	color: #fff;
	/* background-color: #00b8ff87; */
	background-color: var(--color-acent);
	background-color: transparent;

}

.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
	z-index: 1;
	background-color: var(--color-acent);
	border-color: var(--color-acent);
}

.btn-outline-primary {
	color: #ffffff;
	border-color: rgb(255 255 255);
	font-size: 2vh;
	padding: 0.5vh 0;
	font-family: 'Bebas Neue';
	background: #ffffffc9;
	color: var(--color-acent);
	border-radius: 2vh;
}

.btn-outline-primary:hover {
	background-color: rgb(255, 255, 255);
}

.list-group-item {
	position: relative;
	display: block;
	padding: 0.5rem 1rem;
	color: #ffffff;
	text-decoration: none;
	background-color: #ffffff17;
	border: 1px solid rgb(255 255 255 / 13%);
	transition: var(--cubic) 0.5s all;
	/* border-radius: 10px !important; */
}

.list-group-item:first-child {
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
}

.list-group-item:last-child {
	border-bottom-right-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
	z-index: 1;
	color: #ffffff;
	text-decoration: none;
	background-color: #f8f9fa38;
}

.admin-button {
	position: fixed;
	top: 1vh;
	width: 100%;
	text-align: center;
	left: 0;
}

.btn-app {
	width: 100%;
	position: relative;
	cursor: pointer;
	height: 100%;
}

.btn-app::after {
	/* background: var(--color-secondary); */
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	/* border: 0.2vh solid white; */
	border-radius: 2vh;
	top: 0.5vh;
	left: 0.5vh;
}



.btn-app:hover .app-box {
	filter: brightness(1.4);
	box-shadow: 0 0 .8vh black;
}

.btn-app.bloqueada {
	pointer-events: none;
	filter: grayscale(1);
	opacity: .8;
}

.app-box {
	
	width: 100%;

	cursor: pointer;
	/* background-color: transparent; */
	transition: var(--cubic) 0.5s all;
	/* box-shadow: 0 0 30px #00000052; */
	background-position: center;
	overflow: hidden;
	height: 100%;
	cursor: pointer;
	position: relative;
}

.app-box:hover {
	/* background-size: auto 176%; */
}

.btn-app:hover .app-info {
	letter-spacing: 0.5vh;
}

.app-info {
	position: absolute;
	top: 0;
	width: 100%;
	/* height: 100%; */
	left: 0;
	border: 0px solid rgba(255,255,255,1);
	background: linear-gradient(359deg, #8910da, rgb(255 255 255 / 38%));
	padding: 1vh 2vh;
	padding-top: 1.5vh;
	/* border-radius: 0 0 10px 10px; */
	/* box-shadow: 0 0 20px rgb(0 0 0 / 38%); */
	transition: cubic-bezier(0.5, 0, 1, 0.75) 0.3s all;
	height: 100%;
	/* transform: translateY(28vh); */
	mix-blend-mode: hard-light;
	/* border-radius: 2vh; */
}

.app-info img {
	width: 7vh;
	border-radius: .2vh !important;
	top: 7.5vh;
	transition: var(--cubic) 0.5s all;
	transition-delay: 0s;
	/* filter: invert(1); */
	/* border: 1px solid rgba(255,255,255,.4); */
	/* background: linear-gradient(to top, #360707, transparent); */
	/* border-radius: 100%; */
	padding: 1vh;
}

.btn-app:hover .app-info img {

	transition-delay: 0.3s;
}

.app-box-info {
	position: absolute;
	bottom: 2vh;
	margin: 0;
	width: calc(100% - 4vh);
	left: 2vh;
	color: white;
	/* background: #400505; */
	opacity: 100%;
	/* z-index: 0; */
	border-radius: .2vh;
	/* background: linear-gradient(to right, rgb(64 4 4), #320505); */
	/* text-shadow: 0 0 29px rgb(102 55 137 / 58%); */
	padding: 1vh;
	box-shadow: 0 0 30px #ffffff47;
}

.app-description p {
	color: black;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: overline;
	text-decoration-style: wavy;
	margin-top: 0.5vh;
	font-size: 1.5vh;
}

.app-box-title h1 {
	font-size: 2.5vh;
	font-family: 'Bebas Neue';
	line-height: 2.5vh;
}

.lista-facturas::-webkit-scrollbar {
	width: 0;
}

.lista-comercios::-webkit-scrollbar {
	width: 0;
}

.lista-comercios {
	overflow-y: auto;
	padding-bottom: 1vh;
	/* border-bottom: 1px solid #ffffff4f; */
	/* border-top: 1px solid #ffffff4f; */
	box-shadow: 0 0 40px #00000040;
	height: 68.5vh;
	border: 1px solid rgba(255,255,255,.1);
	/* padding: 1vh; */
	/* background: black; */
	/* border: 1px solid rgba(255,255,255,.1); */
	gap: 0.5vh;
	width: 31vh;
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
}

.lista-comercios .factura {
	background-color: #8910da;
	/* border-radius: 0.5vh; */
	color: #ffffff;
	transition: .2s cubic-bezier(0, 0.53, 0.11, 0.995) all;
	width: 100%;
}

.lista-comercios .factura:hover {
	letter-spacing: 1px;
}

.select-tags {
	width: 100%;
	border-radius: 0.5vh;
}

.lista-comercios .factura h3 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 21vh;
	overflow: hidden;
	/* width: 28vh; */
}

.factura {
	padding: .7vh;
	/* border: 1px solid rgb(196 196 196 / 6%); */
	background-color: #00000059;
	border-bottom: 1px solid #ffffff0f;
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* gap: 1vh; */
}

/* .factura:last-child{
    border-bottom:unset;
} */

.factura h4 {
	font-size: 1.3vh;
	font-weight: 500 !important;
	font-family: 'Bebas Neue';
	line-height: 2vh;
	padding-top: 0.9vh;
}

.factura .info-factura {
	width: 100%;
}

.factura .info-factura h3 {
	line-height: 2vh !important;
	ing-top: 0.3vh !important;
	/* letter-spacing: 0.1vh !important; */
	color: white;
	/* text-shadow: 0 0 20px #d9ffd9 !important; */
	/* text-shadow: 0 0 20px #d9ffd9 !important; */
	font-size: 1.5vh;
}

.factura img {
	width: 3.1vh;
}

.factura p {
	font-size: 1.2vh;
}

.factura .display-6 {
	font-size: 2.5vh !important;
}

.factura .text-success {
	color: var(--color-green) !important;
	text-shadow: 0 0 10px #8aff8a80;
	padding-top: 0.4vh;
}

.factura .btn-action {
	font-weight: 300 !important;
	padding: 0.5vh 1vh !important;
	/* position: relative; */
	/* right: 15%; */
	/* background: #d5d5d5; */
	/* color: rgb(106 106 106); */
}

.btn-card-home {
	background-color: #ffffffcf;
	border-radius: 5px;
	color: black;
	display: flex;
	align-items: center;
	justify-content: center;
	/* height: 8vh; */
	border: 1px solid white;
	cursor: pointer;
	transition: 0.5s var(--cubic) all;
	/* margin-bottom: 0.5vh; */
	font-family: 'Bebas Neue';
	font-size: 2.3vh;
	width: 100%;
}

.btn-card-home:hover {
	transform: scale(1.05);
	/* color:white; */
}

*::-webkit-scrollbar {
	width: 0.3vw;
	/* width of the entire scrollbar */
}

*::-webkit-scrollbar-track {
	background: transparent;
	/* color of the tracking area */
}

*::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0.795);
	/* color of the scroll thumb */
	border-radius: 20px;
	/* roundness of the scroll thumb */
	border: 3px solid rgba(255, 166, 0, 0);
	/* creates padding around scroll thumb */
	transition: 0.3s var(--cubic) all;
}

*::-webkit-scrollbar-thumb:hover {
	background-color: rgb(255, 255, 255);
}

.c-modal *::-webkit-scrollbar-thumb {
	background-color: rgba(36, 36, 36, 0.432);
	/* color of the scroll thumb */
	border-radius: 20px;
	/* roundness of the scroll thumb */

	transition: 0.3s var(--cubic) all;
}

.c-modal *::-webkit-scrollbar-thumb:hover {
	background-color: rgba(36, 36, 36, 0.568);
	/* color of the scroll thumb */
}

.c-modal {
	background: radial-gradient(ellipse at center,
			rgb(0 0 0 / 72%) 0%,
			rgba(0, 0, 0, 0.9) 100%);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.c-modal h5 {
	font-size: 2vh;
	font-family: 'Bebas Neue';
	color: #fbfbfbbf;
}

.modal-block {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal-body {
	padding: 2vh 3vh;
	overflow: auto;
}

.modal-content {
	width: max-content;
	background: linear-gradient(to top, #8910da, #8910da);
	/* border-radius: 3vh; */
	overflow: hidden;
	box-shadow: 0 0 0.8vh #260404;
	border: unset;
	/* box-shadow: 0 0 40px #ffffff69; */
	color: black;
	font-weight: bold;
	max-height: 85%;
}

.modal-header {
	border: unset;
	padding: 2vh;
	padding-right: 5vh;
}

.modal-footer {
	margin-top: 1vh;
	border-top: unset;
	background: rgb(0 0 0 / 38%);
	justify-content: space-between;
}

.c-modal .title {
	/* text-shadow: 0 0 50px #ffffffc2; */
	color: white;
	/* background: linear-gradient(90deg, #133064, transparent); */
	padding: 0.5vh 0.5vh;
	/* border-radius: 10px; */
	font-size: 2vh;
	border-bottom: 2px solid rgba(255,255,255,.2);
	/* border: 1px solid #ffffff1f; */
	font-family: 'Bebas NeueB';
	text-transform: uppercase;
	font-weight: 300 !important;
	letter-spacing: 0.3vh;
	width: max-content;
}

.c-modal .btn-action {
	padding: 0.8vh 1.5vh;
	/* border-radius: 100px; */
	text-transform: uppercase;
	cursor: pointer;
	background-color: #8910da;
	transition: 0.3s var(--cubic) all;
	font-size: 1.8vh;
	color: #ffffff;
	border: unset;
	font-family: 'Quicksand';
	font-weight: 600;
	/* box-shadow: 0.3vh 0.3vh rgb(193 51 95); */
}

.c-modal .btn-action:hover {
	background-color: #c51d51;
	transform: translateX(.3vh) translateY(.3vh);
	box-shadow: unset;
	box-shadow: 0vh 0vh rgb(193 51 95);
}

.c-modal .btn-cancel {
	font-family: 'Quicksand';
	text-transform: uppercase;
	width: 3vh;
	height: 2.8vh;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	background: linear-gradient(to top, #8910da, transparent);
	border: 1px solid rgba(255,255,255,.1);
	color: white;
	font-size: 1.8vh;
	transition: 0.5s var(--cubic) all;
	cursor: pointer;
	border-radius: .2vh;
	position: absolute;
	top: 1.5vh;
	right: 1.5vh;
}

.c-modal .btn-cancel:hover {
	transform: scale(1.1);
}



.form-select  {
	background: transparent;
	border-radius: 0% !important;
	border: 1px solid rgba(255,255,255,.2);
	color: white;
}

.c-modal .btn-modal {
	font-family: 'Bebas Neue';
	text-transform: uppercase;
	padding: 0.8vh 1vh;
	/* border-radius: 100px; */
	font-weight: 500;
	background-color: #8910da;
	color: #ffffffdb;
	border: unset;
	font-size: 1.4vh;
	transition: 0.5s var(--cubic) all;
	padding-top: 1vh;
	/* box-shadow: 0.3vh 0.3vh rgb(189 60 100); */
}

.c-modal .btn-modal:focus-visible {
	box-shadow: unset;
	border: unset;
	outline: unset;
}

.c-modal .btn-modal:hover {
	background-color: #26050566;
	opacity:.5;
	letter-spacing: 1px;
}

.c-modal .citizen-box .citizen-image {
	width: 100%;
	height: 18vh;
	/* background-image:url("../img/temp-user.png"); */
	background-size: cover;
	background-position: center;
}

.c-modal .citizen-box .citizen-name {
	font-family: 'Bebas Neue';
	font-size: 2vh;
	line-height: 2vh;
	border-bottom: 1px solid #ffffff29;
	padding: 0.5vh 0 0.5vh 0;
	margin-bottom: 0.5vh;
	color: white;
}

.c-modal .citizen-box .citizen-id,
.c-modal .citizen-box .meses,
.c-modal .citizen-box .meses-r,
.c-modal .citizen-box .fecha,
.c-modal .citizen-box .peligroso,
.c-modal .citizen-box .joined {
	color: rgba(255, 255, 255, 0.767);
	text-transform: uppercase;
	font-size: 1.3vh;
	font-family: 'Quicksand';
	font-weight: 300;
	width: 100%;
	text-align: left;
}

.c-modal .scroll-citizen-modal {
	max-height: 66vh;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 1vh;
}

.c-modal .citizen-box {
	background-color: rgb(74 74 74 / 75%);
	border-radius: 2vh;
	overflow: hidden;
	transition: var(--cubic) 0.5s all;
	cursor: pointer;
	box-shadow: 0 0 20px rgb(0 0 0 / 5%);
}

.c-modal .text-muted .citizen-name {
	color: rgb(31, 31, 31);
}

.c-modal .citizen-box:hover {
	transform: scale(1.05);
	background-color: rgb(82 82 82 / 75%);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.233);
}

.c-modal .modal-cargado {
	max-height: 70vh;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0 0.5vh;
	padding-bottom: 0.5vh;
}

.bg-box {
	padding: 2vh;
	margin-bottom: 2vh;
	background: rgb(20 20 20 / 76%);
	box-shadow: 0 0.75rem 2rem 0 rgb(0 0 0 / 22%);
	/* border-radius: 30px; */
	border: 1px solid rgb(255 255 255 / 15%);
}



.info-box {
	/* margin-top: 2vh !important; */
	background: linear-gradient(to top, #8910da, transparent);
	/* border-radius: 20px; */
	color: white;
	border: 1px solid rgba(255,255,255,.1);
	position: relative;
	user-select: text !important;
	/* padding-top: 3.5vh; */
	padding: 1vh;
	padding-top: 2vh;
	font-weight: 600;
}

.c-modal .info-box {
	background-color: #0c0c0c33;
	padding: 2vh !important;
	margin-top: 0 !important;
}

.info-box h4:first-child {
	position: absolute;
	top: -1.5vh;
	color: white;
	background: var(--color-acent);
	padding: 0.5vh 1vh;
	border-radius: 2vh;
	/* box-shadow: 0.3vh 0.3vh rgb(189 60 100); */
	font-size: 2vh;
	left: 1vh;
}

.central .info-box {
	background-color: rgba(255, 255, 255, 0.81);
	color: var(--color-acent);
	font-size: 1.3vh;
	/* box-shadow: 0.5vh 0.5vh var(--color-secondary); */
	border-radius: 1vh;
	padding: 1vh;
	padding-top: 3vh;
}

.central .info-box.top {
	margin-top: unset !important;

}

.central .info-box h4:first-child {
	position: absolute;
	font-size: 1.5vh;
	top: -1vh;
	left: 1.5vh;
	color: white;
	background: var(--color-acent);
	padding: 0.5vh 1vh;
	border-radius: 2vh;
	/* box-shadow: 0.3vh 0.3vh rgb(189 60 100); */

}

.h-max {
	height: 83vh;
}

table.gtable {
	border-spacing: 0.3vh;
	border-collapse: separate;
	table-layout: fixed;
}

.gtable th {
	background-color: #00000069;
	padding: 0.5vh 1vh;
	font-size: 1.3vh;
	font-family: 'Quicksand';
	text-transform: uppercase;
	color: white;
}

.btn-list-action {
	opacity: 0.5;
	transition: 0.5s var(--cubic) all;
	margin-left: 1vh;
	cursor: pointer;
	color: white;
}

.btn-list-action:hover {
	opacity: 1;
	transform: scale(1.1);
}

.bg-ems {
	background-color: #b1741b;
	color: white;
}

.bg-police {
	background-color: #3f5aa1;
	color: white;
}

.bg-fire {
	background-color: #dc3545;
	color: white;
}

.m-titles {
	margin: 0 0.5vh;
}

.cam-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../img/cam.png');
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -99999;
	display: none;
}

.cam-recording {
	position: fixed;
	top: 8vh;
	left: 9vh;
	background-image: url('../img/cam-recording.png');
}

.cam-info {
	position: fixed;
	bottom: 8vh;
	left: 9vh;
	font-size: 5vh;
	font-family: 'display';
	color: white;
	line-height: 5vh;
}

.cam-overlay .other {
	font-size: 4vh;
	line-height: 4vh;
}

.quicksand {
	font-family: 'Quicksand';
}

.entrada-menu {
	transform: translateY(5vh);
	opacity: 0;
	transition: 0.5s cubic-bezier(0.78, 0, 0, 1) all;
	transition-delay: 0s;
}

.show .entrada-menu {
	transform: translateY(0vh);
	opacity: 1;
	/* transition-delay: 0.1s; */
}

.scale-in {
	transform: scale(0.98);
	opacity: 0;
	animation: scale-in 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
}

.scale-out {
	transform: scale(1);
	opacity: 1;
	animation: scale-out 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
}

.scale-in-2 {
	transform: scale(1.2);
	opacity: 0;
	animation: scale-in 0.5s var(--cubic) forwards;
}

.scale-out-2 {
	transform: scale(1);
	opacity: 1;
	animation: scale-out-2 0.7s var(--cubic) forwards !important;
}

.fadeIn {
	animation: fadeIn 0.3s ease-in-out forwards;
}

.leaflet-container {
	background-color: #00a8ce !important;
}

.leaflet-bottom {
	display: none;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: #00000085 !important;
	color: #fff !important;
	box-shadow: 0 3px 14px rgb(0 0 0 / 40%);
	font-family: 'Bebas Neue';
	font-weight: 100;
	font-size: 1.5vh;
	text-align: center;
	backdrop-filter: blur(10px) !important;
	border-radius: 5px !important;
}

.leaflet-container a.leaflet-popup-close-button {
	color: white !important;
}

img.leaflet-marker-icon {
	filter: drop-shadow(0px 0px 10px rgb(0, 0, 0)) !important;
}

/*NOTIFICACIONES*/

.notifications {
	display: flex;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	align-items: center;
	flex-direction: column;
	margin-top: 2vh;
	height: 0px;
	z-index: 9999999;
}

.notifications .notification {
	width: 70vh;
	padding: 2vh;
	color: white;
	display: flex;
	background-color: rgb(29 29 29 / 92%);
	border-radius: 100vh;
	box-shadow: 0 0 30px rgb(0 0 0 / 26%);
	text-transform: uppercase;
	align-items: center;
	backdrop-filter: blur(10px);
	margin-bottom: 1vh;
}

.notifications .notification .icon {
	font-size: 4vh;
	margin-right: 2vh;
}

.notifications .notification .name {
	font-family: 'Bebas Neue';
	font-size: 1.8vh;
	line-height: 1.8vh;
	/* margin-top: 0.8vh; */
}

.notifications .notification .message {
	font-size: 1.4vh;
	opacity: 0.6;
	font-weight: 500;
}

.notifications .notification.success {
	background-color: #8aff8ab6;
	color: black;
}

.notifications .notification.error {
	background-color: rgba(255, 0, 0, 0.861);
	color: rgb(255, 255, 255);
}

/*NOTIFICACIONES*/

/*UNLOCK*/
.item-gift-container {
	background: radial-gradient(ellipse at center,
			rgb(0 0 0 / 72%) 0%,
			rgba(0, 0, 0, 0.9) 100%);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	backdrop-filter: blur(10px);
}

.item-gift-flex {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}

.item-gift-container .gift-title {
	font-family: 'eth';
	font-size: 5.5vh;
	font-weight: 100;
	color: white;
	text-align: center;
	text-shadow: 0 0 30px rgba(255, 255, 255, 0.692);
}

.item-gift-container .img-gift {
	width: 60vh;
	filter: drop-shadow(0 0 30px rgba(255, 255, 255, 0.486));
}

.item-gift-container #confeti {
	position: absolute;
	top: 2vh;
	left: 0;
}

.item-gift-container .gift-name {
	font-family: 'Bebas neue';
	font-size: 4vh;
	font-weight: 100;
	color: white;
	text-align: center;
	text-shadow: 0 0 30px rgba(255, 255, 255, 0.692);
	margin-top: 3vh;
}

.item-gift-container .gift-description {
	font-family: 'quicksand';
	text-transform: uppercase;
	font-size: 2vh;
	font-weight: 100;
	color: white;
	text-align: center;
}

.item-gift-container .btn-aceptar-gift {
	font-size: 2.5vh !important;
}

/* .btn-check:focus + .btn,
.btn:focus {
	outline: none !important;
	box-shadow: none !important;
} */

.list-fade {
	-webkit-mask-image: linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, black 4%, black 100%);
}

.unlock {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.unlock .radial-bg {
	background: radial-gradient(#000000d1, black) !important;
}

.unlock .title {
	font-family: 'Bebas Neue';
	font-size: 8vh;
	color: white;
	text-shadow: 0 0 30px #ffffff8f;
	animation: fadeInUp 1s cubic-bezier(0.74, -0.01, 0.39, 1) forwards;
}

.unlock img {
	width: 40vh;
	margin: 2vh 0;
	animation-delay: 1s;
}

.unlock .continue-button {
	opacity: 0;
	animation: fadeInUp 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
	animation-delay: 1.5s;
}

.btn-anim {
	background: linear-gradient(87deg, #248ba3, #000000);
	color: white;
	font-family: 'Bebas Neue';
	font-size: 3.6vh;
	line-height: 2.6vh;
	width: 25vh;
	text-align: center;
	padding: 2.9vh 0 2.9vh 0;
	border-radius: 3px;
	text-shadow: 0 0 10px white;
	box-shadow: 0 0 30px rgb(0 0 0 / 60%);
	position: relative;
	transition: all cubic-bezier(0, 0.53, 0.3, 1) 0.3s;
	cursor: pointer;
	margin-top: 8vh;
}

.btn-anim:hover {
	transform: scale(1.05);
	background-color: rgba(255, 0, 64, 0.815);
}



.btn-anim .btn-bg {
	position: absolute;
	top: -0.5vh;
	left: -0.5vh;
	width: 26vh;
	height: 9.4vh;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.349);
	opacity: 0;
	transition: all cubic-bezier(0.01, 0.73, 0.33, 1.55) 0.3s;
	z-index: 2;
	transform: scale(0.9);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.322),
		inset 0 0 20px rgba(0, 0, 0, 0.322);
	clip-path: polygon(0 0,
			20px 0,
			0 20px,
			0 0,
			100% 0,
			calc(100% - 20px) 0,
			100% 20px,
			100% 0,
			100% 100%,
			calc(100% - 20px) 100%,
			100% calc(100% - 20px),
			100% 100%,
			0 100%,
			20px 100%,
			0 calc(100% - 20px),
			0 100%);
}

.btn-anim.disabled {
	opacity: 0.5;
	pointer-events: none;
}

.btn-anim:hover .btn-bg {
	opacity: 0.8;
	transform: scale(1);
	/* border-radius:3px; */
}

.footer-home .card {
	background: #000000d6 !important;
	border: unset !important;
	box-shadow: 0 0 20px rgb(0 0 0 / 32%) !important;
	color: white !important;
	border-radius: 2vh !important;
	overflow: hidden;
	margin-top: 2vh;
}

.footer-home .card-body {
	padding: 0 !important;
}

.title-3 {
	text-align: center;
	border: 1px solid rgba(255,255,255,.1);
	/* border-radius: 3.5px; */
	padding: 2vh 0.5vh;
	text-shadow: 0 0 10px rgb(255 220 93 / 22%);
	display: flex;
	flex-direction: column;
	align-content: center;
	margin-bottom: 1vh;
	font-size: 2.3vh;
	font-family: 'Bebas Neue', cursive !important;
	background: linear-gradient(171deg, #000000, #8910da);
	/* border: 1px solid rgb(249 249 249 / 9%); */
	letter-spacing: 2px;
	line-height: 2.3vh;
	box-shadow: 0 0 20px #000000;
	text-transform: uppercase;
	/* border: 0.1vh solid #ffb1008c; */

	color: #ffffff;
	/* 	box-shadow: 0 0 10px #ffffff8c, inset 0 0 10px #cccbcb8c; */
}

.title-3.t-comercios {
	box-shadow: unset;
	font-size: 2.5vh;
	width: 100%;
	/* padding: 1.5vh 0; */
	background: linear-gradient(360deg, #00000000, #bd0f0f00);
	/* border-radius: 0.5vh; */
	border: none;
	margin: 0;
	font-family: 'Bebas NeueB' !important;
	font-size: 3vh;
}

.player-name {
	font-family: 'Bebas NeueB';
	font-size: 2.5vh;
	text-transform: unset !important;
}

.proximamente {
	position: absolute;
	top: -0.5vh;
	right: -1vh;
	/* opacity: 0.5; */
}

.proximamente .badge {
	font-size: 1vh;
	font-weight: 100;
	box-shadow: 0 0 20px var(--color-acent);
	border-radius: 3px !important;
}

.report-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.radial-bg {
	background: radial-gradient(#000000d1, black) !important;
}

.report-button {
	width: 38vh;
	height: 48vh;
	border: 1px solid rgba(255, 255, 255, 0.116);
	background: linear-gradient(13deg, rgb(120 111 0 / 72%), rgb(217 35 126 / 52%));
	color: white;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: 'Bebas Neue';
	text-align: center;
	font-size: 4vh;
	border-radius: 10px;
	margin: 1vh;
	box-shadow: 0 0 10px #6e6b4fa6;
	cursor: pointer;
	transition: 0.3s var(--cubic) all;
	background-color: transparent;
	flex-direction: column;
	padding: 3vh;
}

.report-button:hover {
	background-color: rgba(255, 255, 255, 0.267);
	box-shadow: 0 0 20px #f3c701a6;
	transform: translateY(-1.5vh);
}

.report-button.active {
	transition: 0.5s var(--cubic) all;

	transform: translateY(-6vh);
	opacity: 0;
}

.report-button i {
	font-size: 24vh;
	color: white;
	text-shadow: 0 0 20px rgba(255, 255, 255, 0.76);
}

/* .report-container .zona-input {
	display: none;
} */

.report-container .zona-input textarea {
	border-radius: 5px;
	margin-top: 2vh;
	background-color: rgba(255, 255, 255, 0.103);
	border: 0.1vh solid rgba(255, 255, 255, 0.164);
	box-shadow: 0 0 20px rgba(255, 255, 255, 0.116);
	color: white;
	font-weight: 300;
	padding: 1vh;
	font-size: 1.7vh;
	resize: none;
	width: 100%;
}

.report-container .zona-input .enviar-accion {
	margin-left: 5vh;
	width: 40vh;
	text-align: center;
}

.zona-input .buttons {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.zona-input .buttons .option {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 1vh;
	background: grey;
	width: 6vh;
	height: 6vh;
	margin: 0.5vh 1vh;
	border-radius: 0.3vh;
	padding: 1vh;
	font-size: 1.3vh;
	transition: 0.3s var(--cubic) all;
	cursor: pointer;
}

.zona-input .buttons .option span {
	margin-top: 0.3vh;
	font-family: 'Bebas Neue';
}

.zona-input .buttons .option:hover {
	opacity: 0.7;
	transform: scale(1.1);
}

.zona-input .buttons .selected {
	opacity: 0.5;
	transform: scale(1);
}

.vehiculos .lista-propiedades {
	height: 41vh;
	overflow-y: auto;
}

.vehiculos .lista-vehiculos {
	height: 45vh;
	overflow: auto;
}

.home .lista-facturas {
	height: 24.4vh !important;
	overflow-y: auto;
}

/*UNLOCK*/

@keyframes scale-in {
	100% {
		transform: scale(1);
		opacity: 1;
	}

	/* 100%{
        transform:unset;
    } */
}

@keyframes scale-out {
	100% {
		transform: scale(0.98);
		opacity: 0;
	}
}

@keyframes scale-out-2 {
	100% {
		transform: scale(1.2);
		opacity: 0;
	}
}

@keyframes live {

	0%,
	80%,
	100% {
		transform: scale(0.6);
		-webkit-transform: scale(0.6);
	}

	40% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}

@keyframes rotate {
	0% {
		transform: rotateZ(0deg);
	}

	100% {
		transform: rotateZ(360deg);
	}
}

.particles-zone {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all linear 0.2s;
}

.app-box:hover .particles-zone {
	opacity: 0.7;
	transition: all linear 1s;
}

.zona-superior {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 2vh;
}

.info-base {
	/* border: 1px solid #ffffff1f; */
	/* box-shadow: 0 0 30px rgb(0 0 0 / 12%); */
	 border-radius: 10px; 
	display: flex;
	gap: 1.5vh;
	align-items: center;
	height: fit-content;
	padding: 1vh;
	color: white;
	width: 105%;
	backdrop-filter: blur(5px);
	/* margin-bottom: 1vh; */
	/* background-color: white; */
	padding-left: 8.5vh;
	/* margin-left: 2vh; */
	padding-right: -5.5vh;
}

.label-precio {
	font-family: 'Bebas Neue';
	font-size: 2vh;
	margin-bottom: 1vh;
	height: 2.6vh;
	padding: 0 0.5vh;
	border-radius: 3px;
}

.label-precio.cr {
	box-shadow: 0 0 20px #8a009ccc;
	background-color: #8a009c;
	color: rgb(255, 255, 255);
	/* padding-bottom: 0.4vh; */
}

.label-precio.exp {
	box-shadow: 0 0 20px #d1ad0b7c;
	background-color: #d1ad0b;
	color: black;
}

.label-precio.cash {
	box-shadow: 0 0 20px #8aff8a7c;
	background-color: #8aff8a;
	color: black;
}

#particles,
#particles:after {
	width: 1px;
	height: 1px;
	box-shadow: 326px 639px #fff, 305px 1860px #fff, 653px 1797px #fff, 1190px 1004px #fff,
		94px 334px #fff, 1417px 1421px #fff, 1413px 328px #fff, 1166px 166px #fff,
		1576px 957px #fff, 1250px 1642px #fff, 1191px 832px #fff, 479px 327px #fff,
		1284px 1726px #fff, 82px 478px #fff, 1731px 400px #fff, 1914px 1842px #fff,
		1326px 1738px #fff, 76px 884px #fff, 1496px 163px #fff, 1378px 1244px #fff,
		1097px 1374px #fff, 113px 1921px #fff, 1792px 914px #fff, 1768px 1165px #fff,
		1169px 1921px #fff, 243px 1633px #fff, 98px 1026px #fff, 807px 1575px #fff,
		360px 1299px #fff, 855px 1742px #fff, 731px 398px #fff, 391px 1780px #fff,
		214px 192px #fff, 1080px 746px #fff, 720px 1447px #fff, 699px 451px #fff,
		32px 1451px #fff, 1679px 1199px #fff, 1254px 1669px #fff, 1566px 14px #fff,
		1648px 798px #fff, 999px 102px #fff, 1599px 1604px #fff, 764px 1296px #fff,
		1537px 1264px #fff, 390px 1640px #fff, 388px 1784px #fff, 44px 279px #fff,
		1871px 788px #fff, 1398px 489px #fff, 272px 1347px #fff, 181px 1236px #fff,
		365px 1530px #fff, 275px 1131px #fff, 700px 1459px #fff, 1815px 434px #fff,
		291px 1142px #fff, 1376px 600px #fff, 261px 52px #fff, 925px 639px #fff,
		1755px 368px #fff, 68px 801px #fff, 926px 1551px #fff, 1261px 269px #fff,
		140px 1838px #fff, 665px 543px #fff, 228px 1495px #fff, 1392px 198px #fff,
		1386px 1379px #fff, 1134px 977px #fff, 1771px 985px #fff, 49px 1808px #fff,
		1832px 854px #fff, 1006px 696px #fff, 599px 1513px #fff, 1117px 1405px #fff,
		320px 1611px #fff, 1204px 943px #fff, 411px 1205px #fff, 1197px 365px #fff,
		724px 45px #fff, 965px 1299px #fff, 1900px 934px #fff, 234px 1440px #fff,
		553px 310px #fff, 1218px 1288px #fff, 1493px 561px #fff, 68px 1353px #fff,
		847px 1621px #fff, 640px 322px #fff, 770px 592px #fff, 1767px 1371px #fff,
		443px 1850px #fff, 146px 894px #fff, 923px 496px #fff, 1265px 667px #fff,
		1770px 1806px #fff, 439px 1013px #fff, 68px 990px #fff, 1757px 193px #fff,
		512px 1687px #fff, 1084px 484px #fff, 361px 1386px #fff, 1561px 157px #fff,
		1655px 284px #fff, 933px 1531px #fff, 38px 432px #fff, 1395px 1461px #fff,
		1294px 2000px #fff, 852px 1271px #fff, 334px 547px #fff, 249px 703px #fff,
		980px 230px #fff, 1001px 480px #fff, 1601px 1362px #fff, 1156px 776px #fff,
		697px 1666px #fff, 184px 855px #fff, 966px 119px #fff, 1849px 1455px #fff,
		993px 1775px #fff, 54px 1807px #fff, 1182px 1547px #fff, 646px 734px #fff,
		1667px 1394px #fff, 394px 613px #fff, 1550px 1785px #fff, 33px 1490px #fff,
		169px 286px #fff, 779px 140px #fff, 493px 579px #fff, 1503px 1608px #fff,
		371px 403px #fff, 666px 1302px #fff, 24px 1303px #fff, 1630px 830px #fff,
		197px 1105px #fff, 241px 1067px #fff, 579px 1404px #fff, 1957px 1965px #fff,
		508px 228px #fff, 1224px 1736px #fff, 1625px 392px #fff, 614px 1869px #fff,
		1244px 101px #fff, 299px 625px #fff, 1062px 1821px #fff, 999px 1169px #fff,
		1167px 854px #fff, 1866px 15px #fff, 939px 1804px #fff, 1358px 1580px #fff,
		669px 1896px #fff, 695px 516px #fff, 1812px 1494px #fff, 1276px 1393px #fff,
		745px 970px #fff, 1196px 1980px #fff, 23px 1105px #fff, 854px 184px #fff,
		1666px 1416px #fff, 319px 1221px #fff, 891px 1424px #fff, 516px 1066px #fff,
		947px 246px #fff, 1141px 57px #fff, 804px 1146px #fff, 1856px 82px #fff,
		615px 782px #fff, 118px 1456px #fff, 1151px 654px #fff, 1030px 19px #fff,
		1841px 787px #fff, 1495px 1869px #fff, 821px 1207px #fff, 1631px 1180px #fff,
		1079px 1933px #fff, 1531px 1876px #fff, 83px 1265px #fff, 527px 1772px #fff,
		925px 801px #fff, 1103px 46px #fff, 1561px 1386px #fff, 1170px 415px #fff,
		1923px 992px #fff, 425px 1839px #fff, 188px 623px #fff, 1910px 1476px #fff,
		459px 1649px #fff, 1164px 1180px #fff, 1678px 145px #fff, 201px 325px #fff,
		336px 600px #fff, 366px 666px #fff, 1724px 1088px #fff, 8px 1079px #fff,
		1272px 1345px #fff, 786px 517px #fff, 877px 289px #fff, 148px 796px #fff,
		1436px 660px #fff, 488px 251px #fff, 1539px 480px #fff, 1723px 1343px #fff,
		147px 879px #fff, 505px 1561px #fff, 1805px 770px #fff, 508px 1927px #fff,
		709px 1668px #fff, 808px 1443px #fff, 1177px 264px #fff, 1583px 181px #fff,
		370px 435px #fff, 92px 1818px #fff, 1119px 1879px #fff, 251px 140px #fff,
		1018px 1097px #fff, 269px 1419px #fff, 888px 610px #fff, 830px 765px #fff,
		1054px 1270px #fff, 646px 1051px #fff, 1659px 1703px #fff, 1969px 1996px #fff,
		384px 1423px #fff, 27px 764px #fff, 1427px 1533px #fff, 1266px 875px #fff,
		1309px 1298px #fff, 1055px 994px #fff, 1996px 1900px #fff, 1284px 1826px #fff,
		1192px 730px #fff, 1780px 66px #fff, 1231px 124px #fff, 1767px 1865px #fff,
		1323px 1114px #fff, 1232px 1694px #fff, 1607px 1551px #fff, 564px 370px #fff,
		463px 498px #fff, 1376px 164px #fff, 50px 1490px #fff, 540px 631px #fff,
		239px 1546px #fff, 1206px 413px #fff, 762px 1270px #fff, 1789px 353px #fff,
		357px 1435px #fff, 1757px 190px #fff, 1150px 1268px #fff, 1064px 1986px #fff,
		1709px 1187px #fff, 1085px 1662px #fff, 1908px 1668px #fff, 1654px 1836px #fff,
		406px 735px #fff, 869px 1328px #fff, 1671px 436px #fff, 561px 1367px #fff,
		1179px 735px #fff, 1001px 1154px #fff, 1167px 1729px #fff, 35px 1829px #fff,
		543px 1176px #fff, 1620px 1492px #fff, 942px 796px #fff, 920px 825px #fff,
		1556px 1704px #fff, 1093px 1115px #fff, 76px 356px #fff, 1564px 1104px #fff,
		1004px 267px #fff, 592px 1556px #fff, 1294px 1377px #fff, 1316px 1095px #fff,
		1260px 1588px #fff, 1237px 1590px #fff, 1179px 1507px #fff, 221px 1202px #fff,
		1637px 995px #fff, 1682px 1069px #fff, 1030px 1582px #fff, 273px 1332px #fff,
		698px 951px #fff, 1575px 773px #fff, 358px 237px #fff, 1344px 1493px #fff,
		666px 594px #fff, 156px 948px #fff, 1216px 1691px #fff, 1957px 1063px #fff,
		1872px 565px #fff, 298px 503px #fff, 1591px 895px #fff, 1691px 1944px #fff,
		290px 722px #fff, 1545px 299px #fff, 890px 1181px #fff, 1588px 1882px #fff,
		859px 1025px #fff, 715px 845px #fff, 245px 1422px #fff, 666px 1687px #fff,
		1592px 596px #fff, 1379px 744px #fff, 1908px 1697px #fff, 488px 1508px #fff,
		691px 1245px #fff, 1978px 758px #fff, 1284px 1199px #fff, 1226px 1488px #fff,
		52px 1112px #fff, 455px 1158px #fff, 475px 416px #fff, 106px 1948px #fff,
		174px 459px #fff, 279px 1322px #fff, 226px 381px #fff, 617px 862px #fff,
		601px 163px #fff, 1080px 506px #fff, 1840px 516px #fff, 1763px 1394px #fff,
		1081px 1516px #fff, 1358px 1499px #fff, 996px 1032px #fff, 850px 178px #fff,
		1296px 231px #fff, 1053px 920px #fff, 1992px 121px #fff, 1119px 1385px #fff,
		335px 1780px #fff, 1408px 443px #fff, 1839px 1797px #fff, 344px 1939px #fff,
		1668px 1241px #fff, 1683px 1170px #fff, 1545px 1517px #fff, 149px 1428px #fff,
		878px 1372px #fff, 538px 415px #fff, 314px 1649px #fff, 1281px 48px #fff,
		1554px 1886px #fff, 1765px 507px #fff, 431px 1245px #fff, 346px 1627px #fff,
		539px 613px #fff, 534px 1901px #fff, 1017px 1616px #fff, 1702px 706px #fff,
		147px 1953px #fff, 475px 966px #fff, 1598px 1635px #fff, 1531px 1380px #fff,
		1506px 238px #fff, 1534px 1988px #fff, 1517px 1920px #fff, 1793px 1255px #fff,
		774px 329px #fff, 913px 90px #fff, 1372px 1972px #fff, 442px 1448px #fff,
		1901px 1479px #fff, 876px 1797px #fff, 783px 632px #fff, 1020px 274px #fff,
		1475px 222px #fff, 1305px 992px #fff, 1894px 1204px #fff, 1036px 1133px #fff,
		69px 1692px #fff, 1653px 1316px #fff, 1257px 1953px #fff, 505px 163px #fff,
		1602px 1989px #fff, 61px 624px #fff, 488px 483px #fff, 483px 1676px #fff,
		1735px 1794px #fff, 360px 1215px #fff, 1069px 310px #fff, 1443px 549px #fff,
		1677px 563px #fff, 34px 1489px #fff, 1179px 1664px #fff, 985px 63px #fff,
		1903px 110px #fff, 1531px 981px #fff, 6px 1088px #fff, 124px 1701px #fff,
		1657px 1126px #fff, 482px 1480px #fff, 114px 263px #fff, 864px 1585px #fff,
		1198px 1662px #fff, 944px 1034px #fff, 1463px 1477px #fff, 800px 803px #fff,
		1796px 1836px #fff, 1347px 713px #fff, 445px 74px #fff, 63px 865px #fff,
		725px 1967px #fff, 729px 1053px #fff, 605px 1628px #fff, 1118px 584px #fff,
		1652px 1386px #fff, 1288px 58px #fff, 557px 374px #fff, 1965px 79px #fff,
		1583px 1607px #fff, 389px 589px #fff, 1337px 1988px #fff, 1100px 283px #fff,
		838px 1392px #fff, 1875px 484px #fff, 1795px 1217px #fff, 963px 1205px #fff,
		129px 289px #fff, 278px 389px #fff, 74px 475px #fff, 1460px 634px #fff,
		587px 404px #fff, 729px 818px #fff, 1259px 197px #fff, 1100px 1636px #fff,
		1712px 489px #fff, 1080px 1674px #fff, 980px 1121px #fff, 1346px 1618px #fff,
		273px 33px #fff, 750px 280px #fff, 1330px 579px #fff, 1595px 703px #fff,
		367px 1471px #fff, 1728px 93px #fff, 57px 1037px #fff, 1946px 710px #fff,
		1193px 1542px #fff, 812px 591px #fff, 1305px 291px #fff, 676px 292px #fff,
		1566px 775px #fff, 1980px 427px #fff, 747px 204px #fff, 1642px 1843px #fff,
		162px 1138px #fff, 1088px 1043px #fff, 1488px 263px #fff, 1855px 1876px #fff,
		668px 701px #fff, 1797px 679px #fff, 764px 566px #fff, 1095px 1801px #fff,
		1113px 128px #fff, 1267px 306px #fff, 825px 775px #fff, 1117px 1028px #fff,
		1031px 1887px #fff, 172px 1155px #fff, 523px 1784px #fff, 1041px 218px #fff,
		987px 989px #fff, 1495px 631px #fff, 584px 1489px #fff, 219px 151px #fff,
		793px 949px #fff, 1994px 596px #fff, 719px 445px #fff, 1214px 503px #fff,
		190px 1091px #fff, 1865px 1438px #fff, 1743px 1586px #fff, 953px 1208px #fff,
		565px 396px #fff, 1656px 1802px #fff, 315px 247px #fff, 1781px 1342px #fff,
		1071px 721px #fff, 133px 1712px #fff, 767px 86px #fff, 1288px 562px #fff,
		95px 877px #fff, 1511px 219px #fff, 992px 735px #fff, 1339px 543px #fff,
		288px 644px #fff, 1566px 1945px #fff, 89px 386px #fff, 855px 1218px #fff,
		671px 757px #fff, 1655px 960px #fff, 475px 1310px #fff, 1755px 105px #fff,
		955px 1143px #fff, 75px 1621px #fff, 905px 1017px #fff, 108px 1025px #fff,
		284px 842px #fff, 1589px 1319px #fff, 1054px 810px #fff, 1493px 669px #fff,
		987px 252px #fff, 1861px 1302px #fff, 8px 1936px #fff, 1635px 1643px #fff,
		1419px 1039px #fff, 828px 761px #fff, 806px 1202px #fff, 58px 1621px #fff,
		834px 717px #fff, 1664px 498px #fff, 1453px 1140px #fff, 1548px 1678px #fff,
		745px 814px #fff, 1053px 285px #fff, 1591px 1437px #fff, 1059px 192px #fff,
		373px 256px #fff, 1983px 1198px #fff, 335px 1592px #fff, 889px 913px #fff,
		1881px 871px #fff, 186px 552px #fff, 836px 685px #fff, 641px 474px #fff,
		1114px 1518px #fff, 1612px 248px #fff, 1164px 1541px #fff, 740px 1772px #fff,
		769px 285px #fff, 16px 1110px #fff, 1626px 1985px #fff, 1853px 1775px #fff,
		1098px 467px #fff, 1919px 1980px #fff, 94px 755px #fff, 599px 1144px #fff,
		1390px 393px #fff, 1596px 1234px #fff, 1950px 249px #fff, 1277px 640px #fff,
		658px 881px #fff, 734px 1112px #fff, 526px 1433px #fff, 1320px 642px #fff,
		803px 1624px #fff, 1607px 919px #fff, 1341px 1627px #fff, 261px 1391px #fff,
		902px 628px #fff, 561px 1709px #fff, 687px 120px #fff, 156px 267px #fff,
		343px 303px #fff, 577px 1299px #fff, 1534px 1183px #fff, 776px 1px #fff,
		40px 163px #fff, 1442px 1783px #fff, 1724px 540px #fff, 754px 136px #fff,
		1880px 1402px #fff, 946px 1312px #fff, 147px 1616px #fff, 335px 1815px #fff,
		1562px 257px #fff, 342px 1747px #fff, 420px 260px #fff, 1587px 1912px #fff,
		664px 1201px #fff, 1322px 295px #fff, 1558px 1314px #fff, 1965px 193px #fff,
		17px 1879px #fff, 235px 1733px #fff, 964px 1709px #fff, 953px 41px #fff,
		657px 1405px #fff, 637px 68px #fff, 1175px 1116px #fff, 481px 1049px #fff,
		1699px 1755px #fff, 1514px 1668px #fff, 1219px 1526px #fff, 912px 11px #fff,
		1176px 526px #fff, 1133px 1553px #fff, 445px 677px #fff, 135px 1235px #fff,
		1310px 1057px #fff, 1718px 1723px #fff, 1267px 13px #fff, 1285px 804px #fff,
		306px 1648px #fff, 657px 246px #fff, 466px 775px #fff, 1290px 10px #fff,
		1201px 422px #fff, 1306px 543px #fff, 1072px 1661px #fff, 27px 651px #fff,
		168px 296px #fff, 1116px 1314px #fff, 957px 308px #fff, 665px 1676px #fff,
		354px 726px #fff, 1418px 1560px #fff, 1190px 81px #fff, 590px 1560px #fff,
		610px 1226px #fff, 215px 1923px #fff, 432px 544px #fff, 230px 1942px #fff,
		1152px 1960px #fff, 1980px 724px #fff, 845px 977px #fff, 381px 1920px #fff,
		439px 1040px #fff, 642px 107px #fff, 837px 187px #fff, 1139px 1430px #fff,
		255px 1568px #fff, 666px 1177px #fff, 1574px 23px #fff, 1411px 832px #fff,
		1820px 1082px #fff, 1590px 1838px #fff, 69px 1661px #fff, 1420px 809px #fff,
		1322px 1511px #fff, 375px 1896px #fff, 536px 121px #fff, 195px 848px #fff,
		1246px 350px #fff, 676px 1171px #fff, 57px 947px #fff, 1553px 342px #fff,
		1296px 233px #fff, 339px 1084px #fff, 1335px 91px #fff, 1265px 776px #fff,
		1897px 442px #fff, 604px 1645px #fff, 249px 1284px #fff, 1007px 272px #fff,
		1347px 1216px #fff, 771px 572px #fff, 389px 1775px #fff, 217px 974px #fff,
		1827px 1626px #fff, 1432px 139px #fff, 1072px 683px #fff, 1020px 1259px #fff,
		555px 1977px #fff, 707px 488px #fff, 1065px 1969px #fff, 1998px 310px #fff,
		199px 1316px #fff, 1512px 1088px #fff, 1020px 1338px #fff, 1216px 1290px #fff,
		261px 1786px #fff, 1505px 379px #fff, 449px 1437px #fff, 844px 1084px #fff,
		1109px 6px #fff, 332px 78px #fff, 1359px 1811px #fff, 427px 355px #fff,
		517px 426px #fff, 1295px 361px #fff, 389px 1558px #fff, 149px 756px #fff,
		23px 179px #fff, 521px 1397px #fff, 408px 366px #fff, 1311px 149px #fff,
		1573px 1545px #fff, 1587px 135px #fff, 1142px 1079px #fff, 1660px 244px #fff,
		788px 198px #fff, 975px 1588px #fff, 1472px 928px #fff, 1841px 353px #fff,
		681px 745px #fff, 1120px 1634px #fff, 1103px 1656px #fff, 211px 680px #fff,
		270px 1162px #fff, 485px 1112px #fff, 1175px 33px #fff, 1056px 1188px #fff,
		1304px 382px #fff, 386px 289px #fff, 251px 806px #fff, 1185px 314px #fff;
}

#particles2,
#particles2:after {
	opacity: 0.8;
	width: 2px;
	height: 2px;
	box-shadow: 1424px 1464px #fff, 204px 1477px #fff, 1079px 1242px #fff,
		1623px 1568px #fff, 1084px 1713px #fff, 255px 1697px #fff, 328px 1090px #fff,
		1867px 803px #fff, 438px 672px #fff, 804px 82px #fff, 1886px 1631px #fff,
		170px 706px #fff, 1371px 686px #fff, 1281px 843px #fff, 1801px 1737px #fff,
		1169px 554px #fff, 1680px 637px #fff, 156px 710px #fff, 1043px 1645px #fff,
		1428px 1497px #fff, 519px 851px #fff, 1423px 919px #fff, 1829px 1719px #fff,
		1855px 1901px #fff, 109px 1448px #fff, 1782px 1330px #fff, 156px 574px #fff,
		1501px 1278px #fff, 1658px 936px #fff, 703px 1073px #fff, 962px 1911px #fff,
		717px 1002px #fff, 461px 782px #fff, 288px 402px #fff, 463px 690px #fff,
		981px 59px #fff, 1033px 598px #fff, 738px 1573px #fff, 174px 573px #fff,
		323px 17px #fff, 49px 1222px #fff, 848px 253px #fff, 6px 1298px #fff,
		1924px 393px #fff, 235px 456px #fff, 1395px 1527px #fff, 1323px 588px #fff,
		651px 693px #fff, 618px 1794px #fff, 1766px 59px #fff, 507px 846px #fff,
		332px 520px #fff, 342px 815px #fff, 733px 773px #fff, 428px 1684px #fff,
		396px 1119px #fff, 1327px 1792px #fff, 1770px 1656px #fff, 455px 692px #fff,
		1901px 1577px #fff, 45px 565px #fff, 137px 1663px #fff, 356px 112px #fff,
		370px 1702px #fff, 1110px 506px #fff, 440px 1976px #fff, 1488px 1373px #fff,
		860px 242px #fff, 1651px 533px #fff, 473px 726px #fff, 1397px 198px #fff,
		1507px 1939px #fff, 1596px 1893px #fff, 1246px 638px #fff, 1997px 830px #fff,
		443px 1369px #fff, 749px 45px #fff, 1746px 306px #fff, 714px 236px #fff,
		1193px 707px #fff, 1100px 25px #fff, 1204px 1311px #fff, 490px 1638px #fff,
		705px 1970px #fff, 459px 1042px #fff, 823px 205px #fff, 1927px 1225px #fff,
		1685px 57px #fff, 297px 774px #fff, 280px 1231px #fff, 348px 1405px #fff,
		1802px 1799px #fff, 1585px 1734px #fff, 1487px 20px #fff, 61px 1446px #fff,
		248px 1394px #fff, 247px 1280px #fff, 1762px 1205px #fff, 1863px 1124px #fff,
		1339px 872px #fff, 740px 66px #fff, 1394px 1732px #fff, 308px 1673px #fff,
		1360px 1961px #fff, 885px 1779px #fff, 1879px 229px #fff, 930px 677px #fff,
		1119px 546px #fff, 144px 1237px #fff, 1363px 1077px #fff, 1656px 1207px #fff,
		968px 660px #fff, 205px 1214px #fff, 764px 1341px #fff, 1575px 1016px #fff,
		1503px 1917px #fff, 1154px 1766px #fff, 1102px 1023px #fff, 675px 1293px #fff,
		1069px 227px #fff, 1982px 960px #fff, 1826px 463px #fff, 133px 160px #fff,
		1938px 1088px #fff, 1671px 285px #fff, 819px 892px #fff, 1095px 1927px #fff,
		828px 1562px #fff, 1847px 1100px #fff, 1613px 1724px #fff, 492px 1688px #fff,
		1978px 1058px #fff, 52px 1517px #fff, 1420px 1837px #fff, 1109px 398px #fff,
		1833px 1740px #fff, 14px 9px #fff, 1095px 700px #fff, 158px 1969px #fff,
		225px 778px #fff, 487px 1080px #fff, 1782px 502px #fff, 726px 1999px #fff,
		1857px 1367px #fff, 1774px 1479px #fff, 1667px 5px #fff, 1292px 303px #fff,
		722px 339px #fff, 847px 736px #fff, 1200px 379px #fff, 251px 851px #fff,
		275px 787px #fff, 692px 1970px #fff, 1948px 1498px #fff, 1172px 661px #fff,
		1712px 425px #fff, 1377px 932px #fff, 1296px 763px #fff, 1137px 1377px #fff,
		255px 1564px #fff, 1312px 387px #fff, 1500px 239px #fff, 1464px 535px #fff,
		1576px 1976px #fff, 48px 1411px #fff, 178px 905px #fff, 653px 967px #fff,
		1426px 293px #fff, 881px 1422px #fff, 1274px 1742px #fff, 1193px 1581px #fff,
		1204px 700px #fff, 792px 726px #fff, 1090px 576px #fff, 1266px 1107px #fff,
		211px 1931px #fff, 269px 791px #fff, 1369px 764px #fff, 1516px 1601px #fff,
		1627px 1578px #fff, 88px 1795px #fff, 1322px 316px #fff, 1827px 213px #fff,
		1203px 1771px #fff, 680px 1141px #fff, 600px 1126px #fff, 761px 269px #fff,
		397px 828px #fff, 1406px 271px #fff, 1641px 1999px #fff, 1351px 1074px #fff,
		1038px 1734px #fff, 1976px 711px #fff, 94px 1514px #fff, 988px 325px #fff,
		1741px 1646px #fff, 11px 463px #fff, 1959px 1644px #fff, 272px 1583px #fff,
		760px 514px #fff;
}

#particles3,
#particles3:after {
	opacity: 0.5;
	width: 3px;
	height: 3px;
	box-shadow: 1675px 856px #fff, 1623px 1439px #fff, 295px 1894px #fff,
		341px 1815px #fff, 1026px 273px #fff, 327px 1336px #fff, 525px 313px #fff,
		1146px 1533px #fff, 444px 1248px #fff, 1078px 743px #fff, 1490px 449px #fff,
		680px 1393px #fff, 1121px 1515px #fff, 253px 1451px #fff, 964px 928px #fff,
		840px 1529px #fff, 1839px 1426px #fff, 1044px 367px #fff, 413px 1021px #fff,
		1829px 1991px #fff, 1227px 77px #fff, 285px 1192px #fff, 625px 1505px #fff,
		1245px 598px #fff, 105px 338px #fff, 1343px 480px #fff, 900px 1359px #fff,
		1487px 1961px #fff, 398px 424px #fff, 1477px 659px #fff, 391px 594px #fff,
		237px 1316px #fff, 955px 741px #fff, 160px 1321px #fff, 24px 836px #fff,
		484px 436px #fff, 1415px 63px #fff, 30px 1050px #fff, 1135px 1452px #fff,
		1517px 630px #fff, 1558px 1707px #fff, 1818px 917px #fff, 1975px 516px #fff,
		1873px 1958px #fff, 1563px 1753px #fff, 747px 641px #fff, 855px 1930px #fff,
		1507px 81px #fff, 1364px 1175px #fff, 937px 1458px #fff, 267px 524px #fff,
		1835px 915px #fff, 460px 765px #fff, 683px 1533px #fff, 904px 1807px #fff,
		1199px 488px #fff, 550px 1127px #fff, 1721px 1586px #fff, 1474px 839px #fff,
		483px 1192px #fff, 1159px 765px #fff, 24px 1878px #fff, 1202px 1658px #fff,
		1877px 1714px #fff, 597px 806px #fff, 1346px 1927px #fff, 1899px 1015px #fff,
		1289px 956px #fff, 1847px 958px #fff, 1674px 1195px #fff, 961px 1197px #fff,
		1163px 1815px #fff, 28px 1809px #fff, 794px 46px #fff, 1590px 1636px #fff,
		1129px 480px #fff, 182px 96px #fff, 1183px 156px #fff, 623px 670px #fff,
		1182px 529px #fff, 844px 748px #fff, 431px 839px #fff, 1574px 1871px #fff,
		1472px 902px #fff, 1867px 1066px #fff, 1437px 1454px #fff, 1990px 707px #fff,
		1229px 531px #fff, 1447px 1147px #fff, 1390px 1613px #fff, 1298px 1639px #fff,
		20px 1732px #fff, 1458px 77px #fff, 1569px 1867px #fff, 1567px 996px #fff,
		545px 1282px #fff, 107px 345px #fff, 1714px 1460px #fff, 732px 541px #fff,
		145px 1684px #fff;
}

#particles:after,
#particles2:after,
#particles3:after {
	content: ' ';
	position: absolute;
	top: 2000px;
	background: 0 0;
	z-index: -8;
}

#particles {
	background: 0 0;
	-webkit-animation: i 70s linear infinite;
	animation: i 70s linear infinite;
	z-index: -100;
}

#particles2 {
	background: 0 0;
	-webkit-animation: i 120s linear infinite;
	animation: i 120s linear infinite;
	z-index: -100;
}

#particles3 {
	background: 0 0;
	-webkit-animation: i 170s linear infinite;
	animation: i 170s linear infinite;
	z-index: -100;
}

.page-link {
	color: #ffffff !important;
	background-color: #ffffff2e !important;
	border: unset !important;
}

.page-link:hover {
	z-index: 2;
	color: unset !important;
	background-color: #e9ecef5c;
}

.page-item.active .page-link {
	color: #fff;
	background-color: var(--color-acent) !important;
	box-shadow: 0 0 10px var(--color-acent);
}

.page-item.disabled .page-link {
	color: #ffffff6b !important;
	background-color: #ffffff14 !important;
}

.list-item {
	margin-bottom: 1vh;
	padding: 1vh;
	display: flex;
	/* border-radius: 5px; */
	background: rgb(159 18 18 / 15%);
	user-select: none;
	transition: 0.5s var(--cubic) all;
	align-items: center;
	border: 1px solid #ffffff17;
	/* margin-right: 0.5vh; */
	width: 100%;
	cursor: pointer;
}

.list-item:hover {
	transform: scale(1.05);
	letter-spacing: 1px;
	background-color: rgb(38 8 8 / 32%);
	/* box-shadow: 0 0 20px #ffffff2e; */
}

.pointer {
	cursor: pointer;
}

.expandible .flecha {
	opacity: 0.8;
	transition: var(--cubic) all 0.5s;
}

.expandible .flecha:hover {
	opacity: 1;
}

.expandible.expand .flecha {
	transform: rotate(180deg);
}

@-webkit-keyframes i {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	to {
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}
}

@keyframes i {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	to {
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}
}

.carreras-box .item-flex-box {
	margin-bottom: 1vh;
	padding: 1vh;
	display: flex;
	height: 9vw;
	/* border-radius: 2vh; */
	background-color: rgb(32 0 0 / 58%);
	user-select: none;
	transition: 0.5s var(--cubic) all;
	align-items: center;
	border: 1px solid #ffffff3b;
	margin-right: 0.5vh;
	box-shadow: inset 0 0 20px #000000f2;
}

.item-flex-box {
	margin-bottom: 1vh;
	padding: 1vh;
	display: flex;
	/* height: 9vw; */
	/* border-radius: 2vh; */
	background-color: rgb(76 3 3 / 17%);
	user-select: none;
	transition: 0.5s var(--cubic) all;
	align-items: center;
	border: 1px solid #ffffff05;
	margin-right: 0.5vh;
	box-shadow: inset 0 0 20px #000000e0;
}

.item-flex-box:hover {
	background-color: rgb(255 255 255 / 32%);
	box-shadow: 0 0 20px #ffffff2e;
}

.item-flex-box .icon {
	width: 2.3vh;
	height: 2.3vh;
	margin-right: 1vh;
	transition: 1s var(--cubic) all;
	font-size: 2.3vh;
}

.anim_titulo {
	animation-timing-function: cubic-bezier(0.78, 0, 0, 1);
	animation-duration: 1s;
}

@keyframes gradientAnimation {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

.lni.display-6 {
	font-size: calc(1.375rem + 1.5vw) !important;
}

.lista-comercios .factura.bloqueado {
	/* filter: grayscale(1); */
background-color: rgb(63 0 111 / 32%) !important; 
	/* opacity: 0.3 !important; */
	box-shadow: 0 0 20px rgb(0 0 0 / 19%) !important;
	color: #ffffff91;
}

.lista-comercios .factura.bloqueado * {
	opacity: 0.7;
}

.lista-comercios .factura.bloqueado .btn-action {
	display: none;
}

.mercado-item {
	width: 100%;
	/* border-radius: 20px; */
	border: 1px solid rgba(255, 255, 255, 0.103);
	cursor: pointer;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: Bebas Neue;
	font-size: 2vh;
	color: white;
	text-shadow: 0 0 10px rgba(255, 255, 255, 0.411);
	height: 21.5vh;
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 2vh;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.445);
	transition: 0.5s var(--cubic) all;
	text-transform: uppercase;
}

.mercado-item:hover {
	transform: scale(1.05);
}

.mercado-item .mercado-level {
	padding: 0.5vh;
	font-family: 'Bebas Neue';
	color: white;
	font-size: 1.8vh;
	line-height: 1.8vh;
	padding-top: 0.8vh;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 5px;
	border: 1px solid rgba(255, 255, 255, 0.192);
	line-height: 1.8vh;
	position: absolute;
	bottom: 1vh;
	left: 1vh;
}

.mercado-item .mercado-price {
	font-family: 'Bebas Neue';
	color: var(--color-green);
	text-shadow: 0 0 10px var(--color-green);
	font-size: 1.8vh;

	line-height: 1.8vh;
	position: absolute;
	bottom: 1.5vh;
	right: 1.5vh;
}

.mt-2vh {
	margin-top: 2vh;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.grid-home {
	/* display: grid; */
	/* grid-template-columns: repeat(2, 1fr); */
	/* grid-template-rows: repeat(2, 1fr); */
	/* grid-column-gap: 0px; */
	/* grid-row-gap: 0px; */
	gap: 1vh;
	/* position: absolute; */
	display: flex;
	margin-bottom: 1vh;
}

.grid-money {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(1, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	gap: 1vh;
	position: absolute;
	right: 16%;
	margin-top: 1vh;
	margin-bottom: 2vh;
}

.footer-home {
	width: 100%;
	display: flex;
	justify-content: space-between;
	height: 100%;
	margin-bottom: 2.5vh;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: radial-gradient(at top, rgba(155, 36, 255, 0.9), rgba(80, 0, 130, 0.95));
	color: white;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}



.row-apps {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(9, 1fr);
  height: 76vh;
  /* width: 91vh; */
}

.topbarhomemm {
  grid-column: span 8 / span 8;
    grid-column-start: 1;
    grid-row-start: 1;
}

.policeappmm {
    grid-column: span 2 / span 2;
    grid-row: span 8 / span 8;
    grid-column-start: 1;
    grid-row-start: 2;
}

.comerciosmm {
	grid-column: span 6 / span 2;
	grid-row: span 9 / span 9;
	grid-column-start: 9;
	grid-row-start: 1;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: radial-gradient(at top, rgba(155, 36, 255, 0.9), rgba(80, 0, 130, 0.95));
	position: relative;
	overflow: hidden;
	display: flex;
	width: 100%;
}


.bandasmm {
    grid-column: span 4 / span 4;
    grid-row: span 4 / span 4;
    grid-column-start: 3;
    grid-row-start: 2;
      padding-bottom: calc(var(--bs-gutter-x));
      /* padding-top: calc(var(--bs-gutter-x)); */
}

.negociosmm {
  grid-column: span 4 / span 4;
    grid-row: span 4 / span 4;
    grid-column-start: 3;
    grid-row-start: 6;
}

.crewsmm {
    grid-column: span 2 / span 2;
    grid-row: span 8 / span 8;
    grid-column-start: 7;
    grid-row-start: 2;
}

.paddings-home {
}

.topbar-home {
	width: 100%;
	height: 81%;
	color: black;
	border: 1px solid rgba(255,255,255,.2);
	background-color: rgba(137, 16, 218, 0.8); 
	/* border-radius: 0.5vh; */
	radius: 0.5vh;
	padding: 1vh;
	margin-bottom: 3vh;
	font-family: 'Bebas Neue';
	text-transform: uppercase;
	font-size: 3.5vh;
	text-align: center;
}

.botones-inicio {
	display: flex;
	width: 100%;
	height: 100%;
	gap: 1vh;
}

.topbar-home img {
	width: 7vh;
	transform: scale(2.5) translateX(1vh);
	margin-right: 9vh;
}

.btn-codigo {
    position: absolute;
    top: 1.9vh;
    right: 2.5vh;
    font-size: 1.7vh;
    border: unset;
    color: transparent; /* texto invisible */
    background-color: transparent; /* fondo invisible */
    border-radius: 0.5vh;
    padding: 0.5vh 1vh;
    transition: 0.3s var(--cubic) all;
    pointer-events: none; /* no responde a clicks */
}

.btn-codigo:hover {
    background-color: transparent;
    transform: none;
}


#input-codigo-streamer {
	user-select: none;
}

.black-screen {
	background-color: rgba(0, 0, 0, 0.54);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	backdrop-filter: blur(10px);
}

.streamer-video-container {
	position: fixed;
	top: 0;
	left: 0;
	background-color: black;
	width: 100%;
	height: 100%;
	display: none;
	font-family: "Bebas Neue";
	text-transform: uppercase;
	font-size: 3vh;

}

.streamer-video {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}

.streamer-video video {
	position: relative;
	height: 100vh;
	object-fit: cover;

}

.show-load {
	display: none;
}

.rosa {
	color: var(--color-acent);
	font-size: 2vh;
}

.end-screen {
	display: none;
	background-color: rgba(0, 0, 0, 0.54);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	backdrop-filter: blur(10px);
}

.end-button {
	background-color: rgba(255, 255, 255, 0.22);
	color: rgba(255, 255, 255, 0.86);
	font-family: "Quicksand";



	border-radius: 2vh;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	padding: 3vh;
	width: 17vh;
	font-size: 2vh !important;
	text-transform: uppercase;
	gap: 2vh;
	font-weight: 100;
	text-shadow: 0 0 10px #ffffff69;
}

.end-button:hover {
	background-color: rgba(255, 255, 255, 0.32);
	transform: scale(1.05);
	color: white;
}

.end-button i {
	font-size: 10vh;
}

.anim-img {
	/* filter: invert(1); */
	opacity: 0.5;
}

/* todo Classes bindeo mapa */
.bindeomap {
	width: max-content;
	background-color: #000000c6;
	border-radius: 1vh 1vh 0 0;
	padding: 1vh;
	box-shadow: 0 0 20px transparent;
	transition: 0.3s var(--cubic) all;

}

.bindeo {
	display: flex;
	justify-content: space-between;
	padding: 0.5vh;
	gap: 2vh;
}

.bindeohelp {
	font-family: 'Bebas Neue';
	font-size: 1.0vw;
}

.key-selector {
	background-color: rgba(255, 255, 255, 0.206);
	width: 6vw;
	text-align: center;
	color: white;
	font-size: 1.2vh;
	font-weight: 600;
	border-radius: 5px;
	transition: 0.5s var(--cubic) all;
	cursor: pointer;
	border: unset;
	outline: unset;
}

.key-selector:hover {
	background-color: rgba(255, 255, 255, 0.277);
}

.key-selector.active {
	background-color: rgba(255, 255, 255, 0.589);
	animation: parpadeo var(--cubic) 1s infinite;
}

@keyframes parpadeo {
	0% {
		background-color: rgba(255, 255, 255, 0.589);
	}

	50% {
		background-color: rgba(255, 255, 255, 0.355);
	}

	100% {
		background-color: rgba(255, 255, 255, 0.589);
	}
}


.bind-button {
	background: linear-gradient(0deg, #000000d9, #0000008c);
	width: 5vh;
	border-radius: 1vh 1vh 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 20px #00000073;
	font-size: 1.7vh;
	padding: 0.5vh 0;
	cursor: pointer;
	transition: 0.3s var(--cubic) all;
	background-color: transparent;
}

.bind-button i {
	transition: 0.3s var(--cubic) all;
	opacity: 0.7;

}

.bind-button:hover {
	background-color: rgba(0, 0, 0, 0.22);
}

.bind-zone {
	bottom: -8.3vh;
	left: 0;
	flex-direction: column;
	transition: 0.3s var(--cubic) all;
}

.bind-zone.active {
	transform: translateY(-8.3vh);
}

.bind-zone.active .bindeomap {
	box-shadow: 0 0 20px #00000073;
}

.bind-zone.active .bind-button i {
	transform: rotate(180deg);
	opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #adadad;
}

.c-modal .list-group-item {
	color: white !important;
	background-color: #0000001f !important;
}

.c-modal .list-group-item-action:focus,
.c-modal .list-group-item-action:hover {
	color: #666363 !important;
	text-decoration: none;
	background-color: #0c0c0c38 !important;
}

.lista-facturas {
	position: absolute;
	top: 7vh;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: scroll;
}

.indicador-pendientes {
	position: absolute;
	top: 0.5vh;
	right: 0.5vh;
	border-radius: 100%;
	padding: 0.1vh;
	font-size: 1.3vh;
	color: white;
	font-family: "quicksand";
	background-color: var(--color-acent);
	display: none;
	min-width: 2vh;
	font-weight: bold;
}

@keyframes qrr {
	0% {
		opacity:.5;
	}

	50% {
		opacity: 1;
		filter: brightness(1);
	}
	
	100% {
		opacity:.5;
	}
	
}

.police-red {
	background: linear-gradient(to bottom, transparent, rgba(255,0,0,.5)) !important;
	animation: 2s cubic-bezier(0, 0.53, 0.11, 0.995) qrr infinite;
	
	color: white;
	border: .5px solid rgba(255,255,255,.2);
	font-family: 'Bebas NeueB';
	font-size: 2vh;
}
.police-green {
	background: linear-gradient(to bottom, transparent, rgba(0,255,0,.5)) !important;
	border: 1px solid rgba(255,255,255,.2);
	color: white;
	font-size: 2vh;
	font-family: 'Bebas NeueB';
}

.police-red:hover {
	opacity: .5 !important;
	background: linear-gradient(to bottom, transparent, rgba(255,0,0,.5)) !important;

	/* background-color: rgb(95, 6, 6) !important; */
}

.police-green:hover {
	background: linear-gradient(to bottom, transparent, rgba(0,255,0,.5)) !important;
	opacity: .5 !important;
}

.conce-search-bar input {
  border-radius: 25px !important;
  margin-bottom: .5vh;
}