@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");
.margin_top_cubo {
	margin-top:20px;
	text-align: center;
	margin-bottom:10px;
}

.margin_h4_cubo {
	margin-left: 22px; 
	margin-top: 35px;
}

.btn-red {
	color: #fff;
    background-color: #cc0033;
}

.btn-grey {
	color: #fff;
    background-color: grey;
    cursor: not-allowed;
}

.cubos {
	/* margin-top: 30px; */
	background-color:#EFEDEE;
}

.cursormano {
	cursor:pointer;
}

.div_abajo {
	position: relative;
	bottom: 13px;
				
}

.oculto {
	display: none;
}

.NoOculto {
	display: ;		
}

.fr_sp {
	/* background-color: #ececec; */
}

.margin_h4_acceso {
	margin-top: 20px;
}

#acc-1:hover{
	opacity: 0.2;
}

#acc-2:hover{
	opacity: 0.2;
}

#acc-3:hover{
	opacity: 0.2;
}

#acc-4:hover{
	opacity: 0.2;
}
a.btn:hover {
	opacity: 0.5;
}

.numberCircle {
	border-radius: 50%;
	display: inline-block;
	width: 120px; 
	font-size: 32px;
	border: 2px solid #BC2E3C;
}
.numberCircle span {
	text-align: center;
	line-height: 120px;
	display: block;
}

.circle-ref-red {
  width: 116px;
  height: 33px;
  border-radius: 40px;
  font-size: 12px;
  color: #fff;
  line-height: 23px;
  text-align: center;
  background: #cc0033;
  padding:4px;
  font-size:13px;
}

.circle-ref-gris {
  width: 116px;
  height: 33px;
  border-radius: 40px;
  font-size: 12px;
  color: #fff;
  line-height: 23px;
  text-align: center;
  background: grey;
  padding:4px;
  color: grey;
  border: 1px solid #ddd;
  background-color: #d4d4d4;
  font-size:13px;
}

.circle-ref {
  border-color:#000;
  border-radius: 40px;
  font-size: 12px;
  line-height: 23px;
  text-align: center;
}

hr { background-color: #ADADAD; height: 1px; border: 0; }

.button-mas-ofertas {
	background-color:#CC0033;
	color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    text-color:white;
    margin: auto;
    display: block;
    font-size: 15px;
    cursor: pointer;
    border-style:solid;
    border-radius: 10px;
    margin-top: 25px;
    width: 240px;
    height:70px;
}

button.button-mas-ofertas:hover {
	opacity: 0.5;
}

#ojo-vermas:hover {
	opacity: 0.5;
}

/* -------------------- Apariencia del Select */
.styled-select {
   background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 330px;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 350px;
}

.styled-select.slate {
   background: url(http://i62.tinypic.com/2e3ybe1.jpg) no-repeat right center;
   height: 34px;
   width: 240px;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 16px;
   height: 34px;
   width: 268px;
}

/* -------------------- Rounded Corners */
.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* -------------------- Colors: Background */
.slate   { background-color: #ddd; }
.green   { background-color: #779126; }
.blue    { background-color: #3b8ec2; }
.yellow  { background-color: #eec111; }
.grey   { background-color: #D7D7D7; }

/* -------------------- Colors: Text */
.slate select   { color: #000; }
.green select   { color: #fff; }
.blue select    { color: #fff; }
.yellow select  { color: #000; }
.grey select   { color: #000; }


/* -------------------- Select Box Styles: danielneumann.com Method */
/* -------------------- Source: http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/ */
#mainselection select {
   border: 0;
   color: #EEE;
   background: transparent;
   font-size: 20px;
   font-weight: bold;
   padding: 2px 10px;
   width: 378px;
   *width: 350px;
   *background: #58B14C;
   -webkit-appearance: none;
}

#mainselection {
   overflow:hidden;
   width:350px;
   -moz-border-radius: 9px 9px 9px 9px;
   -webkit-border-radius: 9px 9px 9px 9px;
   border-radius: 9px 9px 9px 9px;
   box-shadow: 1px 1px 11px #330033;
   background: #58B14C url("http://i62.tinypic.com/15xvbd5.png") no-repeat scroll 319px center;
}


/* -------------------- Select Box Styles: stackoverflow.com Method */
/* -------------------- Source: http://stackoverflow.com/a/5809186 */
select#soflow, select#soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
}

select#soflow-color {
   color: #fff;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#779126, #779126 40%, #779126);
   background-color: #779126;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding-left: 15px;
}

tr.pares {
	background-color: #D7D7D7;
}

.pares:hover {
	background-color: #EDB758;
}

.impares:hover {
	background-color:  #EDB758;
}

/* -------------------- Propiedades importadas de coie_practicas.css */
#coie_practicas table.practicas_no_padding td{
	padding: 0px;
}
#coie_practicas .practicas_nivel_1 {
	font-weight: bold;
	font-size: 12px;
}
#coie_practicas .practicas_nivel_2 {
	font-size: 11px;
	font-weight: normal;
}
#coie_practicas .practicas_nivel_3 {
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}
#coie_practicas .practicas_nivel_4 {
	font-size: 10px;
	font-weight: normal;
}
#coie_practicas .practicas_nivel_5 {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
}
#coie_practicas .practicas_nivel_6 {
	font-size: 9px;
	font-weight: normal;
}

