@charset "utf-8";
/* CSS Document */
/*-----------COLOR-THEME---*/
.pColor{
	color: #212121;
}

/*----------*/
.sColor{
	color: #d50000;
}
/*---------*/
.tColor{
	color:#F4F4F4;
}
/*---------*/
.dColor{
	color:#fff;}
/*---------*/
/*-----------BACKGROUND-COLOR-THEME---*/
.bgPColor{
	background-color:#212121;
}
.bgPlColor{
	background-color:rgba(84,113,210,0.10);
}
.bgPdColor{
	background-color:#002071;
}
/*----------*/
.bgSColor{
	background-color: #d50000;
}
.bgSlColor{
	background-color:rgba(84,113,210,0.10);
}
.bgSdColor{
	background-color:#002071;
}
/*---------*/
.bgTColor{
	background-color:#f5f5f5;
}
.bgTlColor{
	background-color:#fff;
}
.bgTdColor{
	background-color:#AAAAAA;
}
/*-----------BUTTON-THEME---*/

.btnText{
	color:#d50000;/* usar el mismo que sColor*/
	font-size:.875rem;
	text-transform:uppercase;
	text-decoration:none;
	font-weight: bold;
	font-family: Arial, Roboto, Helvetica, "sans-serif";
	padding: .75rem;
}
.btnText:disabled{
	color:#607d8b;/* usar el mismo que dColor*/
}
.btnText:hover:not([disabled]){
	background-color:rgba(84,113,210,0.40);/*usar el mismo sColor pero alpha*/
}
.btnText:focus{
	background-color:rgba(84,113,210,0.40);
}
.btnText:active{
	background-color:rgba(84,113,210,0.60);
	color:#002071; 
}
.btnSText{
	color:#212121;/* usar el mismo que sColor*/
	font-size:.875rem;
	text-transform:uppercase;
	text-decoration:none;
	font-weight: bold;
	font-family: Arial, Roboto, Helvetica, "sans-serif";
	padding: .75rem;
}
.btnSText:disabled{
	color:#607d8b;/* usar el mismo que dColor*/
}
.btnSText:hover:not([disabled]){
	background-color:rgba(84,113,210,0.40);/*usar el mismo sColor pero alpha*/
}
.btnSText:focus{
	background-color:rgba(84,113,210,0.40);
}
.btnSText:active{
	background-color:rgba(84,113,210,0.60);
	color:#002071; 
}
/*---------------*/
.btnOutline{
	color:#d50000;/* usar el mismo que sColor*/
	font-size:.875rem;
	text-transform:uppercase;
	text-decoration:none;
	font-weight: bold;
	font-family: Arial, Roboto, Helvetica, "sans-serif";
	padding: .75rem;
	border:1px rgba(84,113,210,0.40) solid;
}
.btnOutline:disabled{
	color:#607d8b;/* usar el mismo que dColor*/
}
.btnOutline:hover:not([disabled]){
	background-color:rgba(84,113,210,0.10);/*usar el mismo sColor pero alpha*/
}
.btnOutline:focus{
	background-color:rgba(84,113,210,0.40);/*usar el mismo sColor pero alpha*/
}
.btnOutline:active{
	background-color:rgba(84,113,210,0.60);/*usar el mismo sColor pero alpha*/
}
/*---------------*/
.btnContained{
	background-color:#d50000;/* usar el mismo que sColor*/
	color: white;/*usar un color contrastante*/
	font-size:.875rem;
	text-transform:uppercase;
	text-decoration:none;
	font-weight: bold;
	font-family: Arial, Roboto, Helvetica, "sans-serif";
	padding: .75rem;	
}
.btnContained:disabled{
	color:#607d8b;/* usar el mismo que dColor*/
	background-color:rgba(96,125,139,0.50);/*se usa el mismo color que dColor pero apha*/
}
.btnContained:hover:not([disabled]){
	color:white;/*usar un color contrastante*/
	background-color:#002071;/*se usa el mismo color que dColor pero apha*/
}
.btnContained:focus{
	color:white;/*usar un color contrastante*/
	background-color:#002071;/*se usa el mismo color que dColor pero apha*/
}
.btnContained:active{
	color:white;/*usar un color contrastante*/
	background-color:#002071;/*se usa el mismo color que dColor pero apha*/
}