.local .bg-locales {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, #4c273d, #c272ffc4);
	opacity: 0.7;
	z-index: -1;
}

.local .section-title {
	font-family: 'Bebas Neue';
	font-size: 3vh;

	/* text-shadow: 0 0 10px #ffffff87; */
	font-weight: 100 !important;
	text-shadow: 0 0 20px #ffffffa3;
	-webkit-text-stroke: 0.1vh #ffffff;
	color: #ffffff7a;
}

.local .app-container {
	display: none;
	/* opacity:0; */
}

.local .app-container.activa {
	display: block;
}

.local-main-top {
	gap: 30vh;
}

.local .local-home .local-title {
	/* 	display: block; */
	/* 	align-items: center; */
	/* 	justify-content:center; */
	font-size: 4vh;
	/* width: 78vh; */
	margin: 1vh 0px;
	text-align: center;
	text-transform: uppercase;
	line-height: 6vh;
	font-family: 'Bebas Neue';
	text-shadow: 0 0 20px #ff0076a3;
	-webkit-text-stroke: 0.1vh #ff4c9f;
	color: #ab04587a;
	word-break: auto;
	display: flex;
	flex-direction: row;
	gap: 1vh;
	align-items: center;
}

.local .local-home .local-title .title {
	line-height: 5.8vh;
	margin-top: 2vh;
	/* gap: 4.5vw; */
	margin-bottom: 2vh;
}

