#audit_dialog {
    position: fixed;
    margin-left: 50%;
    top: 100px;
    left: -30%;
    width: 60%;
	font-size: 13px;
	z-index: 999999;
}

#audit_dialog div.panel-body {
	height: 400px;
    overflow: auto;
	padding: 10px;
}

#audit_dialog label.analysis-labels {
	margin-bottom: 5px; 
    min-width: 0;
    display: table;
    font-size: 14px;
}

#audit_dialog label.analysis-labels.label-results {
	margin-top: 10px;
	display: block;
	cursor: auto;
}

#audit_dialog label.analysis-labels.label-results.label-important {
	display: inline-block;
}

#audit_dialog input.analysis-input {
    width: 70%;
    height: 40px;
    padding: 5px 5px 5px 40px;
    margin: 0 10px 10px 0 !important;
    font-size: 18px;
    color: #666;
    background: url(../images/key.png) 3px 6px no-repeat;
    box-sizing: border-box;
}

#audit_dialog input.analysis-input.error,
#audit_dialog input.analysis-input.error:focus {
	border: 2px solid #d9534f !important;
    box-shadow: none;
}

#audit_dialog #start_analysis span.audit-cogicon {
	margin-right: 4px;
    display: inline-block;
    width: 16px;
    height: 16px;
    float: left;
    background: url(../images/cog.png) 0 0 no-repeat;
	box-shadow: none;
	border-radius: 3px;
}

#audit_dialog #start_analysis span.audit-cogicon.running {
    animation: spin 2s infinite linear;
}

#audit_status.running {
	animation: textani .9s infinite linear;
}

#audit_dialog ul.analysis-results-cookies,
#audit_dialog ul.analysis-results-cookies li,
#audit_dialog ul.analysis-results-domains,
#audit_dialog ul.analysis-results-domains li {
	list-style-type: none;
	margin: 0;
    padding: 0;
}

#audit_dialog ul.analysis-results-cookies li,
#audit_dialog ul.analysis-results-domains li {
    padding: 5px;
	display: flex;
}

#audit_dialog ul.analysis-results-cookies li > span,
#audit_dialog ul.analysis-results-domains li > span {
	flex: 1 1 0;
}

#audit_dialog ul.analysis-results-cookies li:first-child,
#audit_dialog ul.analysis-results-domains li:first-child {
    background-color: #e4e4e4;
}

#audit_dialog ul.analysis-results-cookies li:first-child span,
#audit_dialog ul.analysis-results-domains li:first-child span {
	font-weight: bold;
}

a.hasAuditTooltip:hover {
	text-decoration: none;
}

@media ( max-width:800px ) {
	#audit_dialog input.analysis-input {
		width: 100%;	
	}
}

label.closedialog {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 16px;
	cursor: pointer;
}

span.label-with-badge {
	line-height: unset;
    font-size: 14px;
}

span.label-with-badge span.badge {
	background-color: #FFF;
	color: #c47300;
}

#audit_status {
	margin-left: 5px;
    font-size: 14px;
}

#audit_dialog div.panel-heading {
    padding: 5px 15px 2px 15px;
}

#audit_dialog div.panel-heading h3 {
	margin-bottom: 4px;
}

div.trigger_dialog:not(.noduplicates), div.trigger_content_analysis {
	cursor: pointer;
}

div.trigger_content_analysis {
    border: 2px solid #6d6d6d;
    border-radius: 15px;
    width: 24px;
    height: 48px;
    box-sizing: content-box;
    padding: 4px 0 4px 0;
}

div.trigger_content_analysis_red {
	background-color: #d9534f;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: auto;
}

div.trigger_content_analysis_yellow {
	background-color: #f89406;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: auto;
}

div.trigger_content_analysis_green {
	background-color: #3c763d;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: auto;
}

div.trigger_content_analysis + div.tooltip {
	left: auto;
	right: 56px;
	left: -150px !important;
}

a[data-role=link] {
	display: block;
	padding-right: 15px;
}

/**
 * Flexbox results
 */
div.flexbox-container-analysis {
	display: flex;
}

#cookie_results_container, #domains_results_container {
    flex: 1 1 auto;
    background-color: #f8f8f8;
    border-radius: 4px;
}

#cookie_results_container {
	margin-right: 10px;
}

#cookie_results_container a.hasAuditTooltip,
#cookie_results_container span.hasCookieValue > span {
    display: inline-block;
    max-width: 300px;
    word-break: break-all;
}

#domains_results_container a.hasAuditTooltip {
    display: block;
    max-width: 400px;
    word-break: break-all;
}

@media (max-width: 1024px) {
	#audit_dialog {
		width: 90%;
		left: -45%;
	}
}

@media ( max-width:1280px ) {
	div.flexbox-container-analysis {
		display: block;	
	}
	#domains_results_container a.hasAuditTooltip {
	    max-width: 100%;
	}
}

@keyframes spin {
	0%  {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}	
}

@keyframes textani {
	0%  {font-size: 13px}
	50% {font-size: 15px}
	100% {font-size: 13px}
}