/**
 *
 * escn-admin.css
 *
 * @package Electric Studio Cookie Notice
 *
 */
.electric-studio-logo {
	width: 100%;
	min-height: 60px;
	height: 100%;
	float: left;
	margin: 0 auto;
	background: url(../images/es-logo.png) no-repeat center left;
	background-size: contain;
}

.es-plugin-header {
	padding-bottom: 32px;
	padding-top: 16px;
}

.es-plugin-header h2 {
	font-size: 28px;
	color: #31A7FE;
	letter-spacing: 1.2px;
	margin: .5em 0;
	line-height: 1.1em;
}

.es-plugin-header p {
	font-size: 14px;
}

.es-plugin-header a {
	color: #31A7FE;
}


.es-row {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.es-plugin-header .es-row .es-col-2 {
	width: 200px;
}

.es-plugin-header .es-row .es-col-10 {
	flex: 0 0 auto;
	width: auto;
}

.wrap .es-row .notice,
.wrap .es-row div.updated {
	margin-right: 40px;
}

.es-row .es-col-1,
.es-row .es-col-2,
.es-row .es-col-3,
.es-row .es-col-4,
.es-row .es-col-5,
.es-row .es-col-6,
.es-row .es-col-7,
.es-row .es-col-8,
.es-row .es-col-9,
.es-row .es-col-10,
.es-row .es-col-11,
.es-row .es-col-12 {
	flex-basis: auto;
	flex: 0 0 auto;
	padding: 0 10px;
}

.es-row .es-col-1 {
    width: 8.3333%;
}

.es-row .es-col-2 {
    width: 16.66666667%;
}

.es-row .es-col-3 {
    width: 25%;
}

.es-row .es-col-4 {
    width: 33.33333333%;
}

.es-row .es-col-5 {
    width: 41.66666667%;
}

.es-row .es-col-6 {
    width: 50%;
}

.es-row .es-col-7 {
    width: 58.33333333%;
}

.es-row .es-col-8 {
    width: 66.66666667%;
}

.es-row .es-col-9 {
    width: 75%;
}

.es-row .es-col-10 {
    width: 83.33333333%;
}

.es-row .es-col-11 {
    width: 91.66666667%;
}

.es-row .es-col-12 {
    width: 100%;
}

.form-table tr th:first-of-type,
.form-table tr td:first-of-type {
	padding-left: 10px;
}

@media only screen and (max-width: 800px) {
	.es-row .es-col-1,
	.es-row .es-col-2,
	.es-row .es-col-3,
	.es-row .es-col-4,
	.es-row .es-col-5,
	.es-row .es-col-6,
	.es-row .es-col-7,
	.es-row .es-col-8,
	.es-row .es-col-9,
	.es-row .es-col-10,
	.es-row .es-col-11,
	.es-row .es-col-12 {
		width: 100%;
		max-width: 100%;
	}

	.es-plugin-header .es-row .es-col-2 {
		width: 60px;
		min-height: 50px;
	}

	.es-plugin-header {
		padding-bottom: 16px;
		padding-top: 16px;
	}

	.es-plugin-header h2 {
		font-size: 22px;
		color: #31A7FE;
		letter-spacing: 1.2px;
		margin: .5em 0;
		line-height: 1.1em;
	}

	.electric-studio-logo-mobile {
		width: 100%;
		height: 100%;
		float: left;
		margin: 0 auto;
		background: url(../images/es-logo.png) no-repeat center left;
		background-size: contain;
	}
}