.local .local-bg-title {
	font-family: 'Bebas Neue';
	font-size: 1.8vh;
	/* border-bottom: 2px solid #ffffff8c; */
	margin-bottom: 1vh;
	background: linear-gradient(90deg, #ff005ebf, transparent);
	/* border-radius: 5px 5px 0 0; */
	padding: 0 1vh;
	line-height: 1.8vh;
	padding-top: 0.5vh;
	padding-bottom: 0.2vh;
}

.local .local-top-text .title {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

	flex-direction: column;
}

.local .local-top-text {
	font-size: 3vh;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: "Bebas Neue";
	text-shadow: rgb(255 255 255 / 63%) 0px 0px 20px;
	-webkit-text-stroke: 1px white;
	color: rgb(0 0 0 / 46%);
	width: 37vh;
	height: 100%;

}

.local .local-members-container {
	text-align: right;
}

.local .dark-block.padding {
	padding: 2vh;
}

.local-button {
	background: linear-gradient(45deg, #0000005c, #4848485c);
	border-radius: 1.5vh;
	color: #ffffffb8;
	padding: 1vh;
	border: 1px solid #ffffff0f;
	width: max-content;
	box-shadow: 0 0 10px #0000002b, inset 0 0 40px rgb(0 0 0 / 0%);
	backdrop-filter: blur(5px);
	transition: 0.5s var(--cubic) all;
	cursor: pointer;
	background-color: rgba(35, 183, 252, 0);
	font-size: 4vh;
}

.local-button:hover {
	background-color: rgb(255 255 255 / 22%);
	box-shadow: 0 0 20px rgb(255 255 255 / 18%);
}

/* .local .local-stat .local-border{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(45deg, #2e191fb8 30%, #ff4fb938 80% , transparent);
    box-shadow: 0 0 10px #0000006b, inset 0 0 30px black;
    border-radius: 5px 0 0 5px;
    border-radius: 20px;
    border: 1px solid #ffffff1f;
} */

.local .local-stat {
	display: flex;
	justify-content: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-position: center;
	/* background: #1e182ab8; */
	/* box-shadow: 0 0 20px #cc00ff52; */
	height: 19vh;
	margin-bottom: -0.5vh;
	border-radius: 20px;
	position: relative;
}

.local .local-stat img {
	width: 8vh;
	opacity: 0.9;
	filter: drop-shadow(white 0px 0px 20px);
	position: relative;
}

.local .local-stat h4 {
	font-family: 'Bebas neue';
	text-shadow: 0 0 20px #ffffff61;
	/* -webkit-text-stroke: 1px var(--color-green); */
	color: #ffffff;
	font-size: 2vh;
	letter-spacing: 3px;
	position: absolute;
	left: 0;
	top: 1.5vh;
	width: 100%;
	text-align: center;
	margin-top: 1vh;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2vh;
}

.local .local-stat .data {
	color: #ffcd17cc;
	font-weight: 300;
	font-size: 5vh;
	margin-top: 3vh;
	text-align: center;
	padding: 0 2vh;
	/* border-radius: 100px; */
	font-family: 'Quicksand';
	margin-left: 10vh;
	font-weight: bold;
}

.local .local-title .progress-bar {
	background: #ffffff33;
	font-family: 'Bebas neue';
	height: 2vh;
	/* border-radius: 5px; */
	position: relative;
	box-shadow: 0 0 10px #ffffff40;
	border: 1px solid rgba(255, 255, 255, 0.21);
	/* margin-left: 5%; */
	position: absolute;
	left: 0;
	top: 11vh;
	overflow: visible !important;
	border-radius: 2vh;
	width: 33vh;
	/* margin-left: 9%;*/
}

.local .local-estadisticas .progress-bar {
	width: 100%;
	background: #ffffff33;
	height: 3vh;
	font-family: 'Bebas neue';
	/* border-radius: 5px; */
	position: relative;
	margin-bottom: 1.5vh;
	box-shadow: 0 0 10px #00000040;
	border: 1px solid rgba(255, 255, 255, 0.21);
	/* margin-left: 5%; */
	/* position: absolute; */
	/* left: 0; */
	/* bottom: -1.6vh; */
	overflow: visible !important;
}

.local .stat-title {
	font-family: 'Bebas Neue';
	font-size: 2.5vh;
}

.local .progress-bar .progress-bar-fill {
	box-shadow: inset 0 0 20px rgb(255 255 255 / 34%), 0 0 10px rgb(236 75 125);
	height: 4vh;
	border-radius: 2vh;
	background: rgb(255 0 79 / 62%);
}

.local .local-title .progress-bar .next-level {
	position: absolute;
	top: 0.9vh;
	font-size: 1.2vh;
	right: 0.5vh;
	color: rgb(255 255 255);
	line-height: 0vh;
	text-shadow: 0 0 10px rgb(0 0 0);
	letter-spacing: 0.2vh;
}

.local .local-title .progress-bar .next-level {
	position: absolute;
	font-size: 1.2vh;
	right: -8.5vh;
	color: white;
	position: absolute;
	-webkit-text-stroke: initial;
	text-shadow: unset;
	font-weight: 100;
	font-family: 'Bebas Neue';
	height: max-content;
	top: 1vh;
	letter-spacing: 0.2vh;
	text-shadow: initial;
}

.local .dark-block.inventory {
	height: 28vh;
	margin-bottom: 2.5vh;
}

.local .dark-block.members {
	margin-top: 3vh;
}

.local .dark-block.missions {
	height: 43vh;
	margin-top: 3vh;
}

.local .dark-block.missions .item-flex-box-data {
	cursor: pointer;
}

.local .dark-block.drugs {
	height: 10.5vh;
}

.local .dark-block.block-radio {
	margin-left: 4vh;
	margin-top: 3vh;
}

.local .local-vehicles .slider-container {
	height: 78vh;
	/* margin-bottom: 2.5vh; */
}

.local .slider-mission {
	background-size: cover !important;
	background-position: center center !important;
	height: 100%;
}

.local .slider-info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10vh;
	backdrop-filter: blur(10px);
	background: linear-gradient(177deg, rgb(0 0 0 / 92%), #1c181aad);
	box-shadow: 0 0 20px #000000f5;
	padding: 2vh;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.local .slider-info .slider-title {
	font-family: 'Bebas Neue', cursive;
	font-size: 3vh;
	line-height: 3vh;
	text-shadow: rgb(255, 255, 255) 0px 0px 20px;
}

.local .slider-info .slider-description {
	font-family: 'Quicksand';
	font-size: 1.8vh;
	line-height: 1.8vh;
}

.local .swiper {
	border-radius: 10px !important;
	box-shadow: 0 0 10px #0000002b, inset 0 0 40px rgb(0 0 0 / 0%);
}

.local .swiper-button-next,
.swiper-button-prev {
	color: white !important;
}

.local .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #ff008d !important;
	box-shadow: 0 0 10px #ff008d;
}

.local .slider-container .mission-level-to {
	position: absolute;
	top: 2vh;
	left: 2vh;
	background-color: #000000d1;
	padding: 0.3vh 1vh;
	font-size: 2vh;
	font-family: 'Bebas Neue';
	border-radius: 5px;
	letter-spacing: 2px;
	/* line-height: 3vh; */
	box-shadow: 0 0 10px #00000094;
	border: 1px solid #ffffff82;
}

.local .slider-container .mission-action .btn-success {
	color: var(--color-green) !important;
	background: linear-gradient(45deg, #8aff8a3b, #8aff8a7d);
	border-color: #8aff8a;
	/* font-weight: bold; */
	text-shadow: 0 0 10px var(--color-green);
	box-shadow: 0 0 10px #8aff8a7a;
	border: 1px solid #8aff8a61;
}

.local .slider-container .mission-action .btn-success:hover,
.slider-container .mission-action .btn-success:focus {
	color: #fff;
	background-color: #8aff8a5c;
	border-color: #8aff8a61;
	box-shadow: 0 0 10px #8aff8ad6;
	text-shadow: 0 0 10px #ffffff;
}

.local .slider-container .slider-mission.bloqueada {
	filter: grayscale(100%) brightness(0.3);
}

.local .inv-container {
	height: 24vh;
	overflow-y: auto;
	padding: 0;
	padding-top: 0.5vh;
	margin: 0;
	margin-bottom: 1vh;
}

.local .inv-container .item {
	width: 100%;
	/* height: auto; */
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgb(255 255 255 / 7%);
	border-radius: 5px;
	padding: 0.2vh;
	position: relative;
	transition: 0.5s var(--cubic) all;
	cursor: pointer;
	overflow: hidden;
	margin: 1vh 0;
	border: 1px solid #ffffff0d;
}

.local .inv-container .item:hover {
	transform: scale(1.05);
	background-color: rgba(255, 255, 255, 0.134);
}

.local .inv-container .item img {
	width: 100%;

	object-fit: contain;
}

.local .inv-container .item .item-amount {
	position: absolute;
	bottom: 0.5vh;
	right: 0.5vh;
	font-size: 1.3vh;
	font-weight: 600 !important;
	padding: 0 0.3vh;
	font-family: 'Quicksand';
	border-radius: 5px;
	font-weight: bold;
	background-color: rgb(189 0 113 / 75%);
	color: white;
	box-shadow: 0 0 10px var(--color-acent);
	opacity: 0.9;
}

.local .missions-container {
	height: 30vh;
	padding: 1vh;
	overflow-y: auto;
}

.local .missions-container .mission {
	margin-bottom: 1vh;
	padding: 1vh;
	display: flex;
	border-radius: 10px;
	background-color: rgb(255 255 255 / 7%);
	user-select: none;
	transition: 0.5s var(--cubic) all;
	align-items: center;
}

.local .missions-container .mission:hover {
	/* transform:scale(1.05); */
	background-color: rgba(255, 255, 255, 0.134);
}

.local .missions-container .mission img {
	width: 6vh;
	height: 6vh;
	margin-right: 1vh;
	transition: 1s var(--cubic) all;
}

.local .missions-container .mission:hover img {
	transform: rotate(90deg) scale(0.8);
}

.local .missions-container .mission .mission-title {
	font-size: 2.3vh;
	font-family: 'Bebas Neue';
	line-height: 2vh;
}

.local .missions-container .mission .mission-description {
	font-size: 1.5vh;
	font-family: 'Quicksand';
	line-height: 1.5vh;
}

.local .missions-container .mission.blocked {
	filter: grayscale(100%) brightness(0.3);
}

.local .car-list {
	width: 100%;
	/* height:40vh; */
}

.local .shop-flex-box {
	margin-bottom: 1vh;
	display: flex;
	border-radius: 5px;
	background-color: rgb(255 255 255 / 15%);
	user-select: none;
	transition: 0.5s var(--cubic) all;
	align-items: center;
	border: 1px solid #ffffff3b;
	margin-right: 0.5vh;
}

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

.local .shop-flex-box.bloqueado {
	opacity: 0.4;
	pointer-events: none;
}

.local .shop-flex-box .description {
	font-size: 1.3vh;
	font-family: 'Quicksand';
	line-height: 1.5vh;
	text-transform: uppercase;
	font-weight: 100;
}

.local .items-almacen .description {
	margin-left: 5.5vh;
	margin-top: 1vh;
	margin-bottom: 1vh;
}

.local .shop-flex-box .icon {
	width: 3vh;
	height: 3vh;
	margin-right: 0.5vh;
	transition: 1s var(--cubic) all;
	font-size: 3vh;
	margin-left: 1vh;
}

.local .shop-flex-box .badge-price {
	background-color: var(--color-green);
	margin-right: 2vh;
	color: black;
	box-shadow: 0 0 10px #8aff8aa2;
	font-size: 1.5vh;
	padding: 0.1vh 0.5vh;
	border-radius: 5px;
	font-weight: 600;
	width: max-content;
}


/*
.local .shop-flex-box .add-cart-button{
    width: max-content;
    display: flex;
    font-family: 'Bebas Neue';
    place-content: center;
    place-items: center;
    padding: 0 1vh;
    background-color: rgba(255, 255, 255, 0.822);
    font-size: 1.5vh;
    color: black;
    transition: 0.5s var(--cubic) all;
    cursor: pointer;
    overflow: hidden;
    height: auto;
    margin-right: 0.5vh;
    border-radius: 5px;
    border: 1px solid white;
    line-height: 2vh;
    padding-top: 0.4vh;
}

.local .shop-flex-box .add-cart-button:hover{
    background-color:rgba(255, 255, 255, 0.959);

}

.local .shop-flex-box .add-cart-button i{
    margin-right:1vh;
} */

.local .shop-flex-box-count {
	display: flex;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.226);
	user-select: none;
	transition: 0.5s var(--cubic) all;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, 0.37);
	margin-right: 2.5vh;
	overflow: hidden;
	/* width:16.9vh; */
	width: max-content;
}

.local .shop-flex-box-count .btn-cant {
	background-color: rgba(255, 255, 255, 0.267);
	padding: 0 1vh;
	cursor: pointer;
	height: 2.8vh;
	display: flex;
	place-content: center;
	place-items: center;
	transition: 0.5s var(--cubic) all;
}

.local .shop-flex-box-count .btn-cant:hover {
	background-color: rgba(255, 255, 255, 0.479);
}

.local .shop-flex-box-count .cant {
	padding: 0 1vh;
	text-align: center;
	width: 3.5vh;
	background: transparent;
	color: white;
	font-weight: 500;
	border: none;
}

.local .shop-flex-box .title {
	font-size: 2.1vh;
	font-family: 'Bebas Neue';
	line-height: 1.8vh;
	padding: 1.2vh 1vh 1vh 1vh;
}

.local .shop-flex-box .delete-item {
	color: rgba(255, 255, 255, 0.61);
	font-size: 1.7vh;
	cursor: pointer;
	transition: 0.5s var(--cubic) all;
	cursor: pointer;
	margin-right: 1vh;
}

.local .shop-flex-box:hover .delete-item {
	color: rgba(255, 255, 255, 0.918);
}

.local .dark-content.shop-articulos,
.local .dark-content.items-almacen {
	height: 70vh;
	overflow-y: auto;
}

.local .dark-content.carrito {
	margin-bottom: 9vh;
	height: 61vh;
	overflow-y: auto;
}

.local .carrito-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}