.practicas_8pt {font-size: 8pt;}
.practicas_7pt {font-size: 7pt;}
.practicas_5 {width: 5px;}
.practicas_10 {width: 10px;}
.practicas_15 {width: 15px;}
.practicas_20 {width: 20px;}
.practicas_25 {width: 25px;}
.practicas_30 {width: 30px;}
.practicas_35 {width: 35px;}
.practicas_40 {width: 40px;}
.practicas_45 {width: 45px;}
.practicas_50 {width: 50px;}
.practicas_55 {width: 55px;}
.practicas_60 {width: 60px;}
.practicas_65 {width: 65px;}
.practicas_70 {width: 70px;}
.practicas_75 {width: 75px;}
.practicas_80 {width: 80px;}
.practicas_85 {width: 85px;}
.practicas_90 {width: 90px;}
.practicas_95 {width: 95px;}
.practicas_100 {width: 100px;}
.practicas_110 {width: 110px;}
.practicas_115 {width: 115px;}
.practicas_125 {width: 125px;}
.practicas_120 {width: 120px;}
.practicas_130 {width: 130px;}
.practicas_135 {width: 135px;}
.practicas_140 {width: 140px;}
.practicas_150 {width: 150px;}
.practicas_155 {width: 155px;}
.practicas_160 {width: 160px;}
.practicas_165 {width: 165px;}
.practicas_170 {width: 170px;}
.practicas_175 {width: 175px;}
.practicas_180 {width: 180px;}
.practicas_190 {width: 190px;}
.practicas_200 {width: 200px;
/*_width:1px !important;*/
}
.practicas_210 {width: 210px;}
.practicas_215 {width: 215px;}
.practicas_220 {width: 220px;}
.practicas_225 {width: 225px;}
.practicas_230 {width: 230px;}
.practicas_240 {width: 240px;}
.practicas_250 {width: 250px;}
.practicas_275 {width: 275px;}
.practicas_280 {width: 280px;}
.practicas_300 {width: 300px;}
.practicas_325 {width: 325px;}
.practicas_340 {width: 340px;}
.practicas_350 {width: 350px;}
.practicas_375 {width: 375px;}
.practicas_400 {width: 400px;}
.practicas_425 {width: 425px;}
.practicas_450 {width: 450px;}
.practicas_460 {width: 460px;}
.practicas_500 {width: 500px;}
.practicas_540 {width: 540px;}
.practicas_550 {width: 550px;}
.practicas_560 {width: 560px;}
.practicas_570 {width: 570px;}
.practicas_580 {width: 580px;}
.practicas_590 {width: 590px;}
.practicas_600 {width: 600px;}
.practicas_650 {width: 650px;}
.practicas_700 {width: 700px;}
.practicas_750 {width: 750px;}
.practicas_800 {width: 800px;}
.practicas_850 {width: 850px;}

.practicas_7pt{
	font-size: 7pt;
}
.practicas_8pt{
	font-size: 8pt;
}

.practicas_pointer {
	cursor: pointer;
}


