:root {
    --primary-color: #0046d1;
    --secondary-color: #c8d8ff;
    --bg-color: #ffffff;
    --menu-color: #f0f0f1;
    --menu-hover-color: #f5f5f5;
    --text-color: #333333;
	--white-color: #ffffff;
}
 .perform-dashboard-header {
    background-color: var(--bg-color);
    margin-left: -20px;
}
 .perform-dashboard-header .perform-dashboard-header-title img {
            width: 180px;
        }
 .perform-dashboard-header .perform-header-navigation {
        display: flex;
        align-items: center;
        padding: 0 20px;
        gap: 10px;
        background-color: var(--secondary-color);
        margin: 0;
    }
 .perform-dashboard-header .perform-header-navigation li {
            margin: 0;
        }
 .perform-dashboard-header .perform-header-navigation li a {
                display: block;
                padding: 10px 5px;
                color: var(--text-color);
                text-decoration: none;
            }
 .perform-dashboard-header .perform-header-navigation li a.active {
                    background-color: var(--menu-color);
                    font-weight: 700;
                }
 .perform-dashboard-header .perform-header-navigation li a:hover {
                    background-color: var(--menu-hover-color);
                }
 .perform-welcome-wrap {
	margin: 0 0 0 -20px;
	padding: 0;
}
 .perform-welcome-header {
	background: #FFF;
	height: 100%;
	min-width: 1000px;

}
 .perform-welcome-header .perform-welcome-header-inner {
		max-width: 900px;
		margin: 0;
		padding: 25px 250px 20px 30px;
		position: relative;
	}
 .perform-welcome-header .perform-welcome-h1 {
		margin: 0 200px 0 0;
		padding: 0;
		color: #32373c;
		line-height: 1.2em;
		font-size: 2.8em;
		font-weight: 600;
		display: inline-block;
		margin-right: 15px !important;

	}
 .perform-welcome-header .perform-welcome-h1:before {
			background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FwYV8xIiBkYXRhLW5hbWU9IkNhcGEgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzY3Ljk0IDM2OC40Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2NjZTRmZjt9LmNscy0yLC5jbHMtM3tmaWxsOiMyYTY1ZWE7fS5jbHMtM3tzdHJva2U6IzI2NWZjNDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnBlcmZvcm08L3RpdGxlPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIzNjAgNy45IDI0OCAzNTkuOSAxNzUuNiAxOTIuMyAzNjAgNy45Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNS4xNCwxMzUuMzlsMTY0LjQ2LDYzLjE5TDI0MC42NiwzNjMuMWE4LDgsMCwwLDAsNy4zNCw0LjgyaC40YTgsOCwwLDAsMCw3LjIyLTUuNTZsMTEyLTM1MmE3LjYsNy42LDAsMCwwLC4xNi0xLjExLDcuMTksNy4xOSwwLDAsMCwuMTUtMS4xLDcuOCw3LjgsMCwwLDAtLjMtMi4yOGMwLS4xNywwLS4zNC0uMDYtLjUxczAtLjA2LDAtLjA5YTguMDYsOC4wNiwwLDAsMC0xLjQ2LTIuNTIsNy41LDcuNSwwLDAsMC0uNzEtLjYyLDcuNjcsNy42NywwLDAsMC0xLjE4LTFjLS4xMS0uMDYtLjI0LS4wOC0uMzUtLjE0YTcuOTQsNy45NCwwLDAsMC0xLS40Miw4LDgsMCwwLDAtMS43LS40NkE3LjMsNy4zLDAsMCwwLDM2MCwwYTcuODcsNy44NywwLDAsMC0xLjg4LjI1Yy0uMjIuMDYtLjQzLDAtLjY1LjA4bC0zNTIsMTIwYTgsOCwwLDAsMC0uMywxNVpNMjQ2Ljg2LDMzNy4xMWwtNjEuNzYtMTQzTDM0Mi40LDM2LjgyWk0zMzAsMjYuNTksMTczLjYzLDE4MywzMS40OCwxMjguMzdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjAyKSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTkuMTksMzY3LjkyYTkuMiw5LjIsMCwwLDAsNi41LTIuNjdMMTQ0LjMxLDIzNy41N2E5LjA2LDkuMDYsMCwwLDAsMC0xMi45LDkuMjIsOS4yMiwwLDAsMC0xMywwTDIuNjksMzUyLjM1YTkuMDYsOS4wNiwwLDAsMCwwLDEyLjlBOS4yLDkuMiwwLDAsMCw5LjE5LDM2Ny45MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuMDIpIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTQ2LjM1LDI5OC4yNmwtNTYsNTZhOCw4LDAsMSwwLDExLjMxLDExLjMxbDU2LTU2YTgsOCwwLDAsMC0xMS4zMS0xMS4zMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuMDIpIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNOCwyNzkuOTJhOCw4LDAsMCwwLDUuNjYtMi4zNGw1Ni01NmE4LDgsMCwwLDAtMTEuMzEtMTEuMzFsLTU2LDU2QTgsOCwwLDAsMCw4LDI3OS45MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuMDIpIi8+PC9zdmc+);
			width: 36px;
			height: 36px;
			content: ' ';
			display: block;
			float: left;
			margin: 0 10px 0 0;
			position: relative;
			top: 4px;
		}
 .perform-welcome-header .perform-welcome-text {
		font-size: 20px;
		margin: 20px 0 30px;
		padding: 0;
	}
 .perform-badge {
	padding: 40px 10px;
	height: auto;
	width: 150px;
	color: #222222;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	margin: 0;
	position: absolute;
	top: 30px;
	right: 20px;
	background-color: #f5f5f5;
}
 .perform-badge img {
		width: 75px;
		margin: 0 auto;
	}
 .perform-welcome-content-wrap {
	padding: 0;
	margin: 0;

}
 .perform-welcome-content-wrap.perform-changelog-wrap {
		width: 1140px;
	}
 .perform-welcome-content-intro {
	font-size: 22px;
	font-style: italic;
	color: #8E8E8E;
	margin: 50px 30px 60px;
	max-width: 1400px;
	min-width: 1000px;
}
 .perform-ipad-showcase-wrap {
	border: 3px solid #9199a5;
	border-radius: 10px;
	position: relative;
	box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.40);

}
 .perform-ipad-showcase-wrap .perform-ipad-showcase-inner {
		background: #fafbfb;
		border: 10px solid #1e2026;
		border-radius: 7px;
		display: grid;
	}
 .perform-ipad-showcase-wrap img {
		height: auto;
		max-width: 100%;
	}
 .perform-feature-section {
	margin: 0;
	padding: 120px 30px;

}
 .perform-feature-section__inner {
		display: flex;
		flex-direction: row;
		margin: 0;
		align-items: center;
		justify-content: center;
		max-width: 1400px;
		min-width: 1000px;
	}
 .perform-feature-section:first-of-type {
		padding-top: 0;
	}
 .perform-feature-section__step2 {
		background: #FFF;
	}
 .perform-feature-section span.dashicons {
		width: 16px;
		height: 16px;
		font-size: 14px;
		margin: 6px 0 0 0;
	}
 .perform-feature-section .perform-feature-section-item {
		display: flex;
		width: 50%;

	}
 .perform-feature-section .perform-feature-section-item__container {
			padding: 0 60px 0 0;
			margin: 0;
		}
 .perform-feature-section .perform-feature-section-item__container-right {
			padding-left: 60px;
			padding-right: 20px;
		}
 .perform-feature-section .perform-feature-section-item h3 {
			font-size: 24px;
			font-weight: 500;
			margin: 0 0 20px;

		}
 .perform-feature-section .perform-feature-section-item h3 > .perform-feature-section-item-number {
				background: #FFF;
				width: 40px;
				height: 40px;
				margin: 0 10px 0 0;
				padding: 0;
				line-height: 40px;
				text-align: center;
				color: #777777;
				box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
				border-radius: 50%;
				display: inline-block;
				font-size: 22px;
			}
 .perform-feature-section .perform-feature-section-item p {
			font-size: 16px;
		}
 .perform-feature-section .perform-feature-section-item .perform-welcome-gateway-notice {
			font-size: 12px !important;
			line-height: 16px;
		}
 .perform-feature-section .perform-feature-btns {
		margin: 30px 0 20px;

	}
 .perform-feature-section .perform-feature-btns li {
			display: inline;
			margin: 0 25px 0 0;
		}
 .perform-feature-section .perform-feature-btns .perform-feature-btn-link {
			font-size: 15px;
			line-height: 30px;
		}
 .social-items-wrap {
	display: inline-block;
}
 .social-items-wrap > div {
		display: inline-block;
	}
 .social-items-wrap .twitter-item-wrap {
		margin: 0 20px 10px 0;
	}
 .perform-welcome-widgets {
	background: #FFF;
	text-align: center;
	padding: 100px 0 160px;
	display: block;
	overflow: hidden;


}
 .perform-welcome-widgets p {
		font-size: 16px;
	}
 .perform-welcome-widgets__inner {
		max-width: 1400px;
	}
 .perform-welcome-widgets__heading {
		max-width: 500px;
		margin: 0 auto 100px;

	}
 .perform-welcome-widgets__heading h2 {
			font-size: 26px;
			font-weight: 500;
		}
 .perform-welcome-widgets__heading .button {
			margin-top: 10px;
			font-size: 15px;
		}
 .perform-welcome-widgets__col {
		float: left;
		width: 50%;
		box-sizing: border-box;
		padding: 0 20px;

	}
 .perform-welcome-widgets__col h3 {
			font-size: 22px;
			font-weight: 500;

		}
 .perform-welcome-widgets__col h3:before {
				background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NSIgaGVpZ2h0PSI2NSIgdmlld0JveD0iMCAwIDY1IDY1Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSguNSAuNSkiPgogICAgPHBhdGggZD0iTTMxLjUsNC4yOTgzMzk4NCBDMTcuNDExMjUsNC4yOTgzMzk4NCA2LDE4LjQxMTI1IDYsMzIuNSBDNiw0Ni41ODg3NSAxNy40MTEyNSw1OCAzMS41LDU4IEM0NS41ODg3NSw1OCA1OC45MjgyMjI3LDQ2LjU4ODc1IDU4LjkyODIyMjcsMzIuNSBDNTguOTI4MjIyNywxOC40MTEyNSA0NS41ODg3NSw0LjI5ODMzOTg0IDMxLjUsNC4yOTgzMzk4NCBaIiBvcGFjaXR5PSIuMyIvPgogICAgPGNpcmNsZSBjeD0iMjEiIGN5PSIyNCIgcj0iNSIvPgogICAgPHBhdGggZD0iTTMxLjk2OCwwIEMxNC4zMDQsMCAwLDE0LjMzNiAwLDMyIEMwLDQ5LjY2NCAxNC4zMDQsNjQgMzEuOTY4LDY0IEM0OS42NjQsNjQgNjQsNDkuNjY0IDY0LDMyIEM2NCwxNC4zMzYgNDkuNjY0LDAgMzEuOTY4LDAgWiBNMzIsNTcuNiBDMTcuODU2LDU3LjYgNi40LDQ2LjE0NCA2LjQsMzIgQzYuNCwxNy44NTYgMTcuODU2LDYuNCAzMiw2LjQgQzQ2LjE0NCw2LjQgNTcuNiwxNy44NTYgNTcuNiwzMiBDNTcuNiw0Ni4xNDQgNDYuMTQ0LDU3LjYgMzIsNTcuNiBaIi8+CiAgICA8Y2lyY2xlIGN4PSI0MyIgY3k9IjI0IiByPSI1Ii8+CiAgICA8cGF0aCBkPSJNMzEuNSw1MCBDMzkuMDIzNDgzNCw1MCA0NS40MTY4Mjk3LDQ1LjQxMTQyODYgNDgsMzkgTDE1LDM5IEMxNy41ODMxNzAzLDQ1LjQxMTQyODYgMjMuOTc2NTE2Niw1MCAzMS41LDUwIFoiLz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat center top transparent;
				opacity: 0.3;
				content: ' ';
				width: 100%;
				height: 85px;
				display: inline-block;
				font-size: 80px;
			}
 .perform-welcome-widgets__col p {
			font-size: 13px;
		}
 .perform-welcome-widgets__col:hover h3:before {
			opacity: 0.45;
		}
 .perform-welcome-widgets__documentation h3:before {
		background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MSIgaGVpZ2h0PSI2NSIgdmlld0JveD0iMCAwIDUxIDY1Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC41KSI+CiAgICA8cG9seWdvbiBwb2ludHM9IjI4LjY4OCAzNS4yIDE5LjEyNSAyOCA5LjU2MyAzNS4yIDkuNTYzIDYuNCA2LjM3NSA2LjQgNi4zNzUgNTcuNiA0NC42MjUgNTcuNiA0NC42MjUgNi40IDI4LjY4OCA2LjQiIG9wYWNpdHk9Ii4zIi8+CiAgICA8cGF0aCBkPSJNNDQuNjI1LDAgTDYuMzc1LDAgQzIuODY4NzUsMCAwLDIuODggMCw2LjQgTDAsNTcuNiBDMCw2MS4xMiAyLjg2ODc1LDY0IDYuMzc1LDY0IEw0NC42MjUsNjQgQzQ4LjEzMTI1LDY0IDUxLDYxLjEyIDUxLDU3LjYgTDUxLDYuNCBDNTEsMi44OCA0OC4xMzEyNSwwIDQ0LjYyNSwwIFogTTE1LjkzNzUsNi40IEwyMi4zMTI1LDYuNCBMMjIuMzEyNSwyMi40IEwxOS4xMjUsMjAgTDE1LjkzNzUsMjIuNCBMMTUuOTM3NSw2LjQgWiBNNDQuNjI1LDU3LjYgTDYuMzc1LDU3LjYgTDYuMzc1LDYuNCBMOS41NjI1LDYuNCBMOS41NjI1LDM1LjIgTDE5LjEyNSwyOCBMMjguNjg3NSwzNS4yIEwyOC42ODc1LDYuNCBMNDQuNjI1LDYuNCBMNDQuNjI1LDU3LjYgWiIvPgogIDwvZz4KPC9zdmc+Cg==) no-repeat center top transparent;
	}
 .perform-welcome-widgets__col-inner {
		max-width: 300px;
		margin: 0 auto;
	}
 .perform-welcome-widgets__link {
		font-weight: bold;
		font-size: 15px;
	}
 .perform-contributor-group {
	list-style: none;
}
 .perform-contributor-group img {
		border-radius: 50%;
	}
 .perform-contributor-group .perform-contributor {
		margin: 0 10px 45px 0;
		display: inline-block;
		width: 140px;
		text-align: center;

	}
 .perform-contributor-group .perform-contributor a {
			outline: none;
			box-shadow: none;
		}
 .perform-contributor-group .perform-contributor span {
			display: block;
			margin: 3px 0 0;
			font-weight: bold;
		}
 .perform-newsletter-form-wrap {
	margin: 10px 0 15px 0;
	padding: 10px 15px 15px;
	background: #f1f1f1;
	border: 1px solid #DDD;
	max-width: 900px;

}
 .perform-newsletter-form-wrap .perform-newsletter-intro {
		font-size: 14px;
		font-style: italic;
		color: #777;
		margin: 0;
	}
 .perform-newsletter-form-wrap input[type="email"],
	.perform-newsletter-form-wrap input[type="text"] {
		width: 100%;
		height: 36px;
	}
 .perform-newsletter-form-wrap .button {
		width: 100%;
		height: 36px;
	}
 .perform-newsletter-form-wrap td {
		padding: 0 10px 0 0;
	}
 .perform-newsletter-form-wrap div.perform-newsletter-confirmation {
		background: #fff;
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
		margin: 5px 10px 4px 5px;
		padding: 1px 12px;
		border-left: 4px solid #7ad03a;
		display: none;
	}
 .perform-newsletter-form-wrap div.perform-newsletter-confirmation > p {
			margin: 0.5em 0;
			padding: 2px;
		}
 .perform-changelog-wrap .perform-changelog {
		max-height: 510px;
		margin: 0 0 100px 30px;
		padding: 20px;
		overflow-y: scroll;
		overflow-x: hidden;
		font-size: 18px;
		line-height: 28px;
		background: #fff;
		border: 1px solid #DDD;

	}
 .perform-changelog-wrap .perform-changelog br:first-child {
			display: none;
		}
 .perform-changelog-wrap .perform-changelog br:first-child + br {
				display: none;
			}
 .perform-changelog-wrap .perform-changelog h4 {
			margin: 0 0 10px;
			border-bottom: 1px solid #e2e2e2;
			padding: 0 0 6px;
			font-size: 20px;

		}
 .perform-changelog-wrap .perform-changelog h4 + br {
				display: none;
			}
 .dashboard_page_perform-getting-started #wpbody-content, .dashboard_page_perform-changelog #wpbody-content {
		padding-bottom: 0;
	}
 .perform-settings-page {
	margin-left: -20px;
}
 .perform-settings-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
	background-color: var(--white-color);
	padding: 0px 20px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
 .perform-plugin-version {
	font-size: 10px;
	color: var(--white-color);
	background-color: var(--primary-color);
	padding: 3px 8px;
	border-radius: 5px;
}
 .perform-settings-tab-panel {
	background-color: var(--bg-color);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}
 .perform-card-title,
.perform-card-description {
	margin: 0;
}
 .perform-settings-content {
    padding: 0 20px;
}
 .perform-admin-settings-wrap {
  display: flex;
}
 .perform-tooltip {
  display: inline-flex;
  width: 15px;
  height: 15px;
  background-color: var(--secondary-color);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  text-decoration: none;
  color: var(--text-color);
}
 /* Help link styling for settings fields */
 .perform-help-link {
	text-decoration: none; /* remove underline */
	color: var(--primary-color);
	font-weight: 500;
}
 .perform-help-link:hover,
.perform-help-link:focus {
	text-decoration: underline; /* show underline on hover for affordance */
	color: var(--primary-color) !important;
}
 .perform-help-icon {
	margin-left: 0;
}

