.border-black {
	border: solid 1px black;
}
.border-red {
	border: solid 1px red;
}
.border-green {
	border: solid 1px green;
}
.border-black1 {
	border: solid 1px black;
}
.border-red2 {
	border: solid 3px red;
}
.border-blue1 {
	border: solid 1px blue;
}
.latDerSistema {
	height: 105px;
}
.latDerSistemaDiv {
	height: 35px;
}
.header-clientes {
	height: 10vw;
}

#suma,
#suma2,
#sumaCarga,
#monedero {
	border: 2px solid red;
	padding: 10px;
	border-radius: 25px;
}

#restringidos-sistem {
	height: auto;
}

.numero-ganador-div {
	border-radius: 20px;
}
.border-radius {
	border-radius: 20px;
}
.restringidos {
	color: red;
}

@media screen and (min-width: 601px) {
	#restringidos {
		height: 70px;
		display: flex;
	}

	.modal-mensajes-contenedor{
		width: 70%;
		border-radius: 20px;
	}

	#spinner{
		position: fixed;
		top: 50vh;
		left: 50vw;
	  }
}

@media screen and (max-width: 600px) {
	#restringidos {
		height: auto;
	}

	.modal-mensajes-contenedor{
		width: 95%;
		border-radius: 20px;
	}

	#spinner{
		position: fixed;
		top: 35vh;
		left: 35vw;
	  }
}

.whatsappIcon {
	width: 50px;
	height: 50px;
	border-radius: 25px;
}

.margin-bottom-1 {
	margin-bottom: 10px;
}

.margin-top-1 {
	margin-top: 30px;
}

.tabla-vendedores {
	border: 1px solid black;
	border-collapse: collapse;
	margin-top: 40px;
}

/*.cabeza-tabla-vendedores {
	background-color: gold !important;
}*/

.dark {
	background-color: lightgrey;
}

#cargaModal {
	border: 1px solid black;
	height: 100%;
}

.modal-content-carga {
	height: 90%;
}

.low-height {
	height: 90px;
}

#deleteTicketModal {
	height: 300px;
	width: 250px;
	border-radius: 25px;
	text-align: center;
	padding: 5px;
}

.deleteTicketButton {
	display: flex;
	height: 60px;
	align-items: center;
	justify-content: center;
}

#reprintTicketModal {
	height: 250px;
	width: 250px;
	border-radius: 25px;
	text-align: center;
	padding: 5px;
}

#saldoTotal{
	background-color: lightcoral;
	color: aliceblue;
}

.modal-mensajes{
	border-radius: 25px;
	border: 3px solid green;
	width: 75%;
}

.mensajes-container{
	display: flex;
	justify-content: center;
}

.modal-add-user{
	display: grid;
	justify-content: center;
}

.d-flex{
	display: flex;
}

.laber-add-user-modal{
    font-size: 20px;
	margin-right: 10px;
}

.add-delete-user-modal{
	width: 40%;
	height: 40% !important;
}

#restringidosDiv{
	padding-top: 5%;
}

.rifa-div{
	text-align: center;
}

#listaRifas{
	font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.rifa-estado-div{
	margin: 2% 0 2% 0;
	height: 60px !important;
}

.numero-rifa-seleccionado{
	background-color: red !important;
}

.loader {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 150px;
	height: 150px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 1.5s linear infinite;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }