/*##############################*/
/* MSG BOX */
/*##############################*/


.Modal_MsgBoxRespoonsivo{
	width: 100%;
	float: left;
	padding: 5px 5px;
	background-color: #f1f1f1;
	border-radius: 0px 0px 4px 4px;
}

@media screen and (min-width: 640px) {
	.Modal_MsgBoxRespoonsivo{
		width: 100%;
	}
}

.errMsgBox{
	width: 100%;
	float: left;
	display: none;
	padding: 1rem 0 1rem 0;
}


.MsgBoxCaja1, .MsgBoxCaja2, .MsgBoxCaja3, .MsgBoxCaja4, .MsgBoxCaja5{
	float:left;
	width: 100%;
	border: 2px solid #e3e3e3;
	background-color: white;
	padding: 10px 10px;
	border-radius: 5px;
}

.MsgBoxTitulo1,.MsgBoxTitulo2, .MsgBoxTitulo3,.MsgBoxTitulo4, .MsgBoxTitulo5{
	float: left;
	width: 100%;
	font-size: 1rem;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-weight: 400;
	color: inherit;
	border-bottom: 2px solid #e3e3e3;
	font-family: 'Exo2';
}

.MsgBoxTexto1, .MsgBoxTexto2, .MsgBoxTexto3, .MsgBoxTexto4, .MsgBoxTexto5 {
	font-size: 0.8rem;
	float:left;
	white-space: normal;
	width: 100%;
}
.MsgBoxTexto1>p, .MsgBoxTexto2>p, .MsgBoxTexto3>p, .MsgBoxTexto4>p, .MsgBoxTexto5>p {
	margin: 0.5rem 0 1rem 0;
}
.MsgBoxTexto1 li, .MsgBoxTexto2 li, .MsgBoxTexto3 li, .MsgBoxTexto4 li, .MsgBoxTexto5 li {
	padding-bottom:4px;
}

.MsgBoxCaja1 ol, .MsgBoxCaja2 ol, .MsgBoxCaja3 ol, .MsgBoxCaja4 ol, .MsgBoxCaja5 ol,
.MsgBoxCaja1 ul, .MsgBoxCaja2 ul, .MsgBoxCaja3 ul, .MsgBoxCaja4 ul, .MsgBoxCaja5 ul
{
	padding:10px 10px 10px 25px;
}



.MsgBoxIcoBox{
	float:left;
	width: 42px;
	text-align: left;
	height: 32px;
	display: block;
	background-position: left top;
}

.MsgBoxContenido{
	float: left;
	width: calc(100% - 42px);
}

.MsgBoxIco-1{
	background-image: url(1.svg);
}
.MsgBoxIco-2{
	background-image: url(2.svg);
}

.MsgBoxIco-3{
	background-image: url(3.svg);
}

.MsgBoxIco-4{
	background-image: url(4.svg);
}

.MsgBoxIco-5{
	background-image: url(5.svg);
}