/* Barra indicadora de Sin Conexion */
.argus-noconnection-bar {
	position: fixed;
	right: 0;
	bottom: 50px;
	left: 0;
	z-index: 1030;
	height:18px;
	line-height:16px;
	background-color:#ffffcc;
}
.argus-noconnection-bar.noconnection {
	background-color:#ff8080;
}

/* Footer */
.argus-footer {
	height:50px;
	border-top: 1px solid #f0f0f0;
}
.argus-footer-button, .argus-footer-button:hover, .argus-footer-button:focus, .argus-footer-button:disabled, .argus-footer-button:visited {
	width:110px;
	text-decoration: none;
	line-height: 1.1;
	font-weight: lighter;
	box-shadow: 0 0 0 0rem;
	color: #000000;
}
.argus-footer-content-wrapper {
	max-width:425px;
}


/* Transition visibility */
.argus-tr-visibility-visible {
	visibility: visible;
  opacity: 1;
  transition: opacity 0.5s linear;
}
.argus-tr-visibility-hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.5s, opacity 0.5s linear;
}

.argus-mainmenu-item-disabled {
  opacity: 0.5;
}


#blazor-error-ui {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 98;
}

#blazor-error-ui .dismiss {
	cursor: pointer;
	position: absolute;
	right: 0.75rem;
	top: 0.5rem;
}

.blazored-toast-container{
	z-index: 10000 !important;
}

.argus-container-max {
	max-width:768px !important;
}

.argus-container-phone {
	max-width:425px !important;
}

/* usar .hide-numeric-arrows en inputs para ocultar flechas de cantidad */
input.hide-numeric-arrows::-webkit-outer-spin-button ,
input.hide-numeric-arrows::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}


/***************** RINGING BELL *****************************************/



@-webkit-keyframes ring {
	0% {
			-webkit-transform: rotate(-15deg);
			transform: rotate(-15deg)
	}

	2% {
			-webkit-transform: rotate(15deg);
			transform: rotate(15deg)
	}

	4% {
			-webkit-transform: rotate(-18deg);
			transform: rotate(-18deg)
	}

	6% {
			-webkit-transform: rotate(18deg);
			transform: rotate(18deg)
	}

	8% {
			-webkit-transform: rotate(-22deg);
			transform: rotate(-22deg)
	}

	10% {
			-webkit-transform: rotate(22deg);
			transform: rotate(22deg)
	}

	12% {
			-webkit-transform: rotate(-18deg);
			transform: rotate(-18deg)
	}

	14% {
			-webkit-transform: rotate(18deg);
			transform: rotate(18deg)
	}

	16% {
			-webkit-transform: rotate(-12deg);
			transform: rotate(-12deg)
	}

	18% {
			-webkit-transform: rotate(12deg);
			transform: rotate(12deg)
	}

	20% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg)
	}
}

@keyframes ring {
	0% {
			-webkit-transform: rotate(-15deg);
			-ms-transform: rotate(-15deg);
			transform: rotate(-15deg)
	}

	2% {
			-webkit-transform: rotate(15deg);
			-ms-transform: rotate(15deg);
			transform: rotate(15deg)
	}

	4% {
			-webkit-transform: rotate(-18deg);
			-ms-transform: rotate(-18deg);
			transform: rotate(-18deg)
	}

	6% {
			-webkit-transform: rotate(18deg);
			-ms-transform: rotate(18deg);
			transform: rotate(18deg)
	}

	8% {
			-webkit-transform: rotate(-22deg);
			-ms-transform: rotate(-22deg);
			transform: rotate(-22deg)
	}

	10% {
			-webkit-transform: rotate(22deg);
			-ms-transform: rotate(22deg);
			transform: rotate(22deg)
	}

	12% {
			-webkit-transform: rotate(-18deg);
			-ms-transform: rotate(-18deg);
			transform: rotate(-18deg)
	}

	14% {
			-webkit-transform: rotate(18deg);
			-ms-transform: rotate(18deg);
			transform: rotate(18deg)
	}

	16% {
			-webkit-transform: rotate(-12deg);
			-ms-transform: rotate(-12deg);
			transform: rotate(-12deg)
	}

	18% {
			-webkit-transform: rotate(12deg);
			-ms-transform: rotate(12deg);
			transform: rotate(12deg)
	}

	20% {
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg)
	}
}

.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover>.faa-ring {
	-webkit-animation: ring 1s ease infinite;
	animation: ring 1s ease infinite;
	transform-origin-x: 50%;
	transform-origin-y: 0px;
	transform-origin-z: initial
}
