.cross{
		display: inline;
	  /*flex-direction: column;
	  /*padding: 1.5rem 3.2rem;
	   position: absolute;
	   outline: none !important;*/
	  text-align: right;
	  font-size: 1.2rem;
	  width: 1.2rem;
	  height: 1.2rem;
	  cursor: pointer;
}
.grass{
	font-weight: bold;
}
.buton{
	  display: flex;
	  flex-direction: column;
	  background-color: white; /* alb */
	  color: black;
	  /*padding: 1.5rem 3.2rem;
	  text-align: center;
	   outline: none !important;*/
	  font-size: 1.2rem;
	  border-radius: 0.9rem;
	  border: 0.2rem solid #555555;
	  transition-duration: 0.4s;
	  cursor: pointer;

	 
}
.buton:hover {
  background-color: #555555;
  color: white;
}
.boxy{
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	/*border: 1px solid blue;*/
	text-align: center;
	justify-content: center;
	align-items: center;
}

.buton:focus {
  background-color: white;
  color: black;
 /* outline: none;*/
  box-shadow: none;
}
.abuton{

	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	font-size: 3rem;
  	font-weight: 700;

}
.abuton a.green{
	background-color: rgba(31, 224, 44, 0.5);
}
.abuton a.red{
	background-color: rgba(237, 31, 40, 0.5);
}
.abuton a.blue{
	background-color: rgba(37, 150, 190, 0.5);
}
.abuton a.orange{
	background-color: rgba(255, 153, 34, 0.5);
}
.flexbox-centering {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.adecor:link{
	text-decoration: none;
line-height: 100%;

}
.adecor{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2vw;
	background-color: #d33c43;
	border-radius: 0.73rem;

}
button.adecor[disabled]{
	cursor: not-allowed;
}
@media (max-width: 500px){
	.boxy{
		width: 100%;
		height: 0;
		padding-bottom: 100%;
	}
	.olibaner{
		width: 25%;
	}
	.adecor{
		font-size: 5vw;
	}

}
@media (min-width: 850px){
	.boxy{
		width: 75%;
		height: 0;
		padding-bottom: 75%;
	}
	.olibaner{
		width: 25%;
	}
}
.customcls{
	display: block;
	/*width: 70%;*/
	float: left;
}

.loading{
	width: 20rem;
	height: 20rem;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.centru,.centru th{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  /*min-height: 40rem;*/
  /*overflow: auto;*/
}
.calico{
	padding: 0.1rem 0.3rem !important;
}
.valign{
    display: flex;
    align-items: center;
    justify-content: center;
}
.span{
    display: inline-flex;
}
#semnatura{
    max-width: 15rem;
    max-height: 6rem;
}
table#istorial tr th{
	text-align: center;
}
.centru.nava{
	padding: 1rem, 0;
}
.fila1{
	background-color: rgba(171, 249, 255, .8);
}
.fila1 a, .fila2 a{
	color: rgba(194, 2, 21, 0.7);
}
.fila2{
	background-color: rgba(171, 255, 199, .8);
}
			/*----------------------------- Blinking row -----------------*/
@-webkit-keyframes urgent {
  from { background-color: red; }
  to { background-color: rgba(255, 6, 5, 0.2); }
}
@-moz-keyframes urgent {
  from { background-color: red; }
  to { background-color: rgba(255, 6, 5, 0.2); }
}
@-o-keyframes urgent {
  from { background-color: red; }
  to { background-color: rgba(255, 6, 5, 0.2); }
}
@keyframes urgent {
  from { background-color: red; }
  to { background-color: rgba(255, 6, 5, 0.2); }
}
.urgent {
  -webkit-animation: urgent 1.5s infinite; /* Safari 4+ */
  -moz-animation:    urgent 1.5s infinite; /* Fx 5+ */
  -o-animation:      urgent 1.5s infinite; /* Opera 12+ */
  animation:         urgent 1.5s infinite; /* IE 10+ */
}

.ordin{
	margin-right: 2rem;
	padding: 10px;
}