.practicas_margin_top_1      {margin-top: 1px;}
.practicas_margin_top_2      {margin-top: 2px;}
.practicas_margin_top_3      {margin-top: 3px;}
.practicas_margin_top_4      {margin-top: 4px;}
.practicas_margin_top_5      {margin-top: 5px;}
.practicas_margin_top_7      {margin-top: 7px;}
.practicas_margin_top_10     {margin-top: 10px;}
.practicas_margin_top_15     {margin-top: 15px;}
.practicas_margin_top_30     {margin-top: 30px;}
.practicas_margin_top_40 	 {margin-top: 40px;}
.practicas_margin_top_45     {margin-top: 45px;}
.practicas_margin_bottom_15  {margin-bottom: 15px;}
.practicas_margin_bottom_30  {margin-bottom: 30px;}
.practicas_margin_bottom_45  {margin-bottom: 45px;}
.practicas_margin_left_2  	{margin-left: 2px;}
.practicas_margin_left_3  	{margin-left: 3px;}
.practicas_margin_left_4  	{margin-left: 4px;}
.practicas_margin_left_5  	{margin-left: 5px;}
.practicas_margin_left_10  	{margin-left: 10px;}
.practicas_margin_left_15  	{margin-left: 15px;}
.practicas_margin_left_20  	{margin-left: 20px;}
.practicas_margin_left_25  	{margin-left: 20px;}
.practicas_margin_left_30  	{margin-left: 30px;}
.practicas_margin_right_2  	{margin-right: 2px;}
.practicas_margin_right_3  	{margin-right: 3px;}
.practicas_margin_right_4  	{margin-right: 4px;}
.practicas_margin_right_5  	{margin-right: 5px;}
.practicas_formuedit {}

.practicas_top {vertical-align: top;}

.practicas_flecha1 {
	background: url("./../img/flecha_auxiliar.gif") no-repeat scroll left center transparent;
    display: inline-block;
    height: 14px;
    width: 14px;
}

.practicas_flecha2 {
    background: url("./../img/flecha_auxiliar.gif") no-repeat scroll left center transparent;
    display: inline-block;
    height: 14px;
    width: 14px;
}

#coie_practicas .practicas_input_lupa {
  	background: url("./../img/lupa.png") no-repeat scroll 3px 50% transparent;
    border: 1px solid silver;
    font-size: 12px;
    padding: 1px 4px 4px 20px;
    width: 255px;
}

#coie_practicas .practicas_input_lupa_nw {
  	background: url("./../img/lupa.png") no-repeat scroll 3px 50% transparent;
    border: 1px solid silver;
    font-size: 12px;
    padding: 1px 4px 4px 20px;
}


#coie_practicas .practicas_input_lupa_dis {
    /*color: #BFBFBF;*/
    color:#6B6B6B;
}

#coie_practicas .practicas_input_lupa_en {
    color: black;
}

.practicas_formulabel {
	color: black;
	font-weight: bold;
}

.practicas_input_autofiltro {
	border: 1px solid #79B7E7;
	background-color: #F8FAFA;
	padding: 3px;
}

.practicas_center 	{text-align: center;}

