/*
Project Name: LoanBook - Portfolio & performance
CSS Todo (menos Header)
URL: http://loanbook.es/
Version: 1.0
*/

.map_content, .portfolio_content, .port_performance_content, .evolution_content, .marketplace_content  {
	display: none;
}


.submenu_items {
	float:left;
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	display: none;
}

/* aplicar a .lb_header3 cuando no hay submenu */
.submenu_vacio {
	height: 5px !important;
    min-height: 5px !important;
}


.lb_textlist_left {
	float:left;
	font-weight:bold;
	text-align:left;
	margin-right: 10px;
}

.lb_boxrow_info {
	float:left;
	position: relative;
	width:100%;
	padding:15px;
	margin-top:-30px;
	/*border-top: 1px solid #cfcfcf;*/
	border-bottom: 1px solid #cfcfcf;
}



.nomargin {
   margin: 0 !important;
}

.padding10 {
	padding: 10px !important;
}

.padding15_v {
	padding: 15px 0 !important;
}

.nopadding_left {
   padding-left: 0 !important;
   margin-left: 0 !important;
}

.nopadding_right {
   padding-right: 0 !important;
   margin-right: 0 !important;
}



/** MAP **/

#mapa_title {
	float:left;
	position: absolute;
	width:22%;
	height: auto;
	left: 40px;
	top:20%;

	color:#fff;
	font-size: 22px;
	text-align: left;
	font-weight: bold;
	z-index: 10;
	/*border:1px solid #e0e;*/
}

#mapa_table_data {
	float:left;
	position: absolute;
	width:22%;
	min-height: 40px;
	height: auto;
	left: 40px;
	bottom:50px;
	padding: 10px 0;
	
	line-height: 20px;

	color:#fff;
	font-size: 12px;
	text-align: left;
	/*font-weight: bold;*/
	z-index: 10;
	border-top:1px solid #78a7be;
	border-bottom:1px solid #78a7be;
}

#mapa_table_data > span {
	font-weight: bold;
}


@media screen and (max-width: 992px) {
	#mapa_title, #mapa_table_data {
		width:30%;
	}
}

@media screen and (max-width: 480px) {
	#mapa_title, #mapa_table_data {
		width:77%;
	}
	#mapa_title  {
	    top: 8%;
	}
}




/** CURRENT PORTFOLIO **/

@media screen and (min-width: 992px) {
	#lb_boxcontent_perfilmedio {
		    padding-bottom: 13px;
	}
}



/** PERFORMANCE **/

#portfolio_perfomance_table_wrapper {
	white-space: nowrap !important;
	overflow-y: hidden !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch !important;
	width:100% !important;
}

#portfolio_perfomance_table_wrapper_interior {
	float:left;
	position: relative;
    display: inline;
    width: 998px !important;
    /*height: 100%;*/
    height: auto;
    padding:0;
    margin:0;
}

.portfolio_perfomance_table_column {
	float:left;
	position: relative;
    width: 96px;
    /*display: block;*/
    white-space: initial;
    padding: 0 4px !important;
}

.portfolio_perfomance_table_column:first-child {
	padding-left:3px !important;
	/*width: 84px;*/
	width:68px;
}

.portfolio_perfomance_table_column:nth-child(2) {
	width: 105px;
}

.portfolio_perfomance_table_column:last-child {
	padding-right:0px !important;
}


.portfolio_perfomance_table_row {
	float:left;
	position: relative;
	width: 100%;
    height: auto;
    padding: 5px 15px;
    margin:0;
}
/*
.portfolio_perfomance_table_row:first-child {
	
}
.portfolio_perfomance_table_row:last-child {
	padding-bottom:15px !important;
}*/





.lb_boxrow_info_portfolio_perfomance {
	float:left;
	position: relative;
	width:100%;
	padding:15px;
	border-bottom: 1px solid #cfcfcf;
	margin-bottom:10px !important;
}

.lb_boxrow_info_portfolio_perfomance2 {
	float:left;
	position: relative;
	width:100%;
	padding:15px;
	border-top: 1px solid #cfcfcf;
	margin-top:10px !important;
}


.lb_boxrow_info_portfolio_perfomance_fixed_header {
	float:left;
	position:absolute;
	display:inline;
	width:78px;
	height:85px;
	top:32px;
	left:16px;
	z-index:5;
	margin-bottom: 0 !important;
}

.portfolio_perfomance_table_column_fixed_col {
	position:absolute;display:inline;width:78px;z-index:5;height:auto;top:127px;left:16px;padding-right: 0;
	padding-top:0 !important;
	padding-bottom: 0 !important;
	background-color: #ffffff;
}

