/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
.box{
    display: inline-block;
    height: 20px;
    width: 20px;
    border:  1px solid #000 ;
}
.zd-center{
	align-items:center;
}
.boletos {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;


}
.boleto {
	width: 60px;
	height: auto;
	padding: 3px;
	margin: 3px;
	border: 1px solid black;
	border-radius: .25rem;
	text-align: center;
	font-weight: bolder;
}

@media (max-width: 450px) {
	.boleto {
		width: 40px;
		text-size-adjust: auto;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
	}

}

.page-link:hover {
	cursor: pointer;
}

.boleto:hover {
	background-color: #212529;
	color: whitesmoke;
	cursor: pointer;

}

.selected {
	background-color: var(--bs-danger) ;
	color: var(--bs-light);
}

.apartado {
    background-color: var(--bs-warning);
    color:var(--bs-light);
    pointer-events: none;

}
.pagado {
    background-color: var(--bs-success);
    color: var(--bs-light);
    pointer-events: none;
}
.btn-comprar {

	height: auto;
	margin: auto 0 auto;
	padding: 5px;
	position: fixed;
	z-index: 100;
	top: 45%;
	right: 3%;
	cursor: pointer;
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
	border-radius: .25rem;
	text-align: left;

  }
  .texto-chino {
	writing-mode: vertical-rl;
	text-orientation: upright;
  }