.nav_usuario
    {
        padding-top: 10px;
        color:white;
    }
    
    .btn_nav_usuario
    {
        border:2px solid #FFFFFF; 
        padding-bottom:2px;
        padding-top:2px;
        margin-top:4px;
        margin-bottom:4px; 
        font-weight: bold; 
        border-radius:10px;
        color: white;
    }
    
    .btn_nav_usuario:hover
    {
        background-color: #FFFFFF;
        border:2px solid #bf343d; 
        text-transform: uppercase; 
        padding-bottom:2px;
        padding-top:2px;
        margin-top:4px;
        margin-bottom:4px; 
        font-weight: bold; 
        border-radius:10px;
        color: #bf343d !important; 
        opacity: 100 !important;
    }
    
    .background_red {
    	background-color:#CC0033; 
    }
    
    .background_gray {
    	background-color:#ECECEC; 
    }
    
    .background_white {
    	background-color:#FFFFFF; 
    }
    
    .color_white {
    	color:white;
    }
    
    .color_red
    {
    	color:#CC0033;
    }
    
    .miga_antigua
	{
		color:#CC0033;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 10px;
	}
	
	.miga_actual
	{
		color:#333;
		font-weight: 700;
		font-size: 11px;
	}
    p{
    	font-family: 'Open Sans', sans-serif;
    	font-weight: 400;
    	line-height: 1.4em;
    }
    
    .btn_table_filtro
    {
    	background-color: white;
    	padding-left: 25px;
    	padding-right: 25px;
    	border: 3px solid #ccc;
    }
    
    .btn_table_filtro:hover
    {
    	background-color: #ccc;
    	padding-left: 25px;
    	padding-right: 25px;
    	border: 3px solid #9f9f9f;
    }
    
    .btn_table_filtro:focus
    {
    	background-color: #ccc;
    	padding-left: 25px;
    	padding-right: 25px;
    	border: 3px solid #9f9f9f;
    }
    
    .btn_cerrarsesion {
		float:right;
		margin-bottom:6px;
		border-radius: 7px;
		color: #FFFFFF;
		font-weight: bold;
		border: 2px solid #FFFFFF;
	}
	
	.btn_cerrarsesion:hover {
		float:right;
		margin-top:5px;
		/*background-color: #FFFFFF;*/
		border-radius: 7px;
		color: #CC0033;
		font-weight: bold;
		
	}
    
    @media only screen and (min-width:1600px) {
    	
    	.search2
    	{
    		margin-left:580px;
    	}
    	
    	
    }
    
    @media only screen and (max-width:1600px) {
    	
    	.search2
    	{
    		margin-left:400px;
    	}
    	#img_intranet
    	{
    		display:none;
    	}
    	#intranet_empresa_opciones
    	{
    		width:70%;
    	}
    }
    
    @media only screen and (max-width:1400px) {
    	
    	.search2
    	{
    		margin-left:400px;
    	}
    	.tam_letra_menu_empresa{
    		font-size:0.8em !important;
    	}
    }
    
    @media only screen and (max-width:1200px) {
    	
    	#cabecera {
			margin-top:40px;
		}
		
    	.search2
    	{
    		margin-left:300px;
    	}
    	
    	#intranet_empresa_opciones
    	{
    		width:85%;
    	}
    	
       
	
    }
    
    
    
    @media only screen and (max-width:998px) {
    	#img-presentacion {
    		display:none;
    	}
    	.search2
    	{
    		margin-left:180px;
    	}
    	
    	 .letra-media{
			font-size:14px !important;
		}
		
		.curva-menu{
			display:none;
		}
    }
    
    
    @media only screen and (max-width: 990px) {
	    
	    #personal
	    {
	    	width: 800px !important;
	    }
	    #personal_datos
	    {
	    	padding-top:0px !important;
	    }

	}
	
	@media only screen and (max-width: 800px) {
	   
	    #personal
	    {
	    	width: 600px !important;
	    }
	    #personal_datos
	    {
	    	padding-top:0px !important;
	    }
	    .search2
    	{
    		margin-left:170px;
    	}
    	#img_aviso
    	{
    		display:none;
    	}
    	.navegacion__seccion{
    		padding-left: 35px;
    	}

	}
	
	
	
	@media only screen and (max-width: 600px) {
	   
	    #personal
	    {
	    	width: 400px !important;
	    }
	    #personal_datos
	    {
	    	padding-top:0px !important;
	    }
	    #img_titulo
	    {
	    	display:none;
	    }
	    .search2
    	{
    		margin-left:50px;
    	}

	}
	
	@media only screen and (max-width: 530px) {
		.input_filtros
		{
			min-width:130px;
			display: inline-block;
		}
	}
	
	@media only screen and (max-width: 450px) {
		.margin_resposinve
		{
			margin-top:0px !important;
		}
	}
	
	
	@media only screen and (max-width: 400px) {
	   
	    #personal
	    {
	    	width: 270px !important;
	    }
	    
	    #personal_datos
	    {
	    	padding-top:0px !important;
	    }
	    
	    #personal_img
	    {
	    	display:none;
	    }
	    .search2
    	{
    		margin-left:0px;
    	}
    	
    	li
	    {
	    	line-height:1.6em;
	    }

	}
	
	.cabecera_formulario {
		background-color: #cc0033; 
		text-align:center; 
		padding: 9px; 
		border-top-left-radius: 35px; 
		border-top-right-radius: 35px;
	}
	
	.seccion_formulario {
		background-color: #cc0033; 
		text-align:center; 
		padding: 9px;
		font-weight: bold;
	    margin-bottom: 7px;
	}
	
	.banner_documentos{
		background-color: #EFEDEE; 
		border-color:#cc0033; 
		border-style: solid; 
		border-width: thin; 
		border-radius:10px;
	}
	
	.btn-gris {
		background-color:#EFEDEE;
	}
	
	.border-gris {
		border-color:#EFEDEE;
	}
	
	.button-enviar {
		width:auto; 
		margin-top:40px; 
		margin-bottom:70px; 
		font-weight: 700;
	}


	tr.practicas_tr_sel td {
		background-color: #E0E8EF !important; 
	}


	.practicas_editar:before {
	    font-family: 'FontAwesome';
	    content:"\f044";
	    display: inline-block;
	    vertical-align: middle;
	    height: 22px;
	    width: 24px;
	}
	
	.practicas_borrar:before {
	    font-family: 'FontAwesome';
	    content:"\f014";
	    display: inline-block;
	    height: 22px;
	    vertical-align: middle;
	    width: 24px;
	}
	
	.ui-datepicker-trigger {
		cursor:pointer;
	}
	
	.actividad-width {
		width:87.1%;
	}
	
	.link-a {
	    background-color: #EFEDEE;
	    color: black;
	    padding: 9px 21px;
	    text-align: center;
	    text-decoration: none;
	    display: inline-block;
	    border-radius:5px;
	}
	
	.persona-contacto-width {
		width:80%;
	}
	
	.cargo-width {
		width:91.9%;
	}
	
	.email-width {
		width:91.5%;
	}
	
	.telefono-width {
		width:89%;
	}
	
	.formu_practicas input[type=text], .formu_practicas input[type=password], .formu_practicas input[type=email], .formu_practicas input[type=file], .formu_practicas input[type=date], select {
	    padding: 6px 10px;
	    margin: 8px 0;
	    display: inline-block;
	    border: 1px solid  #e4e4e4;
	    border-radius: 4px;
	    box-sizing: border-box;
	    background-color:#efedee !important;
	}
	
	
