/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */progress,sub,sup{vertical-align:baseline}button,hr,input,select{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}

		html,
		body {
			background: #fff;
			font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-size: 16px;
			color: #2a2f33;
			-webkit-font-smoothing: antialiased;
			font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		html {
			box-sizing: border-box;
		}
		*, *:before, *:after {
			box-sizing: inherit;
		}
		a {
			color: #0084cb;
			text-decoration: none;
		}
		.site-wrapper {
			background: #fff;
			width: 100%;
			padding: 20px 4%;
		}
		.site-header {
			border-radius: 6px;
			background-color:#434A50;
			padding:25px;
			margin-bottom:30px;
		}
		.site-title {
			font-size: 1.5em;
			font-weight: 300;
			-webkit-font-smoothing: antialiased;
		}
		
		.site-title img{
		padding-top:30px;
		}
		.site-title a {
			color: #2a2f33;
		}
		.date-range {
			text-align: left;
			color: #ffffff;
			font-size: .9em;
			text-transform: uppercase;
			letter-spacing: 1px;
			padding: .65em 0;
		}
		
		
		/** details row **/
		.site-action-table {
			border-left: 1px solid #efefef;
			border-right: 1px solid #efefef;
			margin-bottom: 4em;
		}
		
		.site-action-row {
			border-left: 5px solid transparent;
			border-bottom: 1px solid #efefef;
		}
		
		.site-action-row-content {
			overflow: hidden;
			cursor: pointer;
		}
		.site-action-row:hover,
		.site-action-row.open { border-left: 5px solid #999; }
		
		.site-action-title {
			font-weight: bold;
			padding: 1.5em 2em;
		}
		.site-action-summary {
			padding: 1.5em 2em;
		}
		.site-action-summary span {
			font-weight: 400;
			font-size: .875em;
			margin: .5em 1em 0 0;
			display:block;
		}
		.site-action-details {
			clear:both;
			padding: 2em;
			border-top: 1px solid #efefef;
			background: #f1f1f1;
			-webkit-transition: height .3s linear, padding-top .3s linear, padding-bottom .3s linear;
			transition: height .3s linear, padding-top .3s linear, padding-bottom .3s linear;
			height: 100%;
			overflow-x: scroll;
		}
		.site-action-details.hidden {
			height: 0;
			padding-top: 0;
			padding-bottom: 0;
			overflow:hidden;
		}
		.site-action-details-table {
			display: table;
			width: 100%;
		}
		.site-action-details-row {
			display: table-row;
			background: #fff;
		}
		.site-action-details-row:nth-child(even) {
			background: #f4f4f4;
		}
		.site-action-details-row.header {
			font-weight: bold;
			background: #c8d5d8;
		}
		.site-action-details-cell {
			display: table-cell;
			padding: 10px;
			min-width: 150px;
		}
		.section-heading {
			background: #383e44;
			border-radius: 6px 6px 0 0;
			padding: 10px 20px;
			color: #fff;
			font-size: 20px;
		}
		
		/** Site overview and overview section structure **/
		.site-overview {
			border-radius: 0 0 6px 6px;
			margin-bottom: 2em;
		}
		.site-overview .summary-module {
			border: 0;
		}
		.site-overview .summary-module-content {
			min-height: 200px;
			padding: 2em 0;
			border-bottom: 0;
			overflow: visible;
		}
		.site-overview .version {
			font-size: 2em;
			font-weight: bold;
			line-height: 1;
		}
		.site-overview a.view-detail-table {
			display: inline-block;
			background: #2f353a;
			padding: 8px 12px;
			border-radius: 3px;
			margin: 10px 0;
			-webkit-transition: .1s ease-in all;
			transition: .1s ease-in all;
		}
		.site-overview a.view-detail-table:hover {
			box-shadow:  0 0 0 4px #434a50, 0 0 0 5px #2f353a;
		}
		.site-overview .label {
			display: block;
			font-size: 14px;
			color: #9caab5;
		}
		.site-overview .highlight {
			color: #fff;
			font-weight: bold;
		}
		.site-overview svg.icon {
			height: 80px;
			width: 80px;
			fill: #2f353a;
			transform: none;
			background: none;
			border-radius: none;
			margin-bottom: 1em;
		}
		.site-overview-list {
			border: 1px solid #383e44;
			border-radius: 3px;
			display: none;
			font-size: 12px;
			list-style: none;
			margin: 2em 1em 0 1em;
			padding: 0;
			text-align: left;
			-webkit-transition: height .3s linear;
			transition: height .3s linear;
		}
		.site-overview-list.visible {
			display: block;
		}
		.site-overview-list li {
			background: #434a50;
			padding: 6px 8px;
		}
		.site-overview-list li:nth-child(odd) {
			background: #383e44;
		}
		.site-overview-list .active {
			float:right;
		}
		
		/** modules and module structure **/
		.summary {
			background: #434a50;
			overflow: hidden;
		}
		.summary-module {
			border-bottom: 1px solid #383e44;
			border-right: 1px solid #383e44;
			color: #fff;
			width: 100%;
			float:left;
		}
		.summary-module-heading {
			border-bottom: 1px solid #383e44;
			padding: 10px;
			-webkit-font-smoothing: antialiased;
		}
		.summary-module-heading-dot {
			display:inline-block;
			height: 15px;
			width: 15px;
			border-radius: 100%;
			background: #0084cb;
			vertical-align: middle;
			margin: 0 .5em;
		}
		.summary-module-content {
			min-height: 300px;
			overflow: hidden;
			position: relative;
			text-align: center;
		}
		.module-label {
			text-transform: uppercase;
			text-align: center;
			font-weight: 300;
			position: relative;
			z-index: 2;
			line-height: 1.2;
			margin: .5em 0;
		}
		
		/** bar chart module **/
		.module-bar-chart-container {
			position: absolute;
			top: 5%;
			bottom: 0;
			left: 10%;
			right: 10%;
		}
		/* two items */
		.module-bar-chart-container.total-2.item-1 {
			left: 10%;
			right: 55%;
		}
		.module-bar-chart-container.total-2.item-2 {
			left: 55%;
			right: 10%;
		}
		/* three items */
		.module-bar-chart-container.total-3.item-1 {
			left: 10%;
			right: 70%;
		}
		.module-bar-chart-container.total-3.item-2 {
			left: 40%;
			right: 40%;
		}
		.module-bar-chart-container.total-3.item-3 {
			left: 70%;
			right: 10%;
		}
		/* four items */
		.module-bar-chart-container.total-4.item-1 {
			left: 5%;
			right: 80%;
		}
		.module-bar-chart-container.total-4.item-2 {
			left: 30%;
			right: 55%;
		}
		.module-bar-chart-container.total-4.item-3 {
			left: 55%;
			right: 30%;
		}
		.module-bar-chart-container.total-4.item-4 {
			left: 80%;
			right: 5%;
		}

		.module-bar-chart {
			background: #0084cb;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			border-radius: 6px 6px 0 0;
			min-height: 1%;
			max-height: 80%;
		}
		.module-bar-chart-value {
			position: relative;
			text-align: center;
			font-size: 3.75em;
			font-weight: 300;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
		}
		
		/** WP core module **/
		.summary-module.core .summary-module-heading-dot { background: #f3de27; }
		.summary-module.core .module-circle-number,
		.summary-module.core .module-current-version-value { border-color: #f3de27; color: #f3de27; }
		.site-action-row.core:hover, .site-action-row.core.open { border-left: 5px solid #f3de27; }
		
		.module-circle-number {
			border: 6px solid #fff;
			border-radius: 100%;
			padding: 10px;
			width: 120px;
			height: 120px;
			text-align: center;
			margin: 2em auto;
		}
		.module-circle-number-value {
			font-size: 2em;
			-webkit-font-smoothing: antialiased;
		}
		.module-circle-number-label {
			font-size: .75em;
			font-style: italic;
		}
		.module-current-version {
			text-align: center;
			position: absolute;
			bottom: 2em;
			left: 0;
			right: 0;
		}
		.module-current-version-value {
			font-size: 2em;
			font-style: italic;
			font-weight: 300;
			-webkit-font-smoothing: antialiased;
		}
		.module-current-version-label {
			font-size: .75em;
			color: #9caab5;
		}
		
		/** plugins module **/
		.summary-module.plugin .summary-module-heading-dot { background: #0084cb; }
		.summary-module.plugin .module-bar-chart { background: #0084cb; }
		.site-action-row.plugin:hover, .site-action-row.plugin.open { border-left: 5px solid #0084cb; }
		
		/** themes module **/
		.summary-module.theme .summary-module-heading-dot { background: #7aac24; }
		.summary-module.theme .module-bar-chart { background: #7aac24; }
		.site-action-row.theme:hover, .site-action-row.theme.open { border-left: 5px solid #7aac24; }
		
		/** backups module **/
		.summary-module.backup .summary-module-heading-dot { background: #dd3d36; }
		.summary-module.backup .module-bar-chart { background: #dd3d36; }
		.site-action-row.backup:hover, .site-action-row.backup.open { border-left: 5px solid #dd3d36; }
		
		
		/** itsec module **/
		.summary-module.itsec .summary-module-heading-dot { background: #0b1a23; }
		.site-action-row.itsec:hover, .site-action-row.itsec.open { border-left: 5px solid #0b1a23; }
		.summary-module.itsec {
			position: relative;
		}
		
		/** dbo module **/
		.summary-module.db-optimization .summary-module-heading-dot { background: #ea8e3c; }
		.summary-module.db-optimization .module-bar-chart { background: #ea8e3c; }
		.site-action-row.db-optimization:hover, .site-action-row.db-optimization.open { border-left: 5px solid #ea8e3c; }
		
		.module-big-number {
			position: relative;
			font-size: 5em;
			margin-top: .5em;
			z-index: 2;
		}
		#itsec_lock {
			position: absolute;
			top: 10%;
			left: 50%;
			margin-left: -100px;
			width: 200px;
			fill: #383e44;
		}
		
		@media screen and ( min-width: 45.5em ) {
			.site-title {
				float:left;
			}
			.date-range {
				text-align: right;
			}
			.site-action-title {
				float:left;
			}
			.site-action-summary {
				float:right;
			}
			.site-action-summary span{
				display:inline-block;
			}
			.summary-module {
				width: 50%;
			}
			.overview-module {
				display:block;
				width: 50%;
				float:left;
			}
			
			.summary.modules-6 .summary-module:nth-child(3),
			.summary.modules-6 .summary-module:nth-child(5){ clear:both; }
		}
		
		@media screen and ( min-width: 60em ){
			.summary.modules-1 .summary-module { width: 100%; }
			.summary.modules-2 .summary-module { width: 50%; }
			.summary.modules-3 .summary-module,
			.summary.modules-6 .summary-module { width: 33.333333%; }
			.summary.modules-4 .summary-module,
			.summary.modules-7 .summary-module,
			.summary.modules-8 .summary-module { width: 25%; }
			
			.summary.modules-5 .summary-module { width: 50%; }
			.summary.modules-5 .summary-module:nth-child(1),
			.summary.modules-5 .summary-module:nth-child(2),
			.summary.modules-5 .summary-module:nth-child(3) { width: 33.333333%; }
			
			.summary.modules-6 .summary-module:nth-child(3),
			.summary.modules-6 .summary-module:nth-child(5) { clear:none; }
			
			.summary.modules-6 .summary-module:nth-child(4),
			.summary.modules-7 .summary-module:nth-child(5),
			.summary.modules-8 .summary-module:nth-child(5) { clear: both; }
			
			.summary.modules-7 .summary-module:nth-child(5),
			.summary.modules-7 .summary-module:nth-child(6),
			.summary.modules-7 .summary-module:nth-child(7) { width: 33.3333333% }
		}