.portfolio_perfomance_table_column_fixed_col > .portfolio_perfomance_table_column {
	padding-top:5px !important;
	padding-bottom: 5px !important;
	padding-right: 0px !important;
	padding-left: 3px !important;
	width: 68px !important;
}

.lb_boxrow_info_portfolio_perfomance_fixed_footer {
	position:absolute;display:inline;width:78px;z-index:5;height:auto;top:383px;left:16px;
}



/* horizontal scroll on resize */
.port_performance_content .chart_doble { 
	/*width:100% !important;
	width:420px !important;
	 width: 100%;
    min-width: 423px !important;*/	
	white-space: nowrap !important;
	overflow-y: hidden !important;
	/*overflow-x: scroll;*/
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch !important;
}
/* horizontal scroll on resize */
.port_performance_content .chart_doble > div {
	position: relative;
    display: inline;
    width: 100%;
    height: 100%;
}

/** EVOLUTION **/

@media screen and (max-width: 992px) {
	#evolution_legend {
		line-height: 20px;
		margin-top: 10px !important;
		font-size: 11px;
		text-align: left;
	}
}


.chart_evolution {
  width: 938px !important;
  max-width: 100% !important;
  max-height: 700px !important;
  padding: 0;
}



/* bootstrap override: alert-info */
.alert-info .fa-info-circle {
	padding-right: 15px;
	padding-bottom: 15px;

}



/** MARKETPLACE **/

/*
.marketplace_content .lb_box {
    float: left;
}*/

.lb_boxheader_marketplace {
	border: 1px solid #cfcfcf;
    border-bottom: 0;
}

.lb_boxheader_marketplace a {
	float: left;
    position: relative;
    z-index: 2;
}

/* new */
.lb_boxcontent h2 {
    font-family: "Noto Sans";
}

.lb_boxcontent_marketplace {
    clear: both;
	/*margin-bottom: 10px !important;*/
	 z-index: 2;
}

.lb_boxrow_pastilla {
	float:left;
	position: relative;
	width:100%;
	min-height: 32px;
    line-height: 32px;
    padding: 0 15px;
	border: 1px solid #cfcfcf;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	clear: both;
	/*margin-bottom: 10px;*/
}

.lb_boxcontent_pastilla {
	float: left;
    position: relative;
    width: 100%;
    padding: 0;
    border: 1px solid #cfcfcf;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	clear: both;
	margin-bottom: 10px;
}

.marketplace_content .alert-info {
	margin-top: 10px !important;
}

.mp_fila {
	line-height: 20px;
}

.mp_toggle_extra_content, .mp_toggle_extra_content_mobile, .mp_toggle_filters, .mp_toggle_filters_filter {
	cursor:pointer;
	padding: 2px 4px;
    background-color: #edeeef;
    margin-left: 10px;

    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	max-width: 21px;
}

.mp_toggle_extra_content_mobile {
	margin-left: 0;
	margin-right: 5px;
}

.mp_toggle_filters {
	border: 1px solid #cfcfcf;
	margin-left: 0;
	margin-right: 10px;
	padding: 2px 4px 3px;
	display: none;
	float: left;
    position: relative;
    margin-top: 7px;
    z-index: 2;
}

.mp_toggle_filters_filter {
	margin-left: 0;
	margin-right: 10px;
	position: relative;
    z-index: 2;
}


.mp_rating_color_item  {
	float: none;
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 15px;
	height: 15px;
	margin-bottom: -4px;
	margin-left: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#mp_rating_color_item_amore, .mp_rating_color_item_amore {
	background-color: #006C55 !important;
}
#mp_rating_color_item_a, .mp_rating_color_item_a {
	background-color: #008040 !important;
}
#mp_rating_color_item_aless, .mp_rating_color_item_aless {
	background-color: #5AC225 !important;
}
#mp_rating_color_item_bmoremore, .mp_rating_color_item_bmoremore {
	background-color: #65F02E !important;
}
#mp_rating_color_item_bmore, .mp_rating_color_item_bmore {
	background-color: #A5C728 !important;
}
#mp_rating_color_item_b, .mp_rating_color_item_b {
	background-color: #EDE111 !important;
}
#mp_rating_color_item_bless, .mp_rating_color_item_bless {
	background-color: #CDC410 !important;
}
#mp_rating_color_item_cmore, .mp_rating_color_item_cmore {
	background-color: #BCB611 !important;
}




#lb_boxcontent_filtros {
	display: block;
}

#lb_boxcontent_filtros div:last-child {
	border-bottom: 0;
}

