@font-face {
  font-family: montserrat;
  src: url('fuentes/montserrat.ttf');
}
@font-face {
  font-family: montserrat_alt;
  src: url('fuentes/montserrat_al.ttf');
}
@font-face {
  font-family: heebo;
  src: url('fuentes/heebo.ttf');
}
@font-face {
  font-family: opensans;
  src: url('fuentes/opensans.ttf');
}
@font-face {
  font-family: worksans;
  src: url('fuentes/worksans.ttf');
}

.font_family_1{
	font-family:montserrat,arial !important;
}
.font_family_2{
	font-family:montserrat_alt,arial !important;
}
.font_family_3{
	font-family:heebo,arial !important;
}
.font_family_4{
	font-family:opensans,arial !important;
}
.font_family_5{
	font-family:worksans,arial !important;
}













/* ***************************************************************************************************************************************/
/* **************** ATENCION, LOS CAMBIOS QUE SE HAGAN AQUI TAMBIEN DEBERIAN HACERSE EN EL ARCHIVO 'smn_pf_for_dompdf.css' ***************/
.background_red{
	background:#FFBFC1 !important;
}
.background_red2{
	background:#FEE3E0 !important;
}
.background_green{
	background:#D5FEC2 !important;
}
.background_green2{
	background:#60D852 !important;
}

.background_blue{
	background:#6DB7F3 !important;
}
.background_blue2{
	background:#204BB3 !important;
}
.background_yellow{
	background:#F8FCC2 !important;
}
.background_yellow2{
	background:#FC0 !important;
}
.background_plomo{
	background:#D1D1D1 !important;
}
.background_morado{
	background:#B366FF !important;
}
.background_morado2{
	background:#E1CCEE !important;
}


.font_color_red{
	color:#F00 !important;
}
.font_color_green{
	color:#0C0 !important;
}
.font_color_green2{
	color:#093 !important;
}


.font_color_blue{
	color:#039 !important;
}
.font_color_blue2{
	color:#0F6AA2 !important;
}

.font_color_yellow{
	color:#FC0 !important;
}
.font_color_black{
	color:#000 !important;
}
.font_color_white{
	color:#FFF !important;
}
.font_color_morado{
	color:#9F009F !important;
}
.font_color_gris{
	color:#999 !important;
}


.font_size_8{
	font-size:8px !important;
}
.font_size_10{
	font-size:10px !important;
}
.font_size_12{
	font-size:12px !important;
}
.font_size_14{
	font-size:14px !important;
}
.font_size_16{
	font-size:16px !important;
}
.font_size_18{
	font-size:18px !important;
}
.font_size_20{
	font-size:20px !important;
}
.font_size_22{
	font-size:22px !important;
}
.font_size_24{
	font-size:24px !important;
}
.font_size_26{
	font-size:26px !important;
}

.font_bold{
	font-weight:bold !important;
}
.font_italic{
	font-style:italic !important;
}
.font_justify{
	text-align:justify;
}

.box1{
	border-radius:4px !important;
	padding:2px;
}
input:focus{
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);`
    outline: 0 none;
}


/*Estos degradados se hizo desde la pagina: https://cssgradient.io/ */
.background_gray_1{
	background: rgb(157,157,157);
	background: linear-gradient(0deg, rgba(157,157,157,1) 0%, rgba(147,147,147,1) 57%, rgba(110,110,110,1) 100%); 
	
	border-radius:4px;
	margin-left:1%;
	margin-right:1%;	
}
.background_gray_2{
	background-color:#999;
	border-radius:4px;
	margin-left:1%;
	margin-right:1%;	
}

.background_red_1{

	background: rgb(140,7,44);
	background: linear-gradient(0deg, rgba(140,7,44,1) 0%, rgba(241,2,43,1) 50%, rgba(209,16,23,1) 100%); 
	border-radius:4px;
	margin-left:1%;
	margin-right:1%;
}
.background_red_2{
	background-color:#FCBCBE;
	border-radius:4px;
	margin-left:1%;
	margin-right:1%;	
}


.background_blue_1{

	background: rgb(20,98,204);
	background: linear-gradient(0deg, rgba(20,98,204,1) 0%, rgba(15,101,208,1) 47%, rgba(16,83,158,1) 100%); 	margin-left:1%;
	border-radius:4px;
	margin-right:1%;	
	margin-left:1%;
}
.background_blue_2{
	background-color:#BCD5FC;
	border-radius:4px;
	margin-left:1%;
	margin-right:1%;	
}

.background_green_1{
	background: rgb(18,175,15);
	background: linear-gradient(0deg, rgba(18,175,15,1) 0%, rgba(8,163,28,1) 47%, rgba(5,117,48,1) 100%); 	margin-left:1%;
	border-radius:4px;
	margin-right:1%;	
	margin-left:1%;
}
.background_green_2{
	background-color:#D1FCE2;
	border-radius:4px;
	margin-left:1%;
	margin-right:1%;	
}


.background_yellow_1{
	background: rgb(217,173,12);
	background: linear-gradient(0deg, rgba(217,173,12,1) 0%, rgba(230,173,13,1) 47%, rgba(235,210,17,1) 100%); 	border-radius:4px;
	margin-left:1%;
	margin-right:1%;	
}

.background_yellow_2{
	background-color:#FDF8D5;
	border-radius:4px;
	margin-left:1%;
	margin-right:1%;	
}