/*HASTA AQUI LOS ESTILOS DE LA EMPRESA*/
	
	
/* LISTADOS Y BOTONERA */
tr.listado_barra_acciones, td.listado_barra_acciones {
    background-color: #ededed;
    padding: 4px;
}

#coie_practicas listado_bt_accion {
	-moz-border-radius: 3px 3px 3px 3px;
	background: -moz-linear-gradient(center top, #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent;
/*	border-color: #CCCCCC;*/
	border-style: solid;
/*	border-width: 1px; */
/*	color: #000000; */
	cursor: pointer;
	cursor: hand;
	outline: medium none;
/*	padding: 5px 8px 3px 6px; */
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
/*	font-size: 13px; */
}

#coie_practicas .inline {
	display: -moz-inline-stack; /* FF2*/
	display: inline-block;
	vertical-align: top; /* BASELINE CORRECCIÓN*/
	zoom: 1; /* IE7 (hasLayout)*/ *
	display: inline; /* IE */
}

#coie_practicas .ico_AZ {
	background: url("../img/ico_bt.png") no-repeat scroll -36px
		50% transparent;
	font-size: 0;
	height: 6px;
	margin: 0px 0px 3px 3px;
	width: 7px;
}


#coie_practicas .listado_accion_menu {
	-moz-box-shadow: 0 4px 10px #8B8B8B;
	background: none repeat scroll 0 0 #F7F7F7;
	cursor: pointer;
	cursor: hand;
	outline: medium none;
	position: absolute;
	z-index: 7;
	margin-left: -6px;
	padding: 4px;
	color: #000000;
	text-align: left !Important;
}

.display_none {
	display: none !Important;
}

.cabecera_filtros{
	border-radius:4px 4px 0px 0px; 
	background-color:#EFEDEE; 
	width: 100%;
	border-radius: 8px 8px 0px 0px;
	border: 2px solid #CC0033;	
}	

.tabla_practicas thead td{
	text-align: center; 
	border-left: 2px solid #CC0033;
	border-right: 2px solid #FFFFFF;
}

.tabla_practicas thead td span{
	font-weight: 700;
	font-size: 18px;
}

.tabla_practicas tbody tr.fila_roja{
	border-bottom: 2px solid #CC0033;
	border-left:2px solid #CC0033;
	border-right:2px solid #CC0033;
}

#coie_practicas .camporequerido{
	color: red;
	font-size: 0.9em;
	font-weight: bold;
}

.btn-red:hover{
	opacity: 0.5;
}

.btn-grey:hover{
	opacity: 0.5;
}

.breadcrumb{
	/*background-color: #f5f5f5 !important;*/
	margin-top: 10px;
}

.breadcrumb li, .breadcrumb li a{
	color: #cc0033;
    font-weight: bold;
    font-size: 10px;	
}
.breadcrumb li.active{
	color: #333;
	font-weight: bold;
    font-size: 11px;		
}
.cabecera_seccion{
	background-color: #cc0033; 
	text-align:center; 
	padding: 9px; 
	border-top-left-radius: 35px; 
	border-top-right-radius: 35px;
	color: white;
    font-weight: bold;
    margin-bottom: 7px;
}
fieldset{
    margin-top: -7px;
}
.cabecera_seccion_medio{
	background-color: #cc0033; 
	text-align:center; 
	padding: 9px; 
	color: white;
    font-weight: bold;
    margin-bottom: 7px;
}