.mp_toggle_extra_content .glyphicon, .mp_toggle_extra_content_mobile .glyphicon, .mp_toggle_filters .glyphicon, .mp_toggle_filters_filter .glyphicon {
    color:#000;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}
.glyphicon-triangle-right:before {
    content: "\e250";
}

.lb_blue {
    color: #5587a0 !important;
}

.mp_clear_filter {
	float:right;
	margin-right: 0;
	position: relative;
    z-index: 2;
    color:#cecfd0;
}

.mp_filters_content {
	float: left;
    position: relative;
    width: 100%;
    font-weight: normal;
    height:auto;
    padding: 0;
    margin:0;
    margin-top:10px;
}

.mp_filters_content .mp_filters_content_item {
	float: left;
    position: relative;
    width: 100%;
    font-weight: normal;
    height:auto;
    padding: 0;
    margin:0;
    margin-top: 4px;
}

/*
.mp_filters_content .mp_filters_content_item:first-child {
	margin-top: 8px;
}
*/

.mp_filters_content .lb_textlist_right {
	font-weight: normal;
}

.mp_filter_label_center {
	float: left;
	position: relative;
	text-align: center;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-size:10px;
}

.mp_extra_content {
	display: none;
	line-height: 18px;
}

.mp_cuadros_content {
	
	float: left;
	position: relative;
	width:100%;
	margin: 0;
	padding: 0;

	color:#414243;
	font-size:11px;
	text-align: center;

	background-color: #f5f6f7;
   	border:1px solid #edeeef;
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.mp_cuadros_content .mp_cuadro {
	float: left;
	position: relative;
	width: 33.33%;
	padding: 15px 0;
	line-height: 20px;
	border-right:1px solid #edeeef;
}

.mp_cuadros_content .mp_cuadro:last-child {
	border-right:0;
}

.mp_cuadros_content .mp_cuadro span {
	/*font-size:20px;*/
	font-size:18px;
}


.mp_cuadros_content .mp_cuadro_rating {
	float: left;
    position: relative;
    padding: 0;
    margin:0;
    height: 80px;
}

.mp_cuadros_content .mp_cuadro_rating span:first-child  {
	float: left;
    position: relative;
    width: 100%;
    height: 70%;
	background-color: #eedb33;
	color:#fff;
	font-size: 30px;
	line-height: 52px;
	border-radius: 3px 0px 0px 0px;
	-moz-border-radius: 3px 0px 0px 0px;
	-webkit-border-radius: 3px 0px 0px 0px;
}

.mp_cuadros_content .mp_cuadro_rating span:last-child  {
	float: left;
    position: relative;
    width: 100%;
    height: 30%;
	background-color: #5e5d62;
	color:#fff;
	font-size: 11px;
	line-height: 21px;
	border-radius: 0px 0px 0px 3px;
	-moz-border-radius:  0px 0px 0px 3px;
	-webkit-border-radius:  0px 0px 0px 3px;
}


.lb_mp_porcentaje {
	float:right;
	text-align:right;

	height: 10px;
    margin: 5px 0;
    width: 83%;

	border: 1px solid #cfcfcf;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.lb_mp_porcentaje > span {
	float:left;
	position: relative;
	margin: 0;
	padding:0;
	
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color:#5587a0;
}

.mp_fila button {
	font-size: 12px;
	margin-top: 15px;
	width: auto !important;
}

.mp_fila .lb_textseparator {
	margin: 15px 0 10px 0;
}

.mp_fila_block_desktop {
	display: initial;
}

.mp_fila_block_mobile {
	display: none;
}

.mp_fila_block_mobile {
	margin: 15px 0 28px !important;
	padding: 15px 0 !important;
	border-top: 1px solid #cfcfcf;
}

.mp_fila_block_mobile button {
	margin-top: 0px;
}

.mp_fila_block_mobile .lb_mp_porcentaje {
	float:left !important;
	margin-right: 10px;
}


/** TABLET **/
@media screen and (max-width: 991px) {
	
	.lb_boxheader_marketplace {
		border-bottom: 1px solid #cfcfcf !important;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

	.mp_toggle_filters {
		display: block;
	}

	#lb_boxcontent_filtros {
		display: none;
	}

	.mp_filters_content {
		display: none;
	}
}

/** MOBILE **/
@media screen and (max-width: 767px) {

	.mp_fila {
		line-height: 20px;
	}

	.mp_fila > div:first-child  {
		padding: 0 !important;
		margin: 0 !important;
		margin-bottom: 12px !important;
		float: left;
	    position: relative;
	    width: 100%;
	}

	.mp_extra_content_left {
		padding: 0 !important;
		margin: 0 !important;
	}
	.mp_extra_content_right {
		padding: 0 !important;
		margin: 0 !important;
	}

	.mp_fila_block_desktop {
		display: none;
	}

	.mp_fila_block_mobile {
		display: block;
	}


}