.local .carrito-footer .carrito-total {
	padding: 0.5vh 0;
	background: #ffffffed;
	color: black;
	font-size: 2vh;
	font-weight: 300;
	box-shadow: 0 0 10px #ffffff47;
}

.local .carrito-footer .carrito-total #total-carrito {
	font-weight: 800;
	color: rgb(0 0 0);
}

.local .carrito-footer .btn-comprar-carrito {
	background-color: rgb(153 39 76 / 82%);
	padding: 0.8vh 0;
	font-family: 'Bebas Neue';
	font-size: 2vh;
	opacity: 0.6;
	transition: 0.5s var(--cubic) all;
}

.local .carrito-footer .btn-comprar-carrito.activo {
	opacity: 1;
	cursor: pointer;
}

.local .carrito-footer .btn-comprar-carrito.activo:hover {
	background-color: rgba(0, 0, 0, 0.479);
}

.local .dark-content.carrito .title {
	font-size: 1.7vh;
}

.local .dark-content.carrito .icon {
	font-size: 2vh;
	height: unset;
	width: unset;
}

.icon.success {
	color: var(--color-green);
	text-shadow: 0 0 20px #8aff8a7a;
}

.icon.red {
	color: var(--color-danger);
	text-shadow: 0 0 20px #ff00007a;
}

.local .item-flex-box:hover .icon {
	transform: scale(1.2);
}

.local .item-flex-box .title {
	font-size: 1.5vh;
	font-family: 'Bebas Neue';
	line-height: 1.5vh;
	margin-top: 0.3vh;
	text-transform: uppercase;
}

.local .item-flex-box .description {
	font-size: 1.3vh;
	font-family: 'Quicksand';
	line-height: 1.5vh;
	text-transform: uppercase;
	font-weight: 100;
}

.local .container-local-cars {
	position: relative;
	z-index: 2;
}

.local .container-local-cars .car-container {
	visibility: hidden;
	opacity: 0;
	transform: translateY(-3vh);
	transition: 0.5s var(--cubic) all;
	position: absolute;
	width: 53vh;
	right: 0;
	top: 7vh;
	background-color: rgb(0 0 0 / 80%);
	box-shadow: rgb(0 0 0 / 70%) 0px 0px 20px;
	backdrop-filter: blur(10px);
	padding: 1vh;
	border-radius: 10px;
}

.local .container-local-cars.show .car-container {
	visibility: visible;
	opacity: 1;
	transform: translateY(0vh);
}

.local .container-local-cars.show .local-button {
	background-color: rgb(255 255 255 / 22%);
	box-shadow: 0 0 20px rgb(255 255 255 / 18%);
}

.local .members-list {
	height: 40vh;
	overflow-y: auto;
}

.local .dark-block.garages {
	margin-top: 2vh;
}

.local .dark-block .radio-container {
	height: 35vh;
}

