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

/*---------*/
.tColor{
	color:#F4F4F4;
}

/*---------*/
.dColor{
	color:#607d8b;}
/*---------*/
/*-----------BACKGROUND-COLOR-THEME---*/
.bgPColor{
	background-color:#d50000;
}
/*----------*/
.bgSColor{
	background-color: #00b0ff;
}
/*---------*/
.bgTColor{
	background-color:#F4F4F4;
}
/*-----------BUTTON-THEME---*/

.btnText{
	color:#fff;/* 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; 
}
/*---------------*/
.btnOutline{
	color:#0d47a1;/* 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:#0d47a1;/* 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*/
}