.texto_blanco{
	color:white;	
}

.filtros_checks{
	margin-left: 10px; 
	margin-right: 10px;	
}

.filtroetiqueta {
	font-weight: bold;
	line-height: 1.75em;
	margin-left: 10px;
}

.tabla_practicas thead td:last-child{
	border-right: 2px solid #CC0033;
}
/*.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th .fila_roja{

	border-top : none;
	
}
.tabla_practicas tbody tr.fila_roja:last-child{
    border-bottom: 2px solid #CC0033;
    
}*/


.practicas_seccion1{
	color: #BC2E3C;
	font-weight: bold;
}

.panel-informacion {
	border-color: #CC0033;
}
.panel-informacion > .panel-heading{
	background-color: #CC0033;
	border-color: #CC0033;
	font-weight: bold;
	color: #fff	
}
.general_error {
    border: 1px solid #ef8a9e;
    color: #bb0022;
    background: #FDF2F2 url(./../img/cross.jpg) 5px 3px no-repeat;
    padding: 3px 5px 5px 27px;
    margin: 10px 0px;
}

.info_subtitle {

    font-weight: bold;
    text-transform: capitalize;
}

.info_title > h1 {
	text-align: left;
	
}

.info_opcion h1 {
	margin-top:10px;
}

.info_opcion h4 {
	text-align: center;
	margin-bottom: 20px;
}


.general_camporequerido{
	color: red;
}


