html {
	& .nvd3-svg {
		direction: ltr;
	}
	& .nvtooltip {
		font-family: inherit;
		font-size: rem(12px);
		border: none;
		padding: rem(5px) rem(10px);
		background: rgba($white, .95);
		
		@include box-shadow(0 4px 16px rgba($black, .15));
		@include border-radius($border-radius * 2);
		
		& table {
			& thead {
				& tr {
					& th {
						& strong {
							text-decoration: underline;
						}
					}
				}
			}
			& tbody {
				& td {
					&.legend-color-guide {
						& div {
							border: none;
						
							@include border-radius($border-radius);
						}
					}
				}
			}
		}
	}
	& .nvd3 {
		& line {
			&.nv-guideline {
				stroke: rgba($white, .5);
			}
		}
		& .nv-bars {
			& text {
				fill: rgba($white, 1);
			}
		}
		& .nv-axis {
			& line,
			& path {
				fill: none;
				stroke: rgba($white, .15);
			}
		}
		& .nv-legend-text,
		& .nv-x text,
		& .nv-y text {
			font-family: inherit;
			fill: rgba($white, .75);
			font-size: rem(11px);
			font-weight: 500;
		}
		& .nv-label {
			& text {
				fill: rgba($white, .75) !important;;
			}
		}
		& .nv-legend-symbol {
			r: 3
		}
		&.nv-pie {
			& .nv-pie-title {
				fill: rgba($white, .75)
			}
			& path {
				stroke: rgba($white, .2);
			}
		}
	}
}