.mnnt-posts-and-pages-check {
	padding: 5px 20px;
    background-color: #ddd;
	margin-top:20px;
}

.mnnt-posts-and-pages-check .dashicons {
	font-size:20px;
	margin-bottom:5px;
}

.mnnt-posts-and-pages-check .mnnt-dashicon-error {
	color: #ff0000;
}

.mnnt-posts-and-pages-check .mnnt-dashicon-info {
	color: #0071A1;
}

.mnnt-posts-and-pages-check ul {
	margin:-15px 0 0 0;
	padding:0
}

.mnnt-posts-and-pages-check ul li {
	display:inline-block; 
	margin: 0px 10px 0 0;
}

#mnnt-settings-form {
	display:none;
}

/*define style for optenhance settings*/
#mnnt-settings-form h2 {
    margin: 30px 0 10px 0;
	font-size: 20px;
}

#mnnt-settings-form .form-table th {
	padding: 15px 10px 10px 0;
}

#mnnt-settings-form .mnnt-section-comment {
	font-size:14px;
}

#mnnt-settings-form h2:not(:first-of-type) {
	padding-top: 40px;
	border-top: 1px solid #dddddd	
}

#mnnt-settings-form h2:first-of-type {
	margin-top:40px;
}

#mnnt-settings-form .dashicons {
	margin-right:10px;
}

#mnnt-settings-form select {
	min-width:200px;
}

#mnnt-settings-form .submit {
	border-top: 1px solid #cccccc;
	margin-top:50px;
	padding-top: 50px;
}

/*define colour for offline notice into admin bar*/
#wpadminbar .quicklinks #wp-admin-bar-mnnt-offline-notice a {
	color:yellow;
}

/*set description meta box width*/
.mnnt-description {
	width:100%
}

#mnnt-settings-form .form-table .button {
	margin: 0 0 0 25px;
}

#mnnt-settings-form .form-table textarea {
    min-width:100%;
}

#mnnt-settings-form .form-table {
	width:98%;
	margin: 35px 2% 0 2%;
}

#mnnt-settings-form .form-table small {
	font-size:12px;	
}

#mnnt-settings-form .form-table label {
	margin-right: 25px;
}

/*draw mnnt-switches instead of checkbox*/
input.mnnt-switch:empty{
	display:none;
}
 
input.mnnt-switch:empty ~ label:before, input.mnnt-switch:empty ~ label:after {
	position: absolute;
	content: ' ';
	width: 35px;
	height: 20px;
	background-color: #c4c4c4;
	border-radius: 15px;
	-webkit-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}

input.mnnt-switch:empty ~ label:after {
	width: 16px;
	height: 16px;
	background-color: #ffffff;
	border-radius: 50%;
	margin:2px 0 0 -2px;
}
 
input.mnnt-switch:checked ~ label:before{
	background-color: #007cba;
}
 
input.mnnt-switch:checked ~ label:after{
	margin: 2px 0 0 13px;
}


@media screen and (max-width: 1300px) {
	
	#mnnt-settings-form .form-table {
		width:90%;
		margin: 25px 5% 0 5%;
	}
	
	#mnnt-settings-form .form-table tr p {
		padding-top: 5px;
	}
	
	#mnnt-settings-form .form-table .button {
		margin: 15px 0;
		display: inline-block;
	}
	
	
	#mnnt-settings-form .form-table input[type=radio] {
		display: block;
		margin: 10px 0 5px;
	}
	
	.mnnt-history-entries {
		
		margin-top:15px;
		margin-left:0;
		display:block
		
	}
	
	.nav-tab {
		
		padding: 5px 7.5px;
	}
	
}