#crawl h2 {
  -webkit-font-smoothing: antialiased;
  color: #333;
  font-weight: normal;
  font-size: 28px;
  margin: 10px 0 30px 0;
  padding: 0;
  line-height: 1.5;
  text-align: left;
}
@media (max-width: 767px) {
  #crawl h2 {
    font-size: 25px;
  }
}
#crawl .header p {
  font-weight: 300;
  font-size: 14px;
  color: #757575;
  margin: 10px 0;
  text-align: center;
}
.radar {
	text-align: center;
}
#crawl .screenshot img {
	border:5px solid #EEE;
	border-radius: 4px;
	margin: 0 0 10px 0;
}
#crawl .new_screenshot {
	width:410px;
	height:271px;
	background:#EEE;
	border-radius:3px;
	padding: 5px;
	margin: 0 auto;
	position:relative;
	overflow: hidden;
}
#crawl .new_screenshot span {
	font-size:16px;
	text-transform:uppercase;
	padding: 110px 0;
	display:inline-block;
	position:absolute;
	width:100%;
	left:5px;
	color:#AAA;
}
#crawl .new_screenshot img {
	position:absolute;
	left:5px;
}
#crawl .loading_error { display: none; }
#crawl .oops {
	color:#F00;
	font-size:30px;
	font-weight:bold;
}

#crawl .score {
  -webkit-font-smoothing: antialiased;
	font-weight:100;
	line-height:1;
	font-size:30px;
	margin:10px 0 30px 0;
	/*border:5px solid #5cb85c;*/
	color:#FFF;
	border-radius: 300px;
	width: 80px;
	height: 80px;
	padding: 25px 10px;
	text-align: center;
}
#crawl .scores .label-rn {
	padding:11px 5px;
	width: 35px;
	height: 35px;
}
#crawl #score #score_value {
	font-size:60px;	
	display: block;
	text-align: center;
}
#crawl #score small {
	text-transform:uppercase;
	font-size:13px;
	display:block;
	font-weight:bold;
	text-align: center;
	margin: 0 0 8px 0;
}
#crawl #score sub {
	font-size:20px;
	display:block;
	text-align: center;
}




#crawl .swot {
	list-style: none;
	padding: 0;
}
#crawl .swot li {
	list-style: none;
	padding: 0 0 10px 15px;
}



#crawl .alerts_count {
	display: block;
	float:left;
	height:150px;
	width: 190px;
	padding: 25px 0 20px 20px;	
}
#crawl .alert_count {
	margin:0 5px 5px 0;
	text-transform: uppercase;
	color:#888;
	font-weight: bold;
	display: block;
}

#crawl .scorecomment {
	float:left;
	margin: 10px 0;
	padding: 10px;
	font-size: 18px;
	font-style: italic;
	font-family: 'Palatino', 'Open Sans';
	color:#444;
}
#crawl #tasks {
	list-style: none;
	margin: 0;
	padding: 0 0 0 20px;
}
#crawl #tasks .task {
	list-style: none;
	margin: 0;
	padding: 5px 0;
	font-size:15px;
}
#crawl #tasks .task::before {
	content:'\f046';
	margin: 0 10px 0 0;
	display: inline-block;
	font: normal normal normal 14px/1 'Font Awesome\ 5 Pro';
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


#crawl #pagestabs h4 {
	font-weight:100;	
  -webkit-font-smoothing: antialiased;
  font-size:16px;
}



#crawl .criteria {
	padding:30px 0;
	cursor:pointer;
}
#crawl .criteria:hover {
}

#crawl .criteria .result {
  color: #333;
  font-weight: 500;
  font-size: 13px;
  margin:0;
}
	#crawl .criteria .competitors {
		font-size:11px;
	}
	#crawl .criteria .competitor-title {
		font-size:10px;
		font-style: normal;
		text-transform: uppercase;
		color:#333;
	}
	#crawl .criteria blockquote .result-value {
		font-size:14px;
		font-style:italic;
		color:#666;
		padding:5px 0;
	}
	#crawl .criteria blockquote .result-info {
		font-size:12px;
		font-style: normal;
		color:#333;
	}
	/*#crawl .criteria blockquote.result-0 {
		border-left: 5px solid #333;
		background:#FBFBFB;
	}
	#crawl .criteria blockquote.result-1 {
		border-left: 5px solid #e7df00;
		background:#fcffec;
	}
	#crawl .criteria blockquote.result-2 {
		border-left: 5px solid #ab00ff;
		background:#f5eefb;
	}
	#crawl .criteria blockquote.result-3 {
		border-left: 5px solid #00a3cb;
		background:#e8f8ff;
	}*/
	#crawl .criteria blockquote.result-1 {
		border-left: 5px solid #1aa600;
	}
	#crawl .criteria blockquote.result-2 {
		border-left: 5px solid #ff9e00;
	}
	#crawl .criteria blockquote.result-3 {
		border-left: 5px solid #f70500;
	}
	#crawl .criteria .result blockquote.result-1 .result-title {
		color:#c3bd00;
	}
	#crawl .criteria .result blockquote.result-2 .result-title {
		color:#ab00ff;
	}
	#crawl .criteria .result blockquote.result-3 .result-title {
		color:#00a3cb;
	}


