#blocker {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

#instructions {
	width: 100%;
	height: 100%;
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	text-align: center;
	font-size: 14px;
	cursor: pointer;
}
#plus_mas{
	position: fixed;
	font-size:30px;
	height: 50px;
	width: 50px;
	top: 50%;
	left: 48%;
	color: red;
	background-size: 100% 100%;background-image:url(texturas/mira.png);
}
#plus_mas h2{
	position: absolute;
	top: 80%;
	left: 26%;
	user-select: none;
	-moz-user-select: none;
}
body{
	padding: 0;
	margin: 0;
}
.selec_terren{
	position: fixed;
	background-color:orange;
	opacity: 0.6;
	bottom: 0;
	width: 40%;
	left: 30%;
	height: 50px;
	display: flex;
	border-radius: 5px 5px 0 0;
	padding-left: 15px;
	user-select: none;
	-moz-user-select: none;
	
}
.digit{
	border: solid 3px #4606f6;
}
  .digit.selected {
	border: solid 3px #ff000d;
  }
.selec_terren div{
	height: 60px;
	width: 60px;
	background-color: rgb(249, 245, 245);
	margin: 2px;
	color: #fb0505;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}

.selec_terren .cant_cubos{
	position: absolute;
	left: 45%;
	top: -40px;
	height: 40px;
	width: 60px;
	padding-top: 5px;
	
	background-color: rgb(153, 178, 234);
	border-radius: 40% 40% 0 0;
	margin: 2px;
	text-align: center;
}
.modal-content {
	background-color: cadetblue;
	border-radius: 10px;
	opacity: 0.9;
}
.modal-content .modal-header{
	background-color: coral;
	height: 50px;
}
.modal-content .modal-footer{
	height: 70px;
}
.tabla_pocisiones{
background-color: rgb(246, 219, 156);
height: 20%;
width: 80%;
margin-left: 10%;
margin-top: 15px;

border: solid 1px rgb(255, 95, 2);
border-radius: 10px;
text-align: left;
padding: 2px;
}
#modal_tabla_c{
overflow-y: scroll;
}
.tabla_pocisiones .msg-cabeza{
position:absolute;
border: solid 1px rgb(255, 91, 2);
padding-left: 4px;
padding-right: 4px;
border-radius: 10px;
font-size: large;
margin-left: 15px;
margin-top: -15px;
width: max-content;
text-align: center;
background-color: rgb(227, 249, 26);

}
.pocition-item{

margin:2px;
margin-top:7px;
margin-bottom: 7px;
background-color: rgb(157, 199, 251);
border: solid 1px red;
box-shadow: 0 1px 3px 0 rgba(30, 31, 22, 0.421);
border-radius: 20px;
}
.card_mini{
width: 80%;
border-radius: 10px;
height: 50%;
margin-left: 10%;
margin-top: 2%;
margin-bottom: 2%;
margin-right: 10%;
background-color: rgb(200, 222, 248);
}


.globo_msj {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 20px;
	width:94%; /*calc(130% - 50px - 20px);*/
	position: relative;
	align-items: flex-start;
	padding: 5px;
    text-align: center;
	background-color: #e8ecf1;
	border-radius: 0.5rem;
   
}

.globo_msj:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 0 13px 13px 13px;
	top: -13px; /* Ajustamos el valor para que el triángulo salga desde la parte superior */
	border-bottom-color: #e8ecf1;
	left: 46%;
}