#alert-container	{
						width: 100%;
						height: 100%;
						position: absolute;
						background: rgba(0,66,122, 0.2);
						display: grid;
						grid-template-columns: 1fr;
						grid-template-rows: 1fr;
						align-items: center;
						justify-items: center;
						z-index: 1001;
					}

#alert-container .alerta-box 	{
									max-width: 70%;
									min-width: 50%;
									padding: 0;
									background-color: #DEDEDE;
									text-align: center;
									border-radius: 20px;
									display: grid;
									grid-template-columns: 1fr;
									grid-template-rows: 1fr 60px;
									border: 2px solid #00A0E0;
									box-shadow: 0px 0px 10px 0px #333 inset, 0px 10px 10px #D3D3D3;
								}

.alerta-mensaje	{
					grid-column: 1 / 2;
					grid-row:  1 / 2;
					justify-self: center;
					align-self: center;
					padding: 5%;
					overflow-y: auto;
					max-height: 400px;
				}

.alerta-mensaje span 	{
							font-size: 1.3em;
							color: #172541;
							font-weight: 500;
						}

.alerta-btn	{
				grid-column: 1 / 2;
				grid-row:  2 / 3;
				background-color: #00427A;
				border-bottom-left-radius: 15px;
				border-bottom-right-radius: 15px;
				width: 100%;
				height: 100%;
				display: grid;
				grid-template-columns:  calc(100% - 120px) 120px;
				grid-auto-rows: auto;
				padding: 10px;
			}

/* ---------------------------------------------------------------------------------------- MEDIA QUERYS */
@media only screen and (max-width: 1024px)
{
	#alert-container .alerta-box 	{
										max-width: 70%;
										min-width: 55%;
									}
}

@media only screen and (max-width: 768px)
{
	#alert-container .alerta-box 	{
										max-width: 70%;
										min-width: 70%;
									}
}

@media only screen and (max-width: 581px)
{
	#alert-container .alerta-box 	{
										max-width: 90%;
										min-width: 90%;
									}
}

/* ----------------------------------------------------------------------------------------------------- */