#crawl .criteria .help {
	padding:20px;
	background:#fffeb5;
	margin:10px 0 0 0;
	line-height:1.8;
	font-size:13px;
	color:#444;
	font-style:italic;
	display:none;
}

#crawl .criteria h6 {
	margin:0 0 0 20px;	
	color: #333;
	font-size: 14px;
	font-weight:600;
}
#crawl .criteria h6::before {
	position: absolute;
	display: inline-block;
	font: normal normal normal 14px/1 'Font Awesome\ 5 Pro';
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	content: "\f05a";
	display: block;
	top: -2px;
	left: 0;
	font-size:20px;
	color:#666;
	margin:0 10px 0 10px;
}
#crawl .criteria.criteria_1 h6 {
	color:#090;
}
#crawl .criteria.criteria_1 h6::before {
	content: "\f00c";
	color:#090;
}
#crawl .criteria.criteria_3 h6 {
	color:#F00;
}
#crawl .criteria.criteria_3 h6::before {
	content: "\f00d";
	color:#F00;
}
#crawl .criteria.criteria_2 h6 {
	color:#F60;
}
#crawl .criteria.criteria_2 h6::before {
	content: "\f06a";
	color:#F60;
}

#crawl #report-page-2, 
#crawl #report-page-3, 
#crawl #report-page-4, 
#crawl #report-page-5, 
#crawl #report-page-6 {
	display:none;
}







#crawl #pagestabs {
	margin: 20px 0 0 0;
}

#crawl #pagestabs a {
	display:inline-block;
	border: 1px solid #E6E6E6;
	border-radius: 3px;
	padding:10px;
	margin:0;
	color:#333;
	text-decoration:none;
	width:100%;
	text-align:center;
}
#crawl #pagestabs a:hover {
	border-color:#333;
	text-decoration:none;
}
#crawl #pagestabs a.active {
	border-color:#1495ff;
	background:#1495ff;
	color:#FFF;
}
#crawl #pagestabs a .score {
	display:inline-block;
	margin:10px 0 0 0;
	font-size:16px;
	color:#333;
	padding:1px 10px;
	border-radius:15px;
}
#crawl #pagestabs a .score .label-rn {
	font-size:15px;
	width:45px;
	height:45px;
	padding:15px 0 0 0;
}


#crawl .result blockquote {
	color:#666;
	font-size:14px;
	font-style:italic;
	margin:0 0 5px 0;
	background:#FBFBFB;
}
#crawl .result p {
	color:#222;
	font-size:14px;
}
#crawl .result p > big {
	font-size:20px;
	font-weight: bold;
	font-style: italic;
}
#crawl .result ul {
	list-style: none;
	padding: 0;
}
#crawl .result li {
	list-style: none;
	padding: 0;
}



.minibar {
	display: inline-block;
}
.minibar span {
	font-size: 12px;
	display: inline-block;
}
.minibar-bloc {
	border:1px solid #333;
	width: 40px;
	height: 10px;
	position: relative;
	overflow: hidden;
	border-radius: 2px;
	display: inline-block;
	margin: 0 0 0 5px;
}
.minibar-bloc>div {
	background:#333;
	height: 10px;
	display: inline-block
}
.minibar-success .minibar-bloc  {
border-color:#5cb85c;
}
.minibar-success .minibar-bloc>div  {
background-color:#5cb85c;
}
.minibar-warning .minibar-bloc  {
border-color:#f0ad4e;
}
.minibar-warning .minibar-bloc>div  {
background-color:#f0ad4e;
}
.minibar-danger .minibar-bloc  {
border-color:#d9534f;
}
.minibar-danger .minibar-bloc>div  {
background-color:#d9534f;
}

.color-success {
	color:#5cb85c;
}
.color-warning {
	color:#f0ad4e;
}
.color-danger {
	color:#d9534f;
}


.number-lg {
	font-size:40px;
	font-weight: bold;
}
.number-sm {
	font-size:16px;
}
.number-lg small {
	font-size:20px;
}
.number-sm small {
	font-size:13px;
}


#score {
-webkit-font-smoothing: antialiased;
font-weight: 500;
line-height: 35px;
font-size: 70px;
margin: 10px 0 10px 0;
color: #FFF;
border-radius: 300px;
width: 150px;
height: 150px;
padding: 49px 10px;
text-align: center;
display: inline-block;
}
#score sup {
	font-size:20px;
	text-align: center;
}


circle.node {
  cursor: pointer;
  stroke: #FFF;
  stroke-width: .5px;
}

circle.node.directory {
	fill:#0c5b9d;
}
circle.node.page {
	fill:#1495ff;
}
circle.node.root {
	fill:#333;
}

circle.node.collapsed {
}

.nodetext {
  fill: #252929;
  font-weight: bold;
  text-shadow: 0 0 0.2em white;
}

line.link {
  fill: none;
  stroke: #9ecae1;
  stroke-width: 1.5px;
}
#visualisation rect {
	stroke :#FFF;
}
#visualisation { display: inline-block; }

