/*
Plugin Name: Math Captcha
Plugin URI: http://www.osclass.org/
Description: Generate random textual captcha with simple arithmetic questions.(Premium Osclass Plugin)
Version: 0.3.0
Author: RajaSekar
Author URI: http://rajasekar.co.in/
Plugin update URI: math-captcha
*/

/* MathCaptcha */
.math_captcha:after{
	content: '';
	clear: both;
	display: table;
}
.resp-wrapper .math_captcha{
	margin-left: 176px;
}
.math_captcha{
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1));
		-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
			box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #ebccd1;
	width: 100%;
	float: left;
	padding: 14px 10px;
	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
			border-radius: 5px; 
	background: #00247dd6;
	margin-bottom: 10px;
	margin-top: 10px;
}
.math_captcha p{
	font-family: Arial,sans-serif;
	color: #FFF;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
}
.math_captcha .captcha_field{
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	height: 38px;
	line-height: 38px;
	border: 0;
	width: 100%;
	padding: 0 8px;
	font-size: 16px;
	color: #00247d;
	margin: 10px 0;
	font-weight: normal;
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
			border-radius: 3px;
	font-family: Arial,sans-serif;
}
body .math_captcha .captcha_field:focus{
	border: 0;
}

.math_captcha.pink{
	background: #e91e63;
}
.math_captcha.pink .captcha_field{
	color: #e91e63;
}
.math_captcha.purple {
	background: #9c27b0;
}
.math_captcha.purple .captcha_field{
	color: #9c27b0;
}
.math_captcha.deep-purple {
	background: #673ab7;
}
.math_captcha.deep-purple .captcha_field{
	color: #673ab7;
}
.math_captcha.indigo  {
	background: #3f51b5;
}
.math_captcha.indigo .captcha_field{
	color: #3f51b5;
}
.math_captcha.blue {
	background: #4c9bd899;
	width: 100%;
	margin: 10px 0px 10px 0px;
	height: auto;
	float: left;
}
.math_captcha.blue .captcha_field{
	color: #2196f3;
}
.math_captcha.light-blue {
	background: #03a9f4;
}
.math_captcha.light-blue .captcha_field{
	color: #03a9f4;
}
.math_captcha.cyan {
	background: #00bcd4;
}
.math_captcha.cyan .captcha_field{
	color: #00bcd4;
}
.math_captcha.teal {
	background: #009688;
}
.math_captcha.teal .captcha_field{
	color: #009688;
}
.math_captcha.green{
	background: #4caf50;
}
.math_captcha.green .captcha_field{
	color: #4caf50;
}
.math_captcha.light-green{
	background: #8bc34a;
}
.math_captcha.light-green .captcha_field{
	color: #8bc34a;
}
.math_captcha.lime{
	background: #cddc39;
}
.math_captcha.lime .captcha_field{
	color: #cddc39;
}
.math_captcha.yellow{
	background: #ffeb3b;
}
.math_captcha.yellow .captcha_field{
	color: #ffeb3b;
}
.math_captcha.amber{
	background: #ffc107;
}
.math_captcha.amber .captcha_field{
	color: #ffc107;
}
.math_captcha.orange{
	background: #ff9800;
}
.math_captcha.orange .captcha_field{
	color: #ff9800;
}
.math_captcha.deep-orange{
	background: #ff5722;
}
.math_captcha.deep-orange .captcha_field{
	color: #ff5722;
}
.math_captcha.brown{
	background: #795548;
}
.math_captcha.brown .captcha_field{
	color: #795548;
}
.math_captcha.grey{
	background: #9e9e9e;
}
.math_captcha.grey .captcha_field{
	color: #9e9e9e;
}
.math_captcha.light-grey{
	background: #CCC;
}
.math_captcha.light-grey .captcha_field{
	color: #CCC;
}
.math_captcha.blue-grey{
	background: #607d8b;
}
.math_captcha.blue-grey .captcha_field{
	color: #607d8b;
}