/*leyendas*/
.leyenda{
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
	border: 1px solid silver;
	border-radius: 6px;
	background-color: #f3f3f3;	
}
.leyenda span{
	font-weight: bold;
}
.practicas_img_consultar {
    background: url("./../img_2017/cv.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}

.practicas_img_hoja {
    background: url("./../img_2017/tasks-solid.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}

.practicas_img_cerrar {
    background: url("./../img_general/accion_borrar_peq.gif") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}

.practicas_img_busqueda {
    background: url("./../img_2017/search-solid.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}

.practicas_img_seleccion {
    background: url("./../img_2017/user-check-solid.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}
.practicas_img_aceptacion {
    background: url("./../img_2017/user-tag-solid.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}
.practicas_img_pdf{
    background: url("./../img_2017/file-pdf-regular.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

.practicas_img_incidencia{
    background: url("./../img_2017/bolt-solid.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}
.practicas_img_anexo {
    background: url("./../img_2017/iconos2-31.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}

.practicas_img_cambio_coord {
    background: url("./../img_2017/iconos2-32.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}

.practicas_img_borrador {
    background: url("./../img_2017/borrador.png") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}

.practicas_img_info_usuario {
    background: url("./../img_2017/address-book-regular.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}
.practicas_img_info_usuario_aster {
    background: url("./../img_2017/address-book-regular.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
    border: 1px solid #00FFF2;
}
.practicas_img_info_empresa {
    background: url("./../img_2017/chart-bar-solid.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}
.practicas_img_info_empresa_aster {
    background: url("./../img_2017/chart-bar-solid.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
    border: 1px solid #00FFF2;
}
.practicas_img_info_umu {
    background: url("./../img_2017/list-alt-regular.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}
.practicas_img_ok_azul {
    background: url("./../img_2017/check-square-regular.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}
.practicas_img_ok_verde {
    background: url("./../img_2017/check-circle-regular.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}

.practicas_img_alert {
    background: url("./../img/alert.png") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}

.practicas_img_blanco {
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}
.practicas_img_editar {
    background: url("./../img_2017/modificacion.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}
.practicas_img_borrar {
    background: url("./../img_2017/rescindir.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}
.practicas_img_cerrar2 {
    background: url("./../img_2017/lock-solid.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}
.practicas_img_cierrependiente {
    background: url("./../img_2017/clock-regular.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}
.practicas_img_replicar {
    background: url("./../img_2017/copy-regular.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

.practicas_img_consulta {
    background: url("./../img_2017/modifica_rescision.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

.practicas_img_copia {
    background: url("./../img/enc2_copiar.gif") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}
.practicas_img_subir {
    background: url("./../img/up.gif") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}
.practicas_img_folio {
    background: url("./../img_2017/consulta_rescision.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}
.practicas_img_edit_verde {
    background: url("./../img_2017/edit-regular.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}
.practicas_img_consultar_bn {
    background: url("./../img_2017/modifica_rescision.svg") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}
.practicas_img_practicum {
    background: url("./../img_practicas/estrella_peq.png") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}
.practicas_img_empresa {
    background: url("./../img_practicas/empresa.png") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}
.practicas_img_ayuda {
    background: url("./../img/ico_ayuda_consultas.gif") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}
.img_add {
    background: url(./../img/enc2_add.gif) no-repeat left center;
    height: 14px;
    width: 14px;
    display: inline-block;
    vertical-align: top;
}
.img_del {
    background: url(./../img/enc2_borrar.gif) no-repeat left center;
    height: 14px;
    width: 14px;
    display: inline-block;
    vertical-align: top;
}

/*fin leyenda*/

.div_margin_modales{
	margin-top:8px;
}

.encabezado_rojo{
	color: #BC2E3C;
	font-weight: bold;
}

.tabla_practicas tfoot tr.resumen_tfooter{
	border-bottom: 2px solid #CC0033;
	border-left:2px solid #CC0033;
	border-right:2px solid #CC0033;
	background-color: #e2e2e2
}
#tablefooter{
	margin-top: -20px;
}

.table-striped tr.cabecera_datos td{
	background-color: #cc0033 !important;
}
.table-striped tr.cabecera_datos td span{
	color : #fff;
}
span.formutotal{
	color: #cc0033;
}

.ali_vertical_centrada{
	vertical-align: middle;
}

.botones_enlace{
	padding-top: 2px;
    padding-bottom: 2px;
    font-size: 0.9em;
}

.div_contenido_centrado{
  align-items: center;
  display: flex;
  justify-content: center;
}

.aviso_importante {
	background-image: url(./../img_practicas/aviso_importante.png);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.listado_CNAE{
	margin-top: 10px;
    border: 1px solid red;
    padding: 6px 10px;
    margin: 8px 0;
    /* display: inline-block; */
    border: 1px solid #efedee;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #efedee !important;
}

#img_titulo{
	margin-top: 1px;
}
#img_titulo .edit_formu{
    background: url("./../img_2017/persona_gorro.svg") no-repeat scroll left center transparent;
	height: 135px;
	width: 135px;
	display:block;
	margin:auto;"
}
#img_titulo .listados{
    background: url("./../img_2017/varios.svg") no-repeat scroll left center transparent;
	height: 135px;
	width: 135px;
	display:block;
	margin:auto;"
}

#img_titulo .convenios{
    background: url("./../img_2017/convenios.svg") no-repeat scroll left center transparent;
	height: 135px;
	width: 135px;
	display:block;
	margin:auto;"
}

#img_titulo .tablon{
    background: url("./../img_2017/iconos2-28.svg") no-repeat scroll left center transparent;
	height: 135px;
	width: 135px;
	display:block;
	margin:auto;"
}

#img_titulo .edit_personal{
    background: url("./../img_2017/iconos2-38.svg") no-repeat scroll left center transparent;
	height: 135px;
	width: 135px;
	display:block;
	margin:auto;"
}

#img_titulo .solicitud_convenio{
    background: url("./../img_2017/convenios.svg") no-repeat scroll left center transparent;
	height: 135px;
	width: 135px;
	display:block;
	margin:auto;"
}

.leyenda .row:not(:first-child){
	margin-top: 5px;
}

.table-responsive{
	overflow-x: visible; 
	
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th{
  background-color:  #e6e2e2;
}
.button{
	font-weight: 700;
}


@media only screen and (min-width:1200px) {
	.contenedor-tabla {
	   display: table;
	}
                .contenedor-fila {
                   display: table-row;
                }
	.contenedor-tabla span.practicas_formulabel {
	   width: 25px;
	   white-space: nowrap;
	   display:table-cell;
	}
                .contenedor-tabla span.camporequerido {
                   width: 25px;
                   display:table-cell;
                }
	.contenedor-tabla input,
	.contenedor-tabla select  
	{
	   display: table-cell;
	   width: 100%;
	}
	

}

.letra-media{
	font-size:17px;
	color: white;
}

.letra-paneles-inicio{
	color: black;
	font-weight: 500;	
}

ul.menuRoles li{
	padding-bottom: 5px;
}

.li-menuRoles-activo{
	color: #CC0033;	
}

.li-menuRoles-Noactivo{
	color: #80808080;	
}

.altura-col-menuRoles{
	height:85%;
}

.imagen-menuRoles{
	height: 100%;
    margin-left: 4%;
    background-repeat: no-repeat;
    background-size: 16%;
    background-position-x: 88%;
    background-position-y: 85%;
}

.imagen-menuRoles19{
	height: 100%;
    margin-left: 4%;
    background-repeat: no-repeat;
    background-size: 12%;
    background-position-x: 88%;
    background-position-y: 85%;
}

.img-cabecera-inicio {
	background-color: #8a575e;
}
@media (min-width: 768px) {
  .img-cabecera-inicio {
    height: 200px;
  }
}
@media (min-width: 1100px) {
  .img-cabecera-inicio {
    height: 230px;
  }
}
@media (min-width: 1400px) {
  .img-cabecera-inicio {
    height: 330px;
  }
}

.borde-login{
    border: 1px;
    border-color: #c7c1c1;
    border-style: solid;
    padding: 10px;
    height:300px;
    background: #e4e4e4;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.enlace_navegacion_advertencia{
	position: initial !important;
    padding: .3em !important;
    border-radius: 7px !important;
    background-color: white !important;
    margin-left: -0.3em !important;
}

.enlace_navegacion_advertencia_texto{
	color: #ff0011 !important;
    font-weight: bold !important;
}

.toast-error {
  background-color: #f15c19 !important;
}

.imagenRedonda {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 120px;
    width: 120px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    /* background-position: 50%; */
    border-radius: 50%;
    background-size: 100% auto;
    padding: 30px;
    max-height: 200px;
    max-width: 200px; 
    display:block;
    margin-top:26px;
    margin-left: 40px;
}

.padding-filas-contactos{
	padding-bottom: 20px;
}

.id-ofertas-resp{
    color: #cc0033;
    font-weight: bold;
    font-size: 1.2em;
}

.margin_resposinve{
	margin-top:-25px;
}

.tam_letra_menu_empresa{
	font-size:1em;
}
#UMPS_menu_dynamic {
		width: 450px !important;
		/*position: relative !important;*/
}
.titulo_umps{
    /*padding-top: 5px;
    font-size: 18px;
    font-weight: 500;*/
    font-family: 'Inter', sans-serif;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1;
    flex-grow: 6;
    margin: 0 0 0 0;
    padding: 0 0 0 1rem;
}

.iconoInput {
	color: #a4a1a1;
	font-size: 15px;
	position: absolute;
	right: 25px;
	padding-top: 33px;
	cursor:pointer;
}
.inputPadding {
	padding-left: 40px;
}


.commonHeader{
    background-color: #bd2a33;
    height: 56px;
    align-items: center;
    display: inline-flex;
    justify-content: space-between;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    box-shadow: none;
    transition: box-shadow .25s linear;
}
.fwjsheader__title a:hover, .fwjsheader__title span {
    color: #fff;
}
.fwjsheader__title {
    font-size: 1.15rem;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 0 16px;
    padding: 0 0 0 0;
}
.fwjsHeader {
  font-family: Inter, sans-serif;
  background-color: #bd2a33;
  color: rgba(255, 255, 255, 0.87);
  height: 56px;
  align-items: center;
  display: inline-flex;
  justify-content: space-between;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
  box-shadow: none;
  transition: box-shadow 0.25s linear;
}
.fwjsHeader a {
  color: rgba(255, 255, 255, 0.87);
}
.fwjsHeader__inner {
  align-items: center;
  display: inline-flex;
  justify-content: space-between;
  position: relative;
  width: 100vw;
}
.fwjsHeader__title {
  color: #fff;
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 1;
  flex-grow: 6;
  margin: 0 0 0 0;
  padding: 0.1rem 0 0.1rem 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fwjsHeader__title a {
  text-decoration: none;
}
.fwjsHeader__title a:hover {
  color: #FFF;
}
.fwjsHeader__profiles {
  align-items: center;
  display: inline-flex;
  text-align: right;
  padding: 0 0.5rem 0 0;
}
.fwjsHeader.is__fixed {
  position: fixed;
}
 
.fwjsUserProfile {
  margin: 0 0.5rem;
}
.fwjsUserProfile__outerUserPicture {
  padding: 0.25rem;
  background: transparent;
  border-radius: 0.25rem;
}
.fwjsUserProfile__userPicture {
  background-color: transparent;
  border-radius: 24px;
  cursor: pointer;
  display: block;
  height: auto;
  overflow: hidden;
  width: 24px;
}