.local .dark-block .lateral-container {
	height: 45.5vh;
}

.local .garages-list,
.local .vehicles-list {
	height: 71.5vh;
	overflow-y: auto;
}

.local .map {
	width: 100%;
	height: 79vh;
	outline: none;
	border-radius: 10px;
	box-shadow: 0 0 20px #00000080;
}

/* .local .leaflet-popup-content-wrapper, .leaflet-popup-tip{
    background: #0000008c !important;
    color: #fff !important;
    border-radius:10px !important;
    backdrop-filter: blur(10px) !important;
} */

.local .zona-mapa {
	position: relative;
	overflow: hidden;
}

.local .info-mapa {
	transition: 0.5s var(--cubic) all;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.773);
	backdrop-filter: blur(10px);
	transform: translateY(10vh);
	opacity: 0;
	visibility: hidden;
	border-radius: 0 0 10px 10px;
	padding: 2vh;
	z-index: 999;
}

.local .info-mapa.show {
	transform: translateY(0vh);
	opacity: 1;
	visibility: visible;
}

.local .right-buttons {
	/* background-color:blue; */
	/* height:100%; */
	width: 100%;
	flex-wrap: wrap;
	justify-content: flex-end;
	/* margin-top: 2vh; */
}

.local .right-buttons .secondary-box {
	width: 44%;
	height: 18vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-family: 'Bebas Neue', cursive !important;
	/* color: white; */
	/* text-shadow: 0 0 20px black; */
	font-size: 2.2vh;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	/* border: unset; */
	padding: 1vh 2vh;
	line-height: 3vh;
	align-content: flex-end;
	margin: 0 1vh 2vh 1vh;
	/* background: linear-gradient(87deg, #248ba37a, #000000c7); */
}

.local .right-buttons .secondary-box i {
	font-size: 6vh;
	margin-bottom: 1vh;
	/* width:100%; */
}

.local .right-buttons .secondary-box img {
	width: 6vh;
	margin-bottom: 1vh;
	/* width:100%; */
	opacity: 0.8;
}

.local .right-buttons .secondary-box div {
	transform: translateY(0.2vh);
	text-align: center;
}

.local .right-buttons .secondary-box i,
.local .right-buttons .secondary-box img {
	transition: 0.5s var(--cubic) all;
}

.local .right-buttons .secondary-box div {
	transition: 0.5s var(--cubic) all;
}

.local .right-buttons .secondary-box:hover i,
.local .right-buttons .secondary-box:hover img {
	transform: scale(2) translateY(1vh);
	/* 	color: white; */
	opacity: 1;
}

.local .right-buttons .secondary-box:hover div {
	transform: translateY(5vh);
	opacity: 0;
}

/* 
.local .right-buttons .secondary-box:hover {
	background-color: rgb(0, 0, 0);
	border: 1px solid #ffffff42;
	box-shadow: 0 0 20px #000000;
}

.local .right-buttons .secondary-box:active {
	background-color: rgba(0, 0, 0, 0.69);
	border: 1px solid #ffffff85;
	transform: scale(0.95);
} */

.local .decorate-button {
	border-radius: 10px;
	color: rgb(255 255 255);
	text-transform: uppercase;
	box-shadow: 0 0 30px rgb(66 66 66 / 59%);
	margin-top: 2vh;
	background-image: url(../img/openBusiness.png);
	background-size: cover;
	margin-left: 3vh;
	margin-right: 1vh;
	height: 28.5vh;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: 0.5s var(--cubic) all;
	/* text-shadow: 0 0 20px rgb(255 255 255 / 64%); */
	font-family: 'Bebas Neue';
	font-size: 7vh;
	text-align: center;
	line-height: 7vh;
	border: 1px solid #ffffff1c;
}

.local .missions-button:hover {
	background-color: rgba(255, 255, 255, 0.911);
	box-shadow: 0 0 30px rgba(255, 255, 255, 0.527);
	transform: scale(1.03);
}

/*CREATOR*/

.local-creator * {
	user-select: none;
}

.local-creator .title-creator {
	font-family: 'Bebas Neue';
	font-size: 5vh;
	text-shadow: 0 0 10px #ffffff87;
	font-weight: 100 !important;
}

.local-creator .p-creator {
	font-size: 2vh;
	margin-bottom: 2vh;
	border: 1px solid #ffffff2b;
	padding: 0 1vh;
	border-radius: 2vh;
	background-color: #ffffff2e;
	margin-top: 2vh;

}

.local-creator .title-local-container {
	display: flex;
	padding: 2vh 0;
	padding-top: 1vh;
}

.local-creator .input-local-title {
	/* margin-left:1vh; */
	font-size: 3vh;
	padding: 1vh;
	font-family: 'Bebas Neue';
	border: 1px solid #ffffffd1;
	background-color: #ffffff94;
	box-shadow: 0 0 20px #ffffff38;
	color: #9b0056;
}

.local-creator .input-local-title::placeholder {
	color: #00000046;
}

.local-creator .input-color {
	height: 5.8vh;
	height: 5.8vh;
	width: 6.8vh;
	border-radius: 5px;
	padding: 0;
	overflow: hidden;
	border: 1px solid white;
	box-shadow: 0 0 10px white, inset 0 0 20px black;
	cursor: pointer;
}

.local-creator .rangos-list,
.local-settings .rangos-list {
	margin-top: 1vh;
	height: 55vh;
	overflow-y: scroll;
	padding-right: 0.5vh;
}

.local-creator .permisos-tab,
.local-settings .permisos-tab {
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 1vh;
	height: 55vh;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s var(--cubic) all;
	transform: scale(0.97);
	position: absolute;
	width: 98.5%;
}

.local-creator .permisos-tab.activa,
.local-settings .permisos-tab.activa {
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}

.local-creator .zona-permisos,
.local-settings .zona-permisos {
	height: 55vh;
	margin-top: 1vh;
}

.local-creator .rangos-list .rango,
.local-settings .rangos-list .rango {
	border-radius: 2vh;
	background-color: rgb(106 106 106 / 25%);
	font-size: 2vh;
	cursor: pointer;
	transition: 0.5s var(--cubic) all;
	margin-bottom: 0.5vh;
	display: flex;
	/* overflow: hidden; */
	/* box-shadow: inset 0 0 20px #0000004f; */
	/* color: black; */
	/* font-weight: bold; */
	text-shadow: 0 0 20px #ffffff69;
	letter-spacing: 0.1vh;
	font-family: 'Bebas Neue';
	border: 1px solid #ffffff2b;
}

