/* CSS Document 
@import url(https://fonts.googleapis.com/css?family=Lato); 
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
*{border:0;padding:0;margin:0;background:50% 50% no-repeat;text-decoration:none;color:inherit;box-sizing:border-box;font-weight:400}
:focus{outline:0}
b,b *,strong,strong *{font-weight:700}
ol,ul{list-style:none}
button,input,input:not([type]),input[type=color],input[type=text],input[type=time],input[type=url],input[type=week],input[type=button],input[type=reset],input[type=submit],input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],pre,select,textarea{font:inherit}
@font-face{font-family:aileron;font-style:normal;font-weight:200;src:url(../fonts/aileron-ultra-light.eot?#iefix) format("embedded-opentype"),url(../fonts/aileron-ultra-light.woff) format("woff"),url(../fonts/aileron-ultra-light.ttf) format("truetype")} */
.codepen body{margin:10px 0 0}
.codepen body textarea{display:none}
.mce-container textarea{display:initial!important}
.mceDiv, .mce-content-body, .mD1 { font-family:'BodyText'!important; color:#000000; font-size:13px; font-weight:400; line-height:1.5;}
/* .mceDiv h1,.mceDiv h2,.mceDiv h3,.mceDiv h4,.mceDiv h5,.mceDiv h6, .mce-content-body h1,.mce-content-body h2,.mce-content-body h3,.mce-content-body h4,.mce-content-body h5,.mce-content-body h6
	{line-height:1.4em;margin:25px 0 15px} */
.mceDiv img, .mce-content-body img {float:inherit; margin: 2px 2px 2px 2px;}
.mceDiv h1, 	.mce-content-body h1{font-size:34px}
.mceDiv h2, 	.mce-content-body h2{font-size:30px}
.mceDiv h3, 	.mce-content-body h3{font-size:26px}
.mceDiv h4, 	.mce-content-body h4{font-size:22px}
.mceDiv h5, 	.mce-content-body h5{font-size:18px}
.mceDiv h6, 	.mce-content-body h6{font-size:14px}
.mceDiv p,  	.mce-content-body p{margin:10px 0; margin: 0px 0px;}
.mceDiv pl,     .mceDiv ul, .mceDiv ol, .mce-content-body pl, .mce-content-body ol, .mce-content-body ul
{margin-left:15px;list-style-position:outside; margin-top:2px; margin-bottom:2px}
.mceDiv ol li,  .mceDiv ul li, .mce-content-body ol li,.mce-content-body ul li{margin-left:10px;margin-bottom:0px;color:#000305}
/*.mceDiv ul, 	.mce-content-body ul {list-style-type:disc}
.mceDiv ol, 	.mce-content-body ol {list-style-type:decimal} */
.mceDiv a[href], .mce-content-body a[href] {text-decoration:none; color:#55AB00; }
.mceDiv a[href]:visited, .mce-content-body a[href]:visited {text-decoration:none; color:#55AB00; }
.mceDiv a[href]:hover, .mce-content-body a[href]:hover{text-decoration:underline; color:#55AB00; font-weight: bold;}

.mceDiv table,   .mce-content-body table{width:50%;border-spacing:0;border-collapse:collapse;border:1px solid #DDDDDD;}
/*.mceDiv table tr:nth-child(odd), .mce-content-body table tr:nth-child(odd){background:#FAFAFA}*/
.mceDiv table caption,.mceDiv table td,.mceDiv table th, .mce-content-body table caption,.mce-content-body table td,.mce-content-body table th{padding:7px 5px 7px 5px; font:inherit}
.mceDiv table th, .mce-content-body table th{background-position:50% 50%;background-size:2px 10px;background-repeat:no-repeat}
/*.mceDiv table th:last-child, .mce-content-body table th:last-child{background:0 0} */

.mceCpHeading{color: #5dba00; font-size:160%; font-weight:bold; clear: both; float: none; display: block; padding: 20px 0 15px 0; margin:0 0; }

/*.mD1 { font-family:'BodyText'!important; color:#000000; font-size:13px; font-weight:400; }    define above as body default */
.mD2 { font-family:'BodyText'!important; color:#000305; font-size:110%; font-weight:400; }
.mD3 { font-family:'BodyText'!important; color:#000507; font-size:120%; font-weight:400; }     /*#737373   */
.mH10{ font-family:'BodyText'!important; color:#5dba00; font-size:100%; font-weight:bold; }
.mH11{ font-family:'BodyText'!important; color:#5dba00; font-size:125%; font-weight:bold; }
.mH12{ font-family:'BodyText'!important; color:#5dba00; font-size:150%; font-weight:bold; }
.mH13{ font-family:'BodyText'!important; color:#5dba00; font-size:175%; font-weight:bold; padding:7px 0 7px 0; }

.mH20{ font-family:'BodyText'!important; color:#CC6600; font-size:100%; font-weight:bold; }
.mH21{ font-family:'BodyText'!important; color:#CC6600; font-size:125%; font-weight:bold; }
.mH22{ font-family:'BodyText'!important; color:#CC6600; font-size:150%; font-weight:bold; }
.mH23{ font-family:'BodyText'!important; color:#CC6600; font-size:175%; font-weight:bold; padding:7px 0 7px 0; }
.mH30{ font-family:inherit; color:inherit; font-size:inherit; font-weight:inherit; background-color: #FFFF00; }

.mA1 { font-family:'ArabicText'!important; color:#626262; font-size:150%; font-weight:400; }
.mA2 { font-family:'ArabicText'!important; color:#626262; font-size:175%; font-weight:400; }
.mA3 { font-family:'ArabicText'!important; color:#626262; font-size:200%; font-weight:400; }
.mA4 { font-family:'ArabicText'!important; color:#626262; font-size:250%; font-weight:400; }
.mA5 { font-family:'ArabicText'!important; color:#626262; font-size:300%; font-weight:400; }
.mA6 { font-family:'ArabicText'!important; color:#626262; font-size:400%; font-weight:400; }
.mA7 { font-family:'ArabicText'!important; color:#626262; font-size:600%; font-weight:400; }

.mC1 { display:block; width:auto; clear:both; padding:3px 5px; margin:10px 10px!important; border: 1px solid #DDDDDD; text-align:left; 
	font-family:'CodeText'!important; font-size:110%; background-color:#F7F7F7; color:#000000;  
	overflow-x:auto; overflow-y:hidden; white-space: nowrap; text-overflow:clip;
}
.mC2 { display:block; width:auto; clear:both; padding:3px 5px; margin:10px 10px!important; border: 1px solid #DDDDDD; text-align:left; 
	font-family:'CodeText'!important; font-size:110%; background-color:inherit; color:#000000;  
	overflow-x:auto; overflow-y:hidden; white-space: nowrap; text-overflow:clip;
}
.mC3 { display:block; width:auto; clear:both; padding:0px 5px; margin:0px 10px!important; border: 0px solid #DDDDDD; text-align:left; 
	font-family:'CodeText'!important; font-size:110%; background-color:inherit; color:#000000;  
	overflow-x:auto; overflow-y:hidden; white-space: nowrap; text-overflow:clip;
}
.mC4 { display:inline-block; width:auto; clear:both; padding:3px 5px; margin:10px 10px!important; border: 1px solid #DDDDDD; text-align:left; 
	font-family:'CodeText'!important; font-size:110%; background-color:#F7F7F7; color:#000000;  
	overflow-x:hidden; overflow-y:hidden; white-space:hidden; text-overflow:hidden;
}
.mC5 { display:inline-block; width:auto; clear:both; padding:3px 5px; margin:10px 10px!important; border: 1px solid #DDDDDD; text-align:left; 
	font-family:'CodeText'!important; font-size:110%; background-color:inherit; color:#000000;  
	overflow-x:hidden; overflow-y:hidden; white-space:hidden; text-overflow:hidden;
}
.mC6 { display:inline-block; width:auto; clear:both; padding:0px 5px; margin:0px 10px!important; border: 0px solid #DDDDDD; text-align:left; 
	font-family:'CodeText'!important; font-size:110%; background-color:inherit; color:#000000;  
	overflow-x:hidden; overflow-y:hidden; white-space:hidden; text-overflow:hidden;
}
.mC11 { display:inline; border: 1px solid #DDDDDD; text-align:left; padding:1px 2px;
	background-color:#F7F7F7; color:#FFFFFF; overflow: auto; 
	font-family:'CodeText'!important; font-size:110%;  color:#000000; }
.mC12 { display:inline; border: 1px solid #DDDDDD; text-align:left; padding:1px 2px;
	background-color:inherit; color:#FFFFFF; overflow: auto; 
	font-family:'CodeText'!important; font-size:110%;  color:#000000; }
.mC13 { display:inline; border: 0px solid #DDDDDD; text-align:left; padding:0px 2px;
	background-color:inherit; color:#FFFFFF; overflow: auto; 
	font-family:'CodeText'!important; font-size:110%;  color:#000000; }

/* Arabic good Maroon color #993366 */
/* Table Formats */
.mT11 { border-collapse: collapse; border-spacing:0; line-height:1.2;}
.mT11 th{ margin:0 0; padding:7px 5px 7px 5px; text-align:center; border:1px solid #DDDDDD; background-color:#7DB72F; color:#FFFFFF; font-weight:bold!important;}
.mT11 tr{ margin:0 0; padding:7px 5px 7px 5px; }
.mT11 td{ margin:0 0; padding:7px 5px 7px 5px; border: 1px solid #DDDDDD; }
/*.mT11 tbody tr:nth-child(odd) { background: #FAFAFA; } */
.mT11 caption { display:table-caption; text-align:center; color:#7DB72F; font-size:125%!important; }

.mT12 { border-collapse: collapse; border-spacing:0; line-height:1.2;}
.mT12 th{ margin:0 0; padding:7px 5px 7px 5px; text-align:center; border:1px solid #DDDDDD; background-color:#7DB72F; color:#FFFFFF; font-weight:bold!important;}
.mT12 tr{ margin:0 0; padding:7px 5px 7px 5px; }
.mT12 td{ margin:0 0; padding:7px 5px 7px 5px; border-left:1px solid #DDDDDD; }
.mT12 tbody tr:nth-child(odd) { background: #FAFAFA; }
.mT12 caption { display:table-caption; text-align:center; color:#7DB72F; font-size:125%!important; }

.mT13 { border-collapse: collapse; border-spacing:0; line-height:1.2; border:0px solid #DDDDDD!important;}
.mT13 th{ margin:0 0; padding:7px 5px 7px 5px; text-align:inherit; border:0px solid #DDDDDD; background-color:#7DB72F; color:#FFFFFF; font-weight:bold!important;}
.mT13 tr{ margin:0 0; padding:7px 5px 7px 5px; }
.mT13 td{ margin:0 0; padding:7px 5px 7px 5px; border:0px solid #DDDDDD; }
.mT13 tbody tr:nth-child(odd) { background: #FAFAFA; }
.mT13 caption { display:table-caption; text-align:center; color:#7DB72F; font-size:125%!important; }

.mT21 { border-collapse: collapse; border-spacing:0; line-height:1.2;}
.mT21 th{ margin:0 0; padding:7px 5px 7px 5px; text-align:center; border:1px solid #DDDDDD; background-color:#CC6600; color:#FFFFFF; font-weight:bold!important;}
.mT21 tr{ margin:0 0; padding:7px 5px 7px 5px; }
.mT21 td{ margin:0 0; padding:7px 5px 7px 5px; border: 1px solid #DDDDDD; }
/*.mT21 tbody tr:nth-child(odd) { background: #FAFAFA; } */
.mT21 caption { display:table-caption; text-align:center; color:#CC6600; font-size:125%!important; }

.mT22 { border-collapse: collapse; border-spacing:0; line-height:1.2;}
.mT22 th{ margin:0 0; padding:7px 5px 7px 5px; text-align:center; border:1px solid #DDDDDD; background-color:#CC6600; color:#FFFFFF; font-weight:bold!important;}
.mT22 tr{ margin:0 0; padding:7px 5px 7px 5px; }
.mT22 td{ margin:0 0; padding:7px 5px 7px 5px; border-left:1px solid #DDDDDD; }
.mT22 tbody tr:nth-child(odd) { background: #FAFAFA; }
.mT22 caption { display:table-caption; text-align:center; color:#CC6600; font-size:125%!important; }

.mT23 { border-collapse: collapse; border-spacing:0; line-height:1.2; border:0px solid #DDDDDD!important;}
.mT23 th{ margin:0 0; padding:7px 5px 7px 5px; text-align:inherit; border:0px solid #DDDDDD; background-color:#CC6600; color:#FFFFFF; font-weight:bold!important;}
.mT23 tr{ margin:0 0; padding:7px 5px 7px 5px; }
.mT23 td{ margin:0 0; padding:7px 5px 7px 5px; border:0px solid #DDDDDD; }
.mT23 tbody tr:nth-child(odd) { background: #FAFAFA; }
.mT23 caption { display:table-caption; text-align:center; color:#CC6600; font-size:125%!important; }

/* Image and table specific aligns */
img.left,	table.left 	{ float: left; text-align: inherit; }
img.center,	table.center, .mC2 { margin-left: auto; margin-right: auto; text-align: inherit; }
img.right,	table.right,  .mR2  { float: right; text-align: inherit; }
/* Basic formats */
.mB { font-weight: bold; }
.mI { font-style: italic; }
.mU { text-decoration: underline; }
/* Global align classes */
.mL { text-align: inherit; }
.mC { text-align: center; }
.mR { text-align: right; }
.mF { text-align: justify; }
/*.mceImgFull { float: left; } */