/* 
Estilo Face Proveedores
Minhap - Ministerio de Hacienda.
Gobierno de España
© copyright 2016 *(jfcarrera)
Todos los derechos reservados
*/





/*******************************************************
			Cabecera Acordeón Proveedores
*******************************************************/
.accordion {
	border:0!important; 
	margin:0!important; 
	padding:0.4em 2em 2em 2em!important;
	background:#FFF;
	width: auto;}

.accordion .ng-isolate-scope { 
	margin:0!important; 
	padding:0!important;
	position: relative;
	background:#FFF;}

.accordion .ng-isolate-scope > .ng-binding {
	background-color:#F3F3F3;
	color:#00719B;  
	border-bottom: 1px solid #EEEEEE;
	position: relative;
	margin:0!important;
	margin-bottom: 3px!important;	 
	padding:0.3em 1em 0.1em 0.8em!important; 
	vertical-align: middle;
	display: inline-block;
	font-size: 1.1em; 
	line-height: inherit;
	font-weight: 300;
	letter-spacing: 1px; 
	width: 100%;}	

.col_links i.fa-pencil-square-o {
    font-size: 90%!important;
    color: #A5A5A5!important;
	width: auto;
	margin:0!important;
	margin-top:-3px!important;
	padding: 0 0.5em!important;
	cursor: pointer;
    text-decoration: inherit!important;}

.col_links small {
	font-size: 75%!important;
    color: #A5A5A5!important;
    padding: 0!important;
    margin:0 0 0 -10px!important;
    letter-spacing: 0px;}

i.chevron	{
	padding: 0.1em 0.3em!important;}

.accordion .ng-isolate-scope > .content {
	background-color:#FFF; 
	color:#555555; 
	margin:0!important; 
	padding:0!important;}

.accordion-content {
	display: block;
	padding: 0!important;
	background-color:#FFF;}

.accordion-navigation > a, 
.accordion dd > a	{background:#666;}
.accordion-navigation > a:hover, 
.accordion dd > a:hover	{background:#FFF;}


/*******************************************************
			Títulos administradores
*******************************************************/


.fc-certificados-row {
	background: transparent;
	display: inline-block;
	padding: 0.8em 0 1.2em 0!important; 
	margin:0!important;
	width: 100%;}

h3.fc_titulos {
    font-size: 1.0em;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
	color:#00719B!important;
	font-weight: bold;}	

h3.fc_strong {
	padding: 0.1em;
	color:#00719B!important;
	font-weight: bold;}	

i.fa_ico_titulo {
	float: left; 
	padding: 0.1em 0.3em 0 0.8em;
	color:#00719B!important;
	font-size: 100%!important;}

/*******************************************************
			Títulos Proveedores
*******************************************************/

h2.fc_titulos {
	padding:0.2em;
	font-weight: 600;
	font-size: 130%;
	color:#0080FF!important;}	


	
/*******************************************************
					Tablas
*******************************************************/

table.fc_administrar {
	margin:0 auto;
	padding: 1em;
	width: 96%;
    border-collapse: collapse;
    border-spacing: 0;
	border:0px solid #EEE!important;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif!important;}

table.fc_administrar tbody tr td {
    border: 0px solid #EEE!important;
    padding: 0.4em 1em;
    color: #232323!important;}   

table.fc_administrar tbody tr td {
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif!important;}  

table.fc_administrar tbody tr td:first-child {
	width: 60%!important; 
	display: table-cell;	
	text-align:left!important;}  

table.fc_administrar .colum-icon {
	width: 9%!important; 
	display: table-cell;}




table.fc_certificados{
	margin:0 auto;
	padding: 1em;
	width: 96%;
    border-collapse: collapse;
    border-spacing: 0;
	border:0px solid #EEE!important;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif!important;}

table.fc_certificados tbody tr td {
    border: 0px solid #EEE!important;
    padding: 0.4em 1em;
    color: #232323!important;}

table.fc_certificados tbody tr td {
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif!important;} 

table.fc_certificados tbody tr td:first-child { 
	width: 45%!important; 
	display: table-cell;	
	text-align:left!important;}    

table.fc_certificados .colum-color {
	width: 30%!important; 
	display: table-cell;
	text-align:left!important;}

table.fc_certificados .colum-icon {
	width: 8%!important; 
	display: table-cell;}


span.fc_fecha {
	display: inline-block; 
	width: 100%;
	color:#232323;
	text-align: center;
	display: inline-block;}

.fc_activa:before{
	color:#40FF40 !important;
	content: "\f0a3";
    font-family: "FontAwesome"!important;
    font-size: 140%!important;
    font-weight: lighter;
    padding:1px 2px!important;
	margin:0 0.1em 0 0!important;}

.fc_caduca:before {
	color:#E08080 !important;
	content: "\f071";
    font-family: "FontAwesome"!important;
    font-size: 140%!important;
    font-weight: lighter;
    padding:1px 2px!important;
	margin:0 0.1em 0 0!important;} 

.fc_cercan:before {
	color:#FFE137 !important;
	content: "\f06a";
    font-family: "FontAwesome"!important;
    font-size: 140%!important;
    font-weight: lighter;
    padding:1px 2px!important;
	margin:0 0.1em 0 0!important;} 

.fc_sininfor:before {
	color:grey !important;
	content: "\f059";
    font-family: "FontAwesome"!important;
    font-size: 140%!important;
    font-weight: lighter;
    padding:1px 2px!important;
	margin:0 0.1em 0 0!important;} 

.fc_leyenda {
    font-size: 0.85em;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
	color:#676767!important;
	font-weight: bold;
	text-align: right;
	display: inline-block;
	width: 100%;}	

.fc_activo {color:#40FF40 !important;}
.fc_caducado {color:#E08080 !important;}
.fc_pendiente {color:#FFE137 !important;}
.fc_literal_leyend {
	color:#676767!important;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif!important;
	font-size:90%;}	


/*******************************************************
						Botones
*******************************************************/

.bot_face_new {
	color:#FFF;
	background-color:#00719B!important;	
    font-size: 110%;
	line-height: 1.5em;
	text-decoration: none;
	border-radius: 0!important;
	padding: 0.2em 0.5em!important;
	margin:0 1em!important;
	border:0!important;}

.bot_face_new:hover {
	color:#FFF!important;
	background-color:#03A3CF!important;}

.bot_face_new:before {
    content: "\f067";
    font-family: "FontAwesome"!important;
    text-decoration: inherit!important;
    color: #FFF!important;
    font-size: 90%!important;
    font-weight: lighter;
	width: 9%;
	cursor: pointer;}

.bot_face_gral {
	color:#FFF;
	background-color:#00719B!important;	
    font-size: 110%;
	line-height: 1.5em;
	text-decoration: none;
	border-radius: 0!important;
	padding: 0.6em 1.5em!important;
	margin:0 1em!important;
	border:0!important;}	

.bot_face_gral:hover,
.bot_face_gral:focus {
	color:#FFF!important;
	background-color:#03A3CF!important;}	

.bot_face_gral i.fa {
	font-size: 130%;
	font-weight: lighter!important;
	padding: 0.2em 0 0 0.3em!important;}	

.close-button:hover {background: #FFF!important;}

/*******************************************************
			iconos tabla proveedores
*******************************************************/

.fc_edit:before {
    content: "\f040";
    font-family: "FontAwesome"!important;
    text-decoration: inherit!important;
    text-align: center;
    color: rgb(0, 113, 155) !important;
    font-size: 120%!important;
	width: 6%;
	cursor: pointer;}

.fc_clean:before {
    content: "\f1f8";
    font-family: "FontAwesome"!important;
    text-decoration: inherit!important;
    text-align: center;
    color: rgb(0, 113, 155) !important;
    font-size: 120%!important;
	width: 6%;
	cursor: pointer;}	

.fc_show:before {
    content: "\f06e";
    font-family: "FontAwesome"!important;
    text-decoration: inherit!important;
    text-align: center;
    color: rgb(0, 113, 155) !important;
    font-size: 120%!important;
	width: 6%;
	cursor: pointer;}	


/*******************************************************
			Margenes y paddings Proveedores
*******************************************************/

.fc-nomapadd {margin: 0!important; padding: 0!important;  }
.fc-margin-top-l {margin-top: 1em!important; }
.fc-margin-bottom-s {margin-bottom: 0.1em!important;}
.fc-margin-bottom-l {margin-bottom: 1em!important;}
.fc-margin-bottom-xl {margin-bottom: 2em!important;}
.fc-margin-bottom-xxl {margin-bottom: 3em!important; padding-bottom: 3em!important;}
.fc-padd-acordeon {padding: 1em !important;}
.fc-padd-modal {padding: 3em !important;}
.fc-padd-leyenda {padding-bottom: 1.8em!important;}
.fc_center {text-align: center; display: inline-block;}

/*******************************************************
			Modals
*******************************************************/

.fc_modal-content{
	width: 100%;
	margin: 0!important; 
	padding: 0!important;}

.fc_modal-header{
	display: inline-block;
	width: 100%;
	margin: 0!important; 
	padding: 0.5em 0.5em 0 0.5em!important;
	border-bottom: 3px solid  #A5A5A5;
	position: relative;}

.fc_modal-header h2 {
	padding:0.2em 0.2em 0 0.2em;
	font-weight: 600;
	font-size: 160%;
	color:#00719B!important;
	font-weight: lighter!important;
	margin-bottom: -4px;}	

.fc_modal-header .fc_modal_close {
	position: absolute;
	right: 0.3em;
	top:0.5em;
	font-size: 150%;
	color: #A5A5A5;}

.fc_modal-header .fc_modal_close:hover,
.fc_modal-header .fc_modal_close:focus {
	color:#535353;}

.fc_modal-body {
	display: inline-block;
	width: 100%;
	margin: 0!important; 
	padding: 1.5em 1em!important;}

.fc_modal-body .columns .fc_entidades {
	width: 25%!important;
	display: inline-block;
	float: left;
	padding: 0.5em!important;
	color:#00719B!important;	
	text-align: right;}

.fc_line_modal {
	display: inline-block;
	width: 100%;
	padding: 0.3em 1em;}	

.fc_view_ini {
	width: 15%!important;
	display: inline-block;
	float: left;
	padding: 0.2em!important;
	color:#00719B!important;	
	text-align: right;}

.fc_view_modal{    
    padding:0.1em!important;
    color: #00719B!important;
	color:#000!important;
	display: inline-block;
	float: left;}	

.fc_modal-body .columns input.fc_form,
.fc_modal-body .columns select.fc_form,
.fc_modal-body .columns textarea.fc_form {
	width: 75%;
	display: inline-block;
	padding: 0.2em 0.5em!important;
	color:#00719B!important;
	background-color: #FFF!important;
	border:1px solid #00719B!important;;
	float: left;
	font-size: 110%;
	vertical-align: top!important;}

.fc_textarea {height:6em;}

.alert-box {
	padding: 0.2em 0.5em!important;
	background-color: #D9534F!important;
	font-size: 100%!important;
	margin-bottom: 1em!important;
	border:0!important;}	

.fc_modal-body .alert-box {
	margin-left: 26%!important;}

.fc_modal-body .columns .fc_col_1 {width: 10%!important;}	
.fc_modal-body .columns .fc_col_2 {width: 20%!important;}	
.fc_modal-body .columns .fc_col_3 {width: 30%!important;}	
.fc_modal-body .columns .fc_col_4 {width: 40%!important;}	
.fc_modal-body .columns .fc_col_5 {width: 50%!important;}	
.fc_modal-body .columns .fc_col_6 {width: 60%!important;}	
.fc_modal-body .columns .fc_col_7 {width: 70%!important;}	
.fc_modal-body .columns .fc_col_8 {width: 80%!important;}	
.fc_modal-body .columns .fc_col_9 {width: 90%!important;}