.local-creator .rangos-list .rango:hover,
.local-settings .rangos-list .rango:hover {
	background-color: rgba(142, 142, 142, 0.763);
}

.local-creator .rangos-list .rango.nuevo,
.local-settings .rangos-list .rango.nuevo {
	align-items: center;
	background-color: #00805761;
}

.local-creator .rangos-list .rango.nuevo:hover,
.local-settings .rangos-list .rango.nuevo:hover {
	background-color: rgba(172, 0, 123, 0.266);
}

.local-creator .rangos-list .rango.nuevo .icon,
.local-settings .rangos-list .rango.nuevo .icon {
	background-color: rgba(4, 208, 109, 0.653);
	box-shadow: 0 0 5px rgb(4 208 109 / 56%);
}

/* .local-creator .rangos-list .rango.nuevo i{
    padding:1vh;

} */

.local-creator .rangos-list .rango.active,
.local-settings .rangos-list .rango.active {
	background-color: #ffffff40;
}

.local-creator .rangos-list .rango .icon,
.local-settings .rangos-list .rango .icon {
	color: white;
	display: flex;
	align-content: center;
	justify-content: center;
	padding: 1vh;
	box-shadow: 0 0 20px #00f3ff78;
	border-right: 1px solid #00f3ff33;
	background: #00f3ff54;
	border-radius: 2vh 0 0 2vh;
	transition: 0.5s var(--cubic) all;
}

.local-creator .rangos-list .rango:hover .icon,
.local-settings .rangos-list .rango:hover .icon {
	color: white;
	display: flex;
	align-content: center;
	justify-content: center;
	padding: 1vh;
	box-shadow: 0 0 10px #ff009097;
	border-right: 1px solid #ff00902f;
	background: #ff0090ab;
}

.local-creator .rangos-list .rango .icon i,
.local-settings .rangos-list .rango .icon i {
	transition: 0.5s var(--cubic) all;
}

.local-creator .rangos-list .rango:hover .icon i,
.local-settings .rangos-list .rango:hover .icon i {
	transform: scale(1.3) rotate(10deg);
}

.local-creator .rangos-list .rango .rango-name,
.local-settings .rangos-list .rango .rango-name {
	padding: 0.5vh 1vh;
	width: 100%;
}

.local-creator .rangos-list .rango .delete-rango,
.local-settings .rangos-list .rango .delete-rango {
	padding: 1vh;
	opacity: 0.8;
	cursor: pointer;
	transition: 0.5s var(--cubic) all;
}

.local-creator .rangos-list .rango .delete-rango:hover,
.local-settings .rangos-list .rango .delete-rango:hover {
	opacity: 1;
	transform: scale(1.1);
}

.local-creator .permiso,
.local-settings .permiso {
	width: 100%;
	display: flex;
	margin-bottom: 1vh;
	align-items: center;
	background-color: rgba(255, 255, 255, 0.114);
	border-radius: 5px;
	padding: 1vh;
}

.local-creator .permiso .permiso-info,
.local-settings .permiso .permiso-info {
	width: 100%;
}

.local-creator .permiso .permiso-info .permiso-title,
.local-settings .permiso .permiso-info .permiso-title {
	font-size: 1.5vh;
	/* font-family: bankgothic; */
	line-height: 1.5vh;
	font-weight: bold;
}

.local-creator .permiso .permiso-info .permiso-description,
.local-settings .permiso .permiso-info .permiso-description {
	font-size: 1.5vh;
	font-family: 'Quicksand';
	color: rgba(255, 255, 255, 0.591);
	margin: 0;
	font-weight: 100;
	line-height: 1.5vh;
	margin-top: 0.5vh;
}

.local-creator .button-continuar {
	/* display: flex; */
	/* justify-content: end; */
	margin-top: 1vh;
	display: none;
	text-align: right;
}

.local-creator .button-continuar .btn-action {
	font-family: 'eth';
	/* color: #2c2c2c; */
	letter-spacing: 0.2vh;
	font-size: 2.5vh;
}

.local-creator .pasos {
	display: none;
}

.local-creator .pasos.activa {
	display: block;
}

.local-creator #img-paso2 {
	width: 100%;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.363);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.247);
}

.local-creator #bloque-derecha {
	transform: translateX(-10vh) translateY(25vh);
}

.local-creator .text-grande {
	font-size: 2vh;
	margin-top: 3vh;
}

/*CREATOR*/

.switch {
	position: relative;
	display: inline-block;
	width: 4.1vh;
	height: 1.9vh;
}

/* Hide default HTML checkbox */
.check.xl .switch {
	width: 6.1vh;
	height: 2.9vh;
}

.check.xl .slider-check:before {
	width: 2.3vh;
	height: 2.3vh;
}

