@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */


/*
=====================================================================================================================================================
DEFAULT STYLE
=====================================================================================================================================================
*/

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body, html, form, section {height:100%; }
html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}


body		{font-family:Arial; font-size:14px; background:#fff; color:#404040; line-height:15pt; padding-top:130px;}
/*body		{font-family:Arial; font-size:13px; background:#fff url('images/bg.gif') repeat; color:#404040; line-height:15pt; padding-top:130px;}*/

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit;}

a { color: #337ab7; text-decoration: none;}
a:hover, a:focus { color: #23527c; text-decoration: underline;}
a:focus { outline: thin dotted;  outline: 5px auto -webkit-focus-ring-color;  outline-offset: -2px;}
 
p{margin:0 0 15px}

.clear	{clear:both; width:100%;}
.clear1	{clear:both; height:20px; width:100%;}
.hr			{border-bottom:1px solid #e2e2e2; margin:0px; padding:0px; width:100%; float:left; margin-bottom:13px;}
.border	{border:1px solid #e0e0e0}
 


body {opacity:0}

/*
=====================================================================================================================================================
COMMON STYLE
=====================================================================================================================================================
*/

/* GO To Top Style  */
.scrollup {   position:fixed;  bottom:10px; right:20px;  display:none;   z-index:1; font-size:24px;  padding: 0px 8px 3px;   }
.scrollup { -webkit-animation: moveFromBottom 1000ms ease; -moz-animation: moveFromBottom 1000ms ease;   -ms-animation: moveFromBottom 1000ms ease;}
a.scrollup { color:#404040;} a.scrollup:hover { color:#f7ae1d;  }


/* Clear Styles */
.clear	{clear:both; } 
.spacer1 {clear:both; width:100%; height:10px;}
.spacer2 {clear:both; width:100%; height:20px;}
.spacer3 {clear:both; width:100%; height:30px;}
.spacer4 {clear:both; width:100%; height:40px;}
.spacer5 {clear:both; width:100%; height:50px;}


/* Spacing, Border, Shadow Styles */
.border         {border:1px solid #ccc !important;}
.no-border      {border:none !important}
.no-border-l    {border-left:none !important;}
.no-border-r    {border-right:none !important;}
.no-border-t    {border-top:none !important;}
.no-border-b    {border-bottom:none !important;}

.border-t   {border-top:1px solid #ccc !important}
.border-b   {border-bottom:1px solid #ccc !important}

.no-border-rad    {border-radius: 0px !important;}
.no-shadow  {box-shadow:none !important}

.no-margin      {margin: 0 !important;}
.no-margin-r    {margin-right: 0 !important;}
.no-margin-l    {margin-left: 0 !important;}
.no-margin-b    {margin-bottom:0 !important;}
.no-margin-t    {margin-top:0 !important;}
.no-margin-x    {margin-left:0 !important; margin-right: 0 !important;}
.no-margin-y    {margin-top:0 !important; margin-bottom: 0 !important;}

.marg-t     {margin-top:30px !important;}
.marg-b     {margin-bottom:20px !important;}
.marg-ftr-t  {margin-top:20px !important;}

.no-pad     {padding:0 !important;}
.no-pad-l   {padding-left:0 !important;}
.no-pad-r   {padding-right:0 !important;}
.no-pad-t   {padding-top:0 !important;}
.no-pad-b   {padding-bottom:0 !important;}
.no-pad-x   {padding-left:0 !important; padding-right:0 !important;}
.no-pad-y   {padding-top:0 !important; padding-bottom:0 !important;}

.pad-t     {padding-top:40px !important;}
.pad-b     {padding-bottom:40px !important;}
.pad-t-nav     {padding-top:10px !important;}
.pad-5 {padding:5px !important; }
.pad-10 {padding:10px !important; }

/* Hr Line Style  */
hr.solid { border: 0; border-top: 1px solid #ccc;  }
hr.dotted { border: 0; border-top: 1px dotted #666; background: #292929; }
hr.dashed { border: 0; border-top: 1px dashed #ccc; background: #fff; }
hr.double { border: 0; border-top: 1px dashed #ccc; background: #999; }


.err    {  font-size: 12px;  color:#c80000;}
.red { color:#c80000; }

/*  Transition style */
a, .btn	{ -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s;}

.delay-05s { -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.delay-06s { -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.delay-07s { -webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
.delay-08s { -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.delay-09s { -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.delay-1s { -webkit-animation-delay: 1s;  animation-delay: 1s;}
.delay-15s { -webkit-animation-delay: 1.5s;  animation-delay: 1.5s;}
.delay-2s { -webkit-animation-delay: 2s;  animation-delay: 2s;}
.delay-25s { -webkit-animation-delay: 2.5s;  animation-delay: 2.5s;}
.delay-3s { -webkit-animation-delay: 3s;  animation-delay: 3s;}


/* Social Media Style */

ul.social_media			{margin:0px; padding:0px 0px 5px 0px; width:100%; text-align:center}
ul.social_media li		{display:inline-block; list-style-type:none; list-style-image:none; padding:0px; margin:0 0px 10px 5px; border:none;  vertical-align:top;}
ul.social_media li a	{display:block; font-size: 15px; transition:none .6s ease-in-out; -webkit-transition: none .6s ease-in-out; -moz-transition:none .6s ease-in-out; -o-transition:none .6s ease-in-out; -ms-transition:none .6s ease-in-out;}
ul.social_media li a:hover  {display:block; font-size: 15px;}

ul.social_media .fa         {padding: 0px; margin:0px; font-weight:300; color:#fff; width:35px;  height:35px; border-radius:100%; line-height:35px; text-align:center;}
ul.social_media .fa:hover   {color:#fff}

.fa-facebook, .fa-google, .fa-google-plus, .fa-linkedin, .fa-youtube, .fa-youtube-play, .fa-tumblr, .fa-twitter, .fa-pinterest, .fa-instagram
{background:#909090; transition:all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; -ms-transition:all .6s ease-in-out;}

.fa-facebook:hover          {background: #3b5998;}
.fa-google:hover            {background: #3f85f4;}
.fa-google-plus:hover       {background: #d13f2d;}
.fa-linkedin:hover          {background: #0275b5;}
.fa-youtube:hover           {background: #ce332d;}
.fa-youtube-play:hover      {background: #ce332d;}
.fa-tumblr:hover            {background: #274152;}
.fa-twitter:hover           {background: #4dc8f1;}
.fa-pinterest:hover         {background: #cb2028;}
.fa-instagram:hover         {background: #3e739d;}

/* Google Map  */
.map-container { width:100%; height:100%; border:0px; float:left;   padding:0; margin:0;}
.map-container iframe  { width:100%; height:300px; border:0px; pointer-events: none;   } 


.th { background: #293273; font-weight: bold; color: #fff;border-radius:6px 6px 0 0;}
.tch {background: #ccc; font-weight: normal; color: rgb(0,0,0);}
.tc { background: #f1f1f1;  font-weight: normal; color: rgb(0,0,0);}
.tca {background: #f5f5f5; font-weight: normal; color: rgb(0,0,0);}

.table thead tr td.th:last-child, .table thead tr th.th:last-child, .table thead tr.th td:last-child {border-radius:6px 6px 0 0;}

@media (max-width:767px) {
    .table-mobile .form-control { margin-bottom:5px;}
}
/*
=====================================================================================================================================================
HEADING STYLE
=====================================================================================================================================================
*/

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}
.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}
.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}
.h1,h1{font-size:36px}
.h2,h2{font-size:30px}
.h3,h3{font-size:24px}
.h4,h4{font-size:18px}
.h5,h5{font-size:14px}
.h6,h6{font-size:12px}

h1      {font-size:17px; color:#293273; text-transform:uppercase; padding:5px;}
h2      {font-size:13px; margin-bottom:10px; line-height:18px; font-weight:bold}
h3      {font-size:15px; color:#293273; margin-bottom:10px; line-height:18px; text-transform:uppercase}






/*
=====================================================================================================================================================
WRAPPER
=====================================================================================================================================================
*/
.wrapper            {position:relative;   width:100%; margin:0 auto;  text-align:left; float:none; }
.wrapper            {min-height:100%; height:auto !important; height: 100%; margin: 0 auto -100px;} /* the bottom margin is the negative value of the footer's height */
.footer             {position: relative; width: 100%; margin: 0 auto;  }
.footer, .push      {min-height: 100px; clear:both;/* .push must be the same height as .footer */   }

@media (max-width:640px) {
    body { padding-top:110px;}
}
/*
=====================================================================================================================================================
HEADER STYLE
=====================================================================================================================================================
*/

#header{width:100%;display:block; top:0; background:#fff;box-shadow:0px 2px 5px rgba(0,0,0,0.2);position:fixed; z-index:999;}
.hdr-top {
    width: 100%;
    float: left;
    height: 70px;
    margin: 0px auto;
    padding: 0px;
    background: #fff;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}
.logo{margin:0px; padding:0px; float:left; padding-left:15px}
.logo img{float:left; }
.hdr-top img { max-width:100%;}
.hdr-bottom{width:100%; float:left; padding:0px 0px;display:block;border-top: 1px solid rgba(0,0,0,0.15);}

@media (max-width:640px) {
#header{width:100%; height:auto; }
.hdr-top{ height:60px;}
.nav ul.navlist li a{padding:0.7rem 0.5rem!important;}
}

h1.logo     {font-size:22px; vertical-align:bottom; margin-top:10px; margin-bottom:0px}
h1.log		{font-size:14px;}	
h2.header	{font-size:18px; color:#fff; margin:0px; padding-top:2px;  text-transform:uppercase}

/*========== Top Navigation =======================================*/
.nav				{margin:0px; padding:0px;display:block}
.nav ul.navlist		{list-style:none; padding:0px; margin:0px;}
.nav ul.navlist li	{list-style:none; padding:0px 5px; margin:0px;font-weight:bold; display:inline-block}

.nav ul.navlist li a		{text-decoration:none;padding:1rem 0.5rem;line-height: 30px;font-size: 15px;font-weight: 600;display:inline-block;color:inherit}
.nav ul.navlist li a:hover	{text-decoration:none; color:#000}


/*========== Top Timer =======================================*/
.timer		{padding:0px; margin:0px; list-style:none; float:right;}
.timer h3	{color:#293273; margin:0px; padding:0px; font-size:16px; text-align:center; margin-top:7px;} 

/*
=====================================================================================================================================================
FOOTER STYLE
=====================================================================================================================================================
*/

.footer { padding-top:15px; padding-bottom:15px;}
.copyright	{padding:0px; margin:0px auto; text-transform:none; text-align:center; float:none}
 
 
/*
=====================================================================================================================================================
HOME BODY STYLE
=====================================================================================================================================================
*/
.welcome-banner { height:300px; padding:0px; margin:0 0 10px 0; position:relative; z-index:1;}
.welcome-banner:before { content:"";  background:url(images/bg-login.png) no-repeat right; width:100%; height:100%; position:absolute; bottom: 0px; right:0; z-index:1; }


.welcome-txt { max-width:500px; position:relative; z-index:1; padding: 120px 15px 0 35px; }
.welcome-txt h1 { line-height:normal; padding:0; margin-top:25px;  }
.welcome-txt h2 { line-height:normal; padding:0; margin-top:35px; }


ul.course_list { list-style:none; width:100%;  text-align:left; padding:0; }  
ul.course_list li { list-style:none; margin:0 15px 15px 0px;  text-align:left;  min-height:93px; padding:0; display:inline-block;   border:1px solid #f1f1f1;border-radius:16px;width:31%; vertical-align:top; line-height:normal;
                    box-shadow: 0px 0px 5px #ccc; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}  
ul.course_list li:hover { box-shadow: 0px 0px 10px #333;}
ul.course_list li span { background:#000; color:#fff; border: 3px double #fff; font-size:12px; padding:5px 15px; width:100px; margin:0 auto 5px; text-align:center; display:block;}
ul.course_list figure{ display:table;}
ul.course_list .icon_wrap { width:80px; height:93px; display:table-cell; vertical-align:middle}
ul.course_list .icon_wrap img {  float:left; vertical-align:middle; padding:0; margin:0;}
ul.course_list figcaption {  padding: 5px 15px; display:table-cell; vertical-align:middle;  }
ul.course_list h2, ul.course_list h3 { padding:5px 0px; margin:0; line-height:normal; white-space:normal;}
ul.course_list h2 { font-size:14px;}
ul.course_list h3 { font-weight:bold;}

@media (max-width:992px) {
    ul.course_list li { width:47%;  }
}

@media (max-width:640px) {
    ul.course_list li { width:100%; min-height:80px;  }
    ul.course_list .icon_wrap { height:80px; }
}
.steps-data { background:#293273;border-radius:16px;  text-align:center; padding-top:20px; padding-bottom:80px; color:#fff; }
.steps-data a { color:#fff; text-decoration:underline;} .steps-data a:hover {   text-decoration:none;}
.steps-data b {  font-size:15px; }
.imp-data { background:#f5f5f5; border-radius:16px;box-shadow: 0px 2px 10px #333; margin-top:-50px; margin-bottom:30px; padding-bottom:20px;} 
.imp-data ul { list-style:disc; }  
.imp-data ul li { list-style:disc; margin:0 0 10px 20px;  }  
.imp-data ul li li {  margin:10px 0 0px 20px !important;  }  
.imp-data h3 {  color:#293273; font-weight:bold;   }
.imp-data b {  color:#293273;    }
.imp-data a {  text-decoration:underline;} .imp-data a:hover {   text-decoration:none;}


/*
=====================================================================================================================================================
BODY STYLE
=====================================================================================================================================================
*/
 

.body-wrap {  background:#fff; position:relative; z-index:0; padding-top:20px; padding-bottom:20px; }

ul.list			{list-style:none; padding:0px; margin:0px;}
ul.list li		{list-style-image:url(images/listbullet.png); padding:0px 0px 5px 0px; margin:0px 0px 0px 13px;}


/*========== Table Styling =======================================*/
table.home			  {width:100%; padding:0px; margin:0px; border-top:2px solid #5f5f5f; margin-top:5px; padding-top:0px; margin-bottom:20px}
table.home tr		{padding:0px; margin:0px;}
table.home tr td		{padding:2px 5px; margin:0px; border-bottom:1px solid #ddd;}

table.home tr td.th		{background:#6f6f6f; color:#fff; text-transform:uppercase; font-size:15px}
table.home tr td.th1		{background:#bababa; color:#000; font-size:13px; font-weight:bold; border-top:1px solid #5f5f5f; 
					 border-bottom:1px solid #5f5f5f}
table.home tr td.tch		{background:#e2e2e2; color:#000; text-transform:uppercase}
table.home tr td.marks	{color:#293273; text-align:center}


/*========== Question Table Styling =======================================*/
table.question			{width:100%; padding:0px; margin:0px; border:none; margin-bottom:40px}
table.question tr		{padding:0px; margin:0px;}
table.question tr td	{padding:2px 5px; margin:0px;}

table.question tr td.th		{background:#2f2f2f; color:#fff; text-transform:uppercase; font-size:15px}
table.question tr td.tch	{background:#818181; color:#fff; text-transform:uppercase}

.tdleft		{width:12%; padding:0px; margin:0px;}
.tdright	{width:88%; padding:0px; margin:0px; border-left:1px solid #ccc;}
.qst_lft { text-align:center;}
.qst_rgt {border-left:1px solid #ccc; }


.q1		{color:#293273;  font-size:22px; font-weight:bold; margin-bottom:0px;}
.q2		{color:#000; text-align:left; font-size:15px;  padding-bottom:15px; line-height:18pt; font-weight:bold}
.q3		{color:#000;  font-size:13px; font-weight:bold; margin-top:05px;  }
.q4		{color:#000; text-align:left; padding-left:10px}
.ans	{text-align:left;   margin-bottom:20px;}


/*========== Button Styling =======================================*/
.button								{margin:0px auto; padding:0px; float:none; text-align:center; margin-top:30px; margin-bottom:20px}
.button a							{-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; outline:none; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.button a							{text-decoration:none; color:#fff; background:#293273; padding:8px 12px 6px 12px; text-transform:uppercase}
.button a:hover				{text-decoration:none; color:#fff; background:#000}
.button a.start-test	{background-image:url(images/enterance-test-icon.png); background-repeat:no-repeat; background-position:left center; padding-left:50px;}
						 
.tb-button				{-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; 
-ms-transition:all 300ms linear; outline:none; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; cursor:pointer}
.tb-button				{text-decoration:none; color:#fff; background:#293273; padding:8px 12px 6px 12px; text-transform:uppercase; border:none;}
.tb-button:hover	{text-decoration:none; color:#fff; background:#000}
					 
.leftpannel		{width:100%; margin:0px auto; padding:0px; float:left;}
.rightpannel	{width:100%; margin:0px auto; padding:0px; float:right; }

.exam-question	{width:100%; margin:0px; padding:0px; float:left; display:block; border-bottom:1px dashed #ccc; margin-bottom:10px}	

.qtn				{width:11%; margin:0px; padding:0px; color:#293273}
.question		{width:89%; margin:0px; padding:0px;}


/*========== Path Styling Starts =======================================*/
.path				{margin:0px; padding:5px; margin-bottom:30px; display:block; background:#f2f2f2}
.path-table	{width:auto; margin:0px; padding:0px; display:table;}
.path-cell	{width:auto; margin:0px; padding:0px 15px; display:table-cell; vertical-align:top;  border-right:0px solid #ddd;}

.path-cell:first-child	{padding-left:0px;}
.path-cell:last-child		{padding-right:0px; border:none;}

.path-cell .details	    {float:none}
.path-cell .question2		{padding:15px 10px; margin:0px 10px 0px 0px; float:left; background:#ccc; color:#000; font-size:18px; 
font-weight:bold}

.path ul.pathlist						{list-style:none; padding:0px; margin:0px; margin-top:5px; mrgin-bottom:3px}
.path ul.pathlist li				{list-style:none; padding:1px 10px; margin:0px 3px 0px 0px; display:inline-block; text-transform:uppercase; color:#000; border-bottom:1px solid #ccc; float:left}
.path ul.pathlist li.active	{background:#293273 url(images/pic-arrow.png) no-repeat center bottom; color:#fff; border-bottom:1px solid #000; padding:0px 10px 1px; font-weight:bold}
							 

/*========== Exam Section Styling Starts =======================================*/
.exam-content				{width:100%; margin:0px; padding:0px; float:left; display:block;}

ul		{list-style:none; padding:0px; margin:0px;}
ul li	{list-style:none; padding:0px 0px 5px 0px; margin:0px;}

ul.style1 		{list-style:none; padding:0px 0px 5px 0px; margin:0px; font-weight:normal; width:100%; float:left}
ul.style1 li	{list-style:none; padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; width:140px; float:left;}

ul.style2			{list-style:none; padding:0px; margin:0px; margin-bottom:15px}
ul.style2 li	{list-style:none; padding:5px 0px 0px 0px; margin:0px 0px 0px 15px; font-weight:normal;}

ul.style3			{list-style:none; padding:0px; margin:0px; margin-bottom:15px}
ul.style3 li	{list-style:decimal; padding:0px 0px 15px 0px; margin:0px 0px 0px 20px; font-weight:normal;}

ul.match							{list-style:none; padding:0px; margin:0px;}
ul.match li						{list-style:none; padding:0px; margin:0px; width:48%; display:inline-block}
.word-bg	{background:#000; margin:0px 5px 5px 0px; padding:0px; color:#fff; display:block; width:25px; height:25px; line-height:25px; text-align:center; float:left}

.tb-radio	{padding:0px; margin:0px;}
.tb-text	{padding:0px 2px; width:20px; margin:0px 5px 0px 0px; outline:none; border:1px solid #bbb; text-align:center}
.tb-textarea	{padding:2px 5px; width:20px; margin:5px 5px 0px 0px; outline:none; border:1px solid #bbb; text-align:left; width:100%; height:150px; font-family:Arial; resize:none; outline:none}
.tb-textfield	{padding:2px 2px; width:20px; margin:10px 5px 0px 0px; outline:none; border:1px solid #bbb; text-align:left; width:40px}

.fc-sm { padding:0px 2px !important; font-size:12px !important; width:25px; border-radius: 0px !important; height:25px !important; margin:0px 5px 0px 0px !important; outline:none !important; border:1px solid #bbb !important; text-align:center; float:left; vertical-align:middle !important;}
.lh25 { line-height:25px;}

/*========== Student Box Styling Starts =======================================*/
.student-box	{-webkit-box-shadow:0 8px 6px -6px #ccc; -moz-box-shadow:0 8px 6px -6px #ccc; box-shadow:0 8px 6px -6px #ccc;}
.student-box	{padding:0px; margin:0px; list-style:none; float:left; width:100%; border:1px solid #eee; border-bottom:none; 
				 background:#f5f5f5}

.student-box .headline	{background:#6f6f6f; line-height:18pt; padding:5px 8px;} 
.student-box h3					{color:#fff; margin:0px; padding:0px; font-size:12px; background:url(images/icon-student.png) no-repeat left;padding-left:25px}
.student-box .detail		{width:95%; margin:0px auto; padding:5px;}

.student-box ul.studentlist			{list-style:none; padding:0px; margin:0px; width:100%}
.student-box ul.studentlist li	{list-style:none; padding:0px 0px 3px 0px; margin:0px 0px 3px 0px; display:inline-block}

ul.studentlist li.left		{width:48px; float:left; font-weight:bold}
ul.studentlist li.collan	{width:10px; float:left; font-weight:bold}
ul.studentlist li.right		{width:147px; float:left;}


/*========== Detail Box Styling Starts =======================================*/
.details-box			{-webkit-box-shadow:0 8px 6px -6px #ccc; -moz-box-shadow:0 8px 6px -6px #ccc; box-shadow:0 8px 6px -6px #ccc;}
.details-box			{padding:0px; margin:0px; list-style:none; float:left; width:100%; border:1px solid #eee; border-bottom:none;background:#f5f5f5}

.details-box .headline	{background:#6f6f6f; line-height:18pt; padding:5px 8px;} 
.details-box h3					{color:#fff; margin:0px; padding:0px; font-size:12px; background:url(images/icon-list.png) no-repeat left;
padding-left:25px}
.details-box .detail		{width:95%; margin:0px auto; padding:5px;}
 
 

/*
=====================================================================================================================================================
LOGIN FORM
=====================================================================================================================================================
*/
 
#loginbox					{width:710px; margin:0px auto; float:none; display:table; margin-top:70px; margin-bottom:60px}
#loginbox .login-box-top    {width:710px; height:30px; background:url(images/login-box-top.png) no-repeat; display:block; clear:both}
#loginbox .login-box-bottom {width:710px; height:40px; background:url(images/login-box-bottom.png) no-repeat; display:block;  clear:both}
#loginbox .login-box-bg     {width:710px; min-height:130px; background:url(images/login-box-bg.png); float:left; padding:0px}

.login-box-bg .loginform    	{width:500px; margin:0px auto; padding:0px; float:none}
.loginform .loginicon       	{width:128px; height:128px; background:url(images/icon-login.png); margin:0px auto; padding:0px; 
								 float:left; margin-right:35px; margin-top:20px; margin-left:30px}
.loginform .logindetails    	{width:280px; margin:0px auto; padding:0px; float:left}

.logindetails ul.formlist       {list-style:none; padding:0px; margin:0px;}
.logindetails ul.formlist li    {list-style:none; padding:0px; margin:0px; display:block}

ul.formlist li .textinput       {width:230px; height:28px; line-height:21pt; margin:0px 5px 5px 0px; padding:0px 6px 0px 40px; 
								 border:1px solid #e5e5e8; font-family: 'RobotoRegular' Arial; font-size:13px; outline:none;
								 -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear;
								 -ms-transition:all 300ms linear;}
ul.formlist li .textinput:hover {border:1px solid #39779e;}
ul.formlist li .textinput:focus {border:1px solid #39779e;}

ul.formlist li .tb-username     {background:url(images/icon-user.png) no-repeat left;}
ul.formlist li .tb-password		{background:url(images/icon-password.png) no-repeat left;}

.logindetails ul.btlogin		{list-style:none; padding:0px; margin:8px 0px; float:left; width:135px;}
ul.btlogin li .submit			{padding:6px 15px 4px; margin:0px; background:#293273; font-size:13px; font-weight:bold; 
								 text-transform:uppercase; border:1px solid #960000; border-width:0px 0px 2px 0px; color:#fff; float:left;
								 cursor:pointer; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; 
								 -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
ul.btlogin li .submit:hover		{padding:6px 15px 4px; margin:0px; background:#373737; font-size:13px; text-transform:uppercase; 
								 border:1px solid #000000; border-width:0px 0px 2px 0px; color:#fff;}  




/*------  Checkbox  --------*/

.checkbox { padding-left: 10px; }
.checkbox label { display: inline-block; position: relative; padding-left: 10px !important;  line-height:normal;   }
.checkbox label::before { content: ""; display: inline-block; position: absolute; width: 15px; height: 15px; left: 0; margin-top:0px; margin-left: -10px; border: 1px solid #cccccc; border-radius: 0px; background-color: #fff;
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after { display: inline-block; position: absolute;  width: 14px; height: 14px; left: 0; top: 0;margin-top:0px; margin-left: -10px; padding-left: 2px; padding-top: 2px; font-size: 12px; color: #555555; }
.checkbox input[type="checkbox"] { opacity: 0; }
.checkbox input[type="checkbox"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after { font-family: 'FontAwesome';content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; }
.checkbox.checkbox-circle label::before { border-radius: 50%; }
.checkbox.checkbox-inline { margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #428bca; border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after { color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before { background-color: #d9534f; border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after { color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before { background-color: #5bc0de; border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after { color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before { background-color: #f0ad4e; border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after { color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {  background-color: #5cb85c; border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {  color: #fff; }
	

/*------  Radio  --------*/
.radio { padding-left: 20px; }
.radio-table {  padding-left:0px !important; }
.radio table { padding-left:0px !important; text-align:left;}
.radio td { padding-right: 20px; display:inline-block; width:auto;}
.radio td label { padding-left: 23px !important;    }
.radio td label:before, .radio td label:after {   margin-left: 00px; }

.radio-td4 table { width:100%;}
.radio-td4 td { padding-right: 20px; display:inline-block; width:25%;}
.radio-list table td { margin-bottom:10px !important;}

.radio-li4 ul {margin-bottom:15px!important;float:left;width:100%;}
.radio-li4 li { padding-right: 20px!important;line-height:normal;float:left; width:25%;}


.radio label { display: inline-block; position: relative; padding-left: 5px !important; }
.radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0;  margin-left: -20px;  border: 1px solid #cccccc; border-radius: 50%; background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; }
.radio label::after { display: inline-block; position: absolute;  content: " "; width: 11px; height: 11px;  left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555555; 
                      -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0);
                      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
 .radio input[type="radio"] { opacity: 0; }
.radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {  opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before { cursor: not-allowed; }
.radio.radio-inline { margin-top: 0; }

.radio-primary input[type="radio"] + label::after { background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before { border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after { background-color: #428bca; }

.radio-danger input[type="radio"] + label::after { background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before { border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after { background-color: #d9534f; }

.radio-info input[type="radio"] + label::after { background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before { border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after { background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after { background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before { border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after { background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after { background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before { border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after { background-color: #5cb85c; }   





.photo-upload {  width:100%; padding:0; margin:0px; float:left; text-align:center; }
ul.add-photo { padding:0; margin:0;}
ul.add-photo li { list-style:none; list-style-type:none; width:135px; height:135px; padding:0; margin: 0px 10px 10px 10px; display:inline-block; vertical-align:top;   }
ul.add-photo li img { float:left; padding:0; margin:0; max-width:100%; }
ul.add-photo li .fa { font-size:30px;}
ul.add-photo .inactive { opacity:0.4; }
ul.add-photo .inactive:hover { opacity:0.7; }
ul.add-photo .active { opacity:1; }
ul.add-photo .thumb-holder {  width:135px; height:135px; display:table-cell; text-align:center; vertical-align:middle; background:#ccc;  box-shadow: 0px 0px 8px #ccc;  position:relative; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;  }
ul.add-photo .thumb-holder span { display:block; padding: 3px 0px;}
ul.add-photo li:hover .thumb-holder > .remove-photo {  display:block; z-index:99;  }
ul.add-photo .remove-photo { position:absolute; top:5px; right:5px;   cursor:pointer; }

.photo_upload_control {
    cursor: pointer;
    display: block;
    position: absolute !important;
    top: 30px !important;
    left: 0 !important;
    /* start of transparency styles */
    opacity: 0;
    -moz-opacity: 0;
    background-size: cover;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
    filter: alpha(opacity:0);
    /* end of transparency styles */
    z-index: 2; /* bring the real upload interactivity up front */
    width: 135px;
    height: 120px;
 
}

.course-list{padding-left:0!important;}
.course-list table{table-layout:fixed; width:100%;}
.course-list table td{padding:0 5px!important;width:100%; vertical-align:top;}
.course-list td label{padding:10px 10px 10px 33px!important; width:100%; display:block;}
.course-list td label:before{width:100%; height:100%; top:0; left:0; border-radius:5px;background:none;}
.course-list td label:after{font-family:FontAwesome; top:10px; font-size:7pt; color:#FFF; left:8px; border-radius:5px; width:18px; line-height:19px; text-align:center; display:inline-block; height:18px;}
.course-list input[type="radio"]:checked + label::after {content:'\f00c'; background:#293273;}
.course-list input[type="radio"]:checked + label::before{border-color:#293273; outline:none!important;}
.course-list input[type="radio"]:checked + label{color:#293273; font-weight:bold;}
.course-list input[type="radio"]:not(:checked) + label::after {background:#DDD; -webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1,1);transform: scale(1, 1);}

@media (min-width:768px) {
.course-list table td{ width:50%;}
}
@media (max-width:767px) {
.course-table td{display:block!important;}
}