@charset "utf-8";
/* CSS Document */

.wrapper		{width:100%; height:auto; float:left;}
.wrap			{width:1000px; height:auto; margin:0 auto;}

.mrgin_right10	{margin-right:10px;}
.colorgreen		{color:#14a601 !important;}
.div45pers		{width:45% !important;}
.fltLeft		{float:left !important;}
.fltRight		{float:right !important;}

/*Header Area ==============================================================*/
.main_hedder	{width:100%; height:78px; float:left; background:#005a8c;}
.titile_hedder	{width:100%; height:50px; float:left; background:#00aecb;}
.black_hedder	{width:100%; height:45px; float:left; background:#43464f;}

.logo				{width:228px; height:auto; float:left;}

.user_avthar		{width:auto; height:auto; float:right; padding-top:30px}
.user_avthar i		{color:#00aecb; font-size:18px; float:left; padding:0 5px 0 5px;}
.user_avthar span	{color:#fff; font-size:15px; float:left; font-family: 'Cabin', sans-serif; }

.titile_hedder h1 	{font-family: 'Cabin', sans-serif; float:left; font-size:21px; line-height:25px; color:#fff; text-transform:uppercase; font-weight:400;}
.titile_hedder h2 	{font-family: 'Cabin', sans-serif; float:right; font-size:17px; line-height:25px; color:#fff; font-weight:400;}

.eMp_details		{width:60%; height:auto; float:left; padding-top:11px;}
.eMp_details span	{font-family: 'Cabin', sans-serif; color:#fff; font-size:14px; font-weight:100; line-height:20px; padding-right:5px; float:left; 
					display:block;}
.eMp_details i		{color:#00aecb; font-size:18px; float:left; padding:0 10px 0 10px;}

.vessel_Name		{padding:6px; border:1px solid #696b72; float:right; margin-top:6px;}
.vessel_Name i		{color:#00aecb; font-size:20px; float:left; padding:0 10px 0 0px;}
.vessel_Name span	{font-family: 'Cabin', sans-serif; color:#fff; font-size:14px; font-weight:400; float:left;}


/*Question Result Area ======================================================*/
.question_answer	{width:100%; height:auto; float:left; margin-top:20px;}
.question_repeter	{width:100%; height:auto; float:left; border-bottom:1px dashed #929292; padding-bottom:15px; padding-top:15px;}

.question_Num		{width:35px; font-family: 'Cabin', sans-serif; color:#000; font-size:20px; font-weight:400; float:left;}
.question_Icon		{width:30px; font-size:25px; color:#00aecb; float:left; }
.question_texts		{width:930px; font-family: 'Cabin', sans-serif; color:#333333; font-size:14px; font-weight:400; float:left;}

.question_Answers	{width:600px; height:auto; float:left; padding-top:10px; padding-left:63px;}
.question_Answers span	{font-family: 'Cabin', sans-serif; color:#333333; font-size:14px; font-weight:400; float:left; padding-right:10px;}
.question_Answers span1	{font-family: 'Cabin', sans-serif; color:#333333; font-size:14px; font-weight:600; float:left; padding-right:20px;}


/*Result ==========================================================================*/
.result				{width:100%; height:auto; float:left; margin-top:30px; margin-bottom:50px}
.result h1			{font-family: 'Cabin', sans-serif; color:#333333; font-size:17px; font-weight:400; float:left;  line-height:0px;
					width:100%; padding:10px;}
.brdr_1px_Solid		{border-bottom:1px solid #999; width:100%; float:left; height:1px;}

.result_Box			{width:99%; height:auto; float:left; margin-top:10px; background:#ededee; padding:5px;}

.nuM_Qustion		{width:25%; height:40px; float:left; background:#fff; text-align:center;}
.nuM_Qustion span	{font-family: 'Cabin', sans-serif; color:#333333; font-size:15px; font-weight:100; line-height:40px;}

.correct_Answer			{width:25%; height:40px; float:left; background:#64b441; text-align:center;}
.correct_Answer span	{font-family: 'Cabin', sans-serif; color:#333333; font-size:15px; font-weight:100; line-height:40px;}

.wrong_Answer		{width:25%; height:40px; float:left; background:#e14f4f; text-align:center;}
.wrong_Answer span	{font-family: 'Cabin', sans-serif; color:#333333; font-size:15px; font-weight:100; line-height:40px;}

.not_Answer			{width:25%; height:40px; float:left; background:#ebc44d; text-align:center;}
.not_Answer span	{font-family: 'Cabin', sans-serif; color:#333333; font-size:15px; font-weight:100; line-height:40px;}



/*Result Summery Report ==============================================================================*/
.report_summery			{width:100%; height:auto; float:left; margin-top:33px;}
.report_Summery_Hed		{width:974px; height:45px; float:left; background:#43464f; padding:0 15px;}
.report_Summerys		{width:100%; height:auto; float:left;  border:1px solid #e3e3e3; margin-top:3px;}
.report_Summery_Table	{width:949px; height:auto; padding:25px;}
.report_Summery_Table span	{width:50%; float:left; font-family: 'Cabin', sans-serif; color:#333333; font-size:15px; font-weight:100; line-height:30px;}
.report_Summery_Table span strong	{font-family: 'Cabin', sans-serif; color:#00aecb; font-size:15px; font-weight:100; line-height:30px;}