.check.xl input:checked+.slider-check:before {
	transform: translateX(3.2vh);
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider-check {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(0, 0, 0);
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.slider-check:before {
	position: absolute;
	content: '';
	width: 1.3vh;
	height: 1.3vh;
	left: 0.3vh;
	bottom: 0.3vh;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

input:checked+.slider-check {
	background-color: #01b073;
}

input:focus+.slider-check {
	box-shadow: 0 0 1px #2196f3;
}

input:checked+.slider-check:before {
	transform: translateX(2.2vh);
}

/*INFOMES*/

.local .info-box-title {
	font-family: 'Quicksand';
	text-transform: uppercase;
	font-weight: 100;
	font-size: 1.3vh;
}

.local .info-box-value {
	font-family: 'Quicksand';
	font-size: 1.8vh;
	line-height: 2vh;
	margin-top: 0.5vh;
	font-weight: 500;
}

.local .border-left {
	border-left: 1px solid #ffffff38;
}

.local .note-info {
	font-family: 'Quicksand';
	text-transform: uppercase;
	justify-content: flex-end;
	font-size: 1.2vh;
	color: #ffffff91;
}

.local .note-info div {
	margin-left: 1vh;
}

.local .notes-list-pinned .pinned {
	background-color: #9b126440 !important;
}

.local .delete-button {
	position: absolute;
	top: 1vh;
	right: 1vh;
	color: rgba(255, 255, 255, 0.747);
	font-size: 1.6vh;
	cursor: pointer;
	transition: var(--cubic) 0.5s all;
	opacity: 0;
	transform: scale(0.8);
}

.local .pin-button {
	position: absolute;
	top: 1vh;
	right: 4vh;
	color: rgba(255, 255, 255, 0.747);
	font-size: 1.8vh;
	cursor: pointer;
	transition: var(--cubic) 0.5s all;
	opacity: 0;
	transform: scale(0.8);
}

.local .list-group-item-action:hover .delete-button,
.local .list-group-item-action:hover .pin-button {
	opacity: 1;
	transform: scale(1);
}

.local .delete-button:hover,
.local .pin-button:hover {
	color: white;
}

.local .citizen-info-container {
	overflow-y: auto;
	height: 55vh;
	/* padding: 1vh; */
	/* padding-right: 0.5vh; */
}

.local .citizen-info-container-mini {
	overflow-y: auto;
	height: 15vh;
	padding-right: 0.5vh;
}

.local .new-button {
	text-transform: uppercase;
	font-size: 1.3vh;
	font-family: 'Quicksand';
	cursor: pointer;
	opacity: 0.5;
	transition: var(--cubic) 0.5s all;
}

.local .new-button:hover {
	opacity: 1;
}

.local .evidence {
	text-align: center;
	background-color: #ffffff3d;
	border-radius: 5px;
	color: white;
	transition: 0.5s var(--cubic) all;
	padding: 1vh;
}

.local .evidence img {
	width: 100%;
	cursor: pointer;
	border-radius: 3px;
	transition: 0.5s var(--cubic) all;
}

.local .evidence:hover {
	transform: scale(1.05);
	background-color: #ffffff63;
}

/*INFORMES*/

.local .setting-container .setting-title {
	/* margin-bottom: 1vh; */
	text-transform: uppercase;
	color: #ffffffd9;
	/* font-weight: bold; */
	font-size: 2vh;
	text-shadow: 0 0 20px white;
	font-family: 'Bebas Neue';
	letter-spacing: 0.2vh;
}

.local .local-settings .button-settings {
	background-color: #ffffffc7;
	border-radius: 2vw;
	border: 1px solid white;
	height: 4vw;
	color: #ff005ebf;
	font-family: 'Bebas Neue';
	display: flex;
	align-items: center;
	justify-contnet: center;
	font-size: 2.5vh;
	/* 	padding: 1vh 2vh; */
	box-shadow: 0 0 20px #ffffff52;
	cursor: pointer;
	text-transform: uppercase;
	transition: 0.5s var(--cubic) all;
}

.local .local-settings .button-settings:hover {
	background-color: #fffffff6;
	box-shadow: 0 0 20px #ffffff73;
}

.local .local-settings .button-settings .button-image {
	width: 8vh;
	margin-right: 2vh;
}

/* Rounded sliders */
.slider-check.round {
	border-radius: 34px;
}

.slider-check.round:before {
	border-radius: 50%;
}

/*local*/
.local .local-estadisticas {
	height: 40vh;
	padding: 2vh;
	padding-top: 4vh;
}

.local .setting-container .form-control {
	background-color: #ffffff !important;
}



.local .local-settings .dark-block.members {
	height: 66vh !important;
	margin-top: 0 !important;
}

.local .local-settings .members-list,
.local .local-settings .lista-puntos {
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	overflow-y: scroll;
	display: flex;
	height: 55.6vh !important;
}

.local .local-settings .zona-puntos {
	height: 66vh;
}

.local .local-settings .lista-puntos .territorio {
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	display: flex;
	margin-bottom: 1vh;
	width: 100%;
}

.local .local-settings .lista-puntos .title-territorio {
	font-family: 'Bebas Neue';
	font-size: 1.8vh;
	/* border-bottom: 2px solid #ffffff8c; */
	margin-bottom: 1vh;
	background: linear-gradient(90deg, #ff005ebf, transparent);
	/* border-radius: 5px 5px 0 0; */
	padding: 0 1vh;
	line-height: 1.8vh;
	padding-top: 0.5vh;
	padding-bottom: 0.2vh;
}

.local .local-settings .item-flex-box {
	cursor: pointer;
	width: calc(50% - 1vh);
	padding: 1.3vh;
	margin-right: 1vh;
}

.local .local-settings .car-icon {
	width: 3vh;
	margin-right: 1vh;
	height: unset;
}

.local .local-settings .lista-puntos .item-flex-box {
	width: 31.5%;
}

.local .local-settings .item-flex-box i {
	opacity: 0;
	transition: 1s var(--cubic) all;
	font-size: 3vh;
}

.local .local-settings .item-flex-box:hover i {
	opacity: 0.7;
	transform: rotate(180deg);
}

.local .local-settings .bottom-bar {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	align-items: center;
	border-radius: 0 0 2vh 2vh;
	padding-left: 1vh;
	background-color: rgb(0 0 0 / 41%);
	box-shadow: 0 0 20px #0000001c;
	border-top: 1px solid #78787824;
	color: white;
	display: flex;
	justify-content: space-between;
}

.local .local-settings .bottom-bar .btn-action {
	border-radius: 0 0 2vh 0;
	box-shadow: unset;
	background: rgb(66 66 66 / 26%);
	color: #dfa4d8fa;
	border: unset;
	width: max-content !important;
}

.local .local-settings .bottom-bar .btn-action:hover {
	transform: unset !important;
	color: white;
	background: rgba(66, 66, 66, 0.397);
}


.local .local-settings .local-color {
	width: 100%;
	height: 2.5vh;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, 0.233);
}

.local .local-settings .setting-tabs .tab {
	display: none;
	/* opacity:0; */
}

.local .local-settings .setting-tabs .tab.active {
	display: block;
	/* opacity:1; */
	/* animation: fadeIn 0.5s var(--cubic) forwards; */
}

.local .local-settings .tab-navigate {
	opacity: 0.5;
	transition: 0.5s var(--cubic) all;
}

.local .local-settings .tab-navigate:hover {
	opacity: 0.9;
}

.local .local-settings .tab-navigate.active {
	opacity: 1;
}

.local .local-settings .setting-container {
	background-color: #0000007d;
	padding: 1vh;
	border-radius: 2vh;
	border: 1px solid #ffffff36;
	box-shadow: 0 0 20px #0000007d;
	margin-left: 1vh;
}

.local .local-settings .local-title {
	font-size: 1.8vh;
	margin-right: 1vh;
}

/* .local .local-settings .btn-guardar-rangos{
    display:none;
    font-size:1.3vh !important;
    padding-top:0;
    padding-bottom:0;
} */

/*NOTAS*/
.local .local-reports .citizen-ficha .report-title {
	font-size: 2.5vh;
	background-color: #ffffff36;
	color: white;
}

.local .local-reports .white-block {
	padding: 0.5vh;
	/* border-radius: 2vh; */
	margin-bottom: 1vh;
	background: linear-gradient(45deg, #ffffffc4, #ffffff75);
	color: black;
	border-top: 1px solid #ffffff63;
	background-color: transparent;
	transition: var(--cubic) 0.5s all;
}

.local .local-reports .white-block:hover {
	background: linear-gradient(45deg, #ffffffc4, #ffffff75);
	color: black;
	border-top: 1px solid #ffffff63;
	background-color: transparent;
	transition: var(--cubic) 0.5s all;
}

.local .local-reports .white-block:hover,
.local .local-reports .white-block.selected {
	background-color: rgba(255, 255, 255, 0.877) !important;
}

.local .local-reports .report-name {
	font-family: 'BEBAS NEUE';
	font-size: 1.9vh;
}

.local .local-reports .report-list .report .report-date,
.local .local-reports .report-list .report .report-owner {
	font-size: 1.3vh;
	color: rgba(0, 0, 0, 0.712);
}

.local .local-reports .report-list .report {
	display: flex;
	align-items: center;
	font-family: 'Quicksand';
	font-weight: 500;
	font-size: 1.7vh;
	padding: 0.5vh 2vh;
	flex-wrap: wrap;
	cursor: pointer;
}

.local .local-reports .report-list .report i {
	margin-right: 1vh;
}

.local .local-reports .h-max {
	height: 81vh;
}

.informe-view {
  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;
  display: none;
}

.local .informe-view img {
	width: auto;
	height: 80vh;
}

.local .local-reports .search-list {
	height: 70.5vh;
	overflow-y: auto;
	width: 100%;
	padding: 0.7vh;
}

.local .divider {
	width: 100%;
	height: 0.5vh;
	background: #ffffff80;
	margin-bottom: 3vh;
	margin-top: 2vh;
	border-radius: 100px;
	border: 1px solid #ffffff4a;
	/* border-left: 13px solid white; */
	box-shadow: 0 0 20px #ffffff6e;
}

/*NOTAS*/

.c-modal .add-member-list {
	padding: 0.5vh;
	height: 26vh;
	border: 1px solid #ffffff1c;
	border-radius: 3px;
	margin-top: 1vh;
}

.c-modal .add-member-list .member {
	width: 100%;
	padding: 0.5vh 1vh;
	background-color: #b5b5b5;
	border-radius: 2vh;
	text-transform: uppercase;
	cursor: pointer;
	transition: 0.5s var(--cubic) all;
	margin-bottom: 0.5vh;
}

.c-modal .add-member-list .member:hover {
	background-color: #5c5c5c;
}

.c-modal .data-list-territorio {
	padding: 0.5vh;
	height: 26vh;
	margin-top: 2vh;
}

.c-modal .puntos-list,
.c-modal .territorio-list {
	/* display:none; */
	height: 100%;
}

.c-modal .puntos-list {
	display: none;
}

.c-modal .item-flex-box {
	margin-bottom: 1vh;
	padding: 1vh;
	display: flex;
	border-radius: 2vh;
	background-color: rgb(179 179 179);
	user-select: none;
	transition: 0.5s var(--cubic) all;
	align-items: center;
	border: 1px solid #ffffff3b;
	margin-right: 0.5vh;
	cursor: pointer;
	color: #4e4e4e;
	text-transform: uppercase;
}

.c-modal .item-flex-box:hover {
	background-color: rgb(60 60 60 / 32%);
}

.c-modal .item-flex-box .icon {
	width: 3vh;
	height: 3vh;
	/* margin-right:1vh; */
	transition: 1s var(--cubic) all;
	margin-right: 1vh;
}

.c-modal .item-flex-box .title-item {
	font-size: 2.3vh;
	font-family: 'Bebas Neue';
	line-height: 2vh;
}

.c-modal .item-flex-box .description {
	font-size: 1.3vh;
	font-family: 'Quicksand';
	line-height: 1.5vh;
	text-transform: uppercase;
	font-weight: 100;
}

.c-modal .fotos-box-list {
	overflow-y: auto;
	max-height: 76vh;
	padding-top: 1vh;
	margin-top: 1vh;
}

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

.c-modal .photo-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 .photo-image {
	width: 100%;
	height: 18vh;
	/* background-image:url("../img/temp-user.png"); */
	background-size: cover;
	background-position: center;
}

.c-modal .photo-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;
}

.c-modal .photo-serie {
	color: rgba(255, 255, 255, 0.767);
	text-transform: uppercase;
	font-size: 1.3vh;
	font-family: 'Quicksand';
	opacity: 0.6;
}

#bloque-derecha h2 {
	font-family: 'Bebas Neue';
	letter-spacing: 0.2vh;
	font-size: 5vh;
}

.local .zona-apertura {
	border-radius: 2vh;
	margin-top: 2vh;
	margin-left: 3vh;
	margin-right: 1vh;
	height: 28.5vh;
	position: relative;
}

.local .zona-apertura.n-abierto .abierto {
	visibility: visible;
	transform: scale(1);
	opacity: 1;
}

.local .zona-apertura.n-abierto .cerrado {
	visibility: hidden;
	transform: scale(0.5);
	opacity: 0;
}

.local .zona-apertura .abierto {
	color: rgb(255 255 255);
	box-shadow: rgb(0 0 0) 0px 0px 30px;
	display: flex;
	flex-direction: column;
	border: 0.1vh solid rgb(0 0 0 / 21%);
	background: linear-gradient(13deg, rgb(0 0 0), rgb(0 0 0));
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s cubic-bezier(0, 0.69, 0.4, 1.54) 0s;
	transform: scale(0.5);
	border-radius: 2vh;
}

.local .zona-apertura .cabecera-abierto {
	display: flex;
	place-items: center;
	justify-content: space-between;

	padding: 1vh;
	background: linear-gradient(45deg, #ffffff2e, #29163854);
	border-bottom: 1px solid rgb(255 255 255 / 20%);
	border-radius: 2vh 2vh 0 0;
}

.local .zona-apertura .zona-servicio {
	padding: 0.5vh;
}

.local .zona-apertura .cabecera-abierto h4 {
	font-family: 'Bebas Neue';
	font-size: 2.5vh;
	line-height: 2.5vh;
	letter-spacing: 0.2vh;
	color: #fffffff2;
	text-shadow: 0 0 10px 0 0 10px #ffffff9e;
}

.local .zona-apertura .employees-list {
	border: 1px solid #ffffff3d;
	height: 16vh;
	overflow-y: auto;
}

.local .zona-apertura .employees-list .employee {
	padding: 0.3vh 0.5vh;
	margin: 0.2vh 0.4vh;
	background-color: #ffffff36;
	font-size: 1.5vh;
	color: white;
}

.local .zona-apertura .employees-list .employee i {
	color: var(--color-green);
	text-shadow: 0 0 10px var(--color-green);
	margin: 0 0.3vh;
}

.local .zona-apertura .cerrado {
	visibility: visible;
	opacity: 1;
	color: rgba(255, 255, 255, 0.678);
	box-shadow: 0 0 30px rgb(0 0 0 / 32%);
	display: flex;
	flex-direction: column;
	border: 0.1vh solid #ffffff12;
	background: linear-gradient(13deg, rgb(16 16 16), rgb(32 32 32 / 85%));
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: 0.5s var(--cubic) all;
	transform: scale(1);
	border-radius: 2vh;
	align-items: center;
	justify-content: center;
	font-family: 'Bebas Neue';
	font-size: 2vh;
	cursor: pointer;
	background-color: transparent;
}

.local .zona-apertura .cerrado:hover {
	background-color: rgba(255, 255, 255, 0.192);
	transform: scale(1.05);
}

.local .zona-apertura .footer-abierto {
	display: flex;
	justify-content: flex-end;
	padding: 0.5vh 0.5vh;
}

.local .zona-apertura .footer-abierto .btn-zona-apertura,
.llamar-tendero {
	border: 1px solid #ffffff6b;
	padding: 0 0.5vh;
	border-radius: 2vh;
	color: #ffffffc7;
	cursor: pointer;
	transition: 0.3s var(--cubic) all;
}

.local .zona-apertura .footer-abierto .btn-zona-apertura:hover,
.llamar-tendero:hover {
	background-color: #ffffffa6;
	/* color: #291638; */
	color: rgb(44, 44, 44);
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.144);
}

.local .local-reports .info-box {
	background-color: rgb(255 255 255 / 8%);

	border: 1px solid #ffffff14;
}

.c-modal .list-items {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 70vh;
}

.local .info-row {
	/* border: 0.1vh solid rgba(255, 255, 255, 0.15); */
	border-radius: 20px;
	/* box-shadow: rgb(0 0 0 / 58%) 0px 0px 100px; */
	/* background: linear-gradient(13deg, rgb(15 16 16 / 68%), rgb(0 0 0 / 77%)); */
}

.bills-art {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: scroll;
    max-height: 72vh;
    overflow-x: hidden;
    gap: 1vh;
}
.factura-tags {
	display: flex;
	width:100%;
	
}
.factura-local {
	 width: calc(50% - .8vh);
	 background: rgba(255,255,255,.04);
	 border-radius: 2px;
	 padding: 1vh;
	 height: fit-content;
	 display: flex;
	 gap: .2vh;
	 cursor:
	 pointer;
	 transition: 0.3s var(--cubic) all;
	 flex-direction: column;
}


.factura-local:hover {
	cursor: pointer;
	background: #2a102eaa;
}
.factura-title {
	font-family: 'Bebas NeueB';
	font-size: 1.5vh;
	text-transform: uppercase;
	color: rgba(255,255,255,.8);
}

.factura-desc {
	display: flex;
	opacity: .5;
}
.factura-tags {
	display:flex;
	justify-content: flex-end;
}

.factura-tag {
	background: #4f0c70;
	padding-right: 1vh;
	padding-left: 1vh;
	border-radius: 2px;
}

.local .dark-block {
	background: radial-gradient(ellipse at top, #180d1a, transparent),
            radial-gradient(ellipse at bottom, black, transparent);
	/* 	background: radial-gradient(120deg, #2e1313, black); */
	padding: 1vh;
	border-radius: 3px !important;
	box-shadow: 0 0 20px #00000061;
	border: 1px solid rgb(255 255 255 / 12%);
	position: relative;
	/* margin-top: 4vh; */
	backdrop-filter: blur(15px);
	mix-blend-mode: hard-light;
}

.local .transfer-menu {
	border: 0.1vh solid rgba(255, 255, 255, 0.788);
	border-radius: 4px;
	overflow: hidden;
	display: none;
	position: absolute;
	bottom: 1.4vh;
}

.local .transfer-menu .button-transfer:first-child {
	border-right: 0.1vh solid rgba(255, 255, 255, 0.788);
}

.local .transfer-menu .button-transfer {
	cursor: pointer;
	color: rgba(255, 255, 255, 0.788);
	font-family: Quicksand;
	text-transform: uppercase;
	padding: 0 0.5vh;
	transition: 0.3s var(--cubic) all;
	font-size: 1.3vh;
	width: 11vh;
	text-align: center;
}

.local .transfer-menu .button-transfer:hover {
	background-color: rgba(255, 255, 255, 0.788);
	color: black
}

.local-logo {
	width: 9vh;
	margin-right: 1vw;
	aspect-ratio: 1/1;
}

.local-settings .local-logo {
	width: 6vh;
}

.local .citizen-ficha .list-group-item-action {
	z-index: 1;
	color: #ffffffc0;
	text-decoration: none;
	background-color: #ffffff46;
}

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