@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,700,800,900&display=swap&subset=latin-ext,vietnamese');
/********** Start Here Default CSS **********/

HTML, BODY 										{ border:0; margin:0; padding:0;
												  font:100%/100.1% 'Nunito Sans', sans-serif!important; height:100%;}
H1, H2, H3, H4, H5, H6, DIV, FORM, P, UL, OL    { margin:0; padding:0; font-weight:normal;}
p 												{ font:500 16px 'Nunito Sans', sans-serif; color:#455065; margin:0 0 12px 0; line-height:25px}
th, td											{ vertical-align: middle!important;}
img 											{ border:0;}
li 												{ list-style-type:none;}
a 												{ color:#3f51b5; text-decoration:none; outline:0 none; cursor:pointer;}
a:hover 										{ text-decoration:none!important; color:#000}
button:focus, a:focus							{ outline:none; border:none;}
input 											{ outline:none; border:none;}
.clearfix::after                                { content:""; clear:both; display:table;}
.fs7                                            { font-size:7px!important;}
.fs8 											{ font-size:8px!important;}
.fs9 											{ font-size:9px!important;}
.fs10 											{ font-size:10px!important;}
.fs11 											{ font-size:11px!important;}
.fs12 											{ font-size:12px!important;}
.fs13 											{ font-size:13px!important;}
.fs14 											{ font-size:14px!important;}
.fs15 											{ font-size:15px!important;}
.fs16 											{ font-size:16px!important;}
.fs18 											{ font-size:18px!important;}
.fs20 											{ font-size:20px!important;}
.fs22 											{ font-size:22px!important;}
.fs24 											{ font-size:24px!important;}
.fs26 											{ font-size:26px!important;}
.fs28 											{ font-size:28px!important;}
.fs30 											{ font-size:30px!important;}
.fs32 											{ font-size:32px!important;}
.fs40 											{ font-size:40px!important;}
.fs80 											{ font-size:80px!important;}
.fw												{ font-weight:bold!important;}
.fw400											{ font-weight:400!important;}
.fw500											{ font-weight:500!important;}
.fw600											{ font-weight:600!important;}
.tdu											{ text-decoration:underline!important;}
.mauto 											{ margin:0 auto;}
.br0                	                        { border:none!important;}
.brr0											{ border-radius:0!important;}
.bColor                                         { color:#000!important;}
.mainColor                                      { color:#3f51b5!important;}
.rColor                                         { color:#cd242b!important;}
.grColor, ::placeholder                         { color:#ccc;}
.successColor                                   { color:#09b601;}
button:disabled, button[disabled]               { background:#eee!important; color:#999!important; cursor:default;}
.innerTabs a.disabled                           { pointer-events:none; cursor:default; background:#eee!important; color:#999!important;}

/********** End Here Default CSS **********/


/********** Start Here Registration & Login CSS **********/

.loginBody                                      { padding-top:50px; background:#f7f7f7!important;}
.loginMainDiv                                   { background:#fff; border-radius:10px; box-shadow:2px 2px 15px rgba(0,0,0,.2); width:1170px; 
                                                  margin:0 auto; height:570px;}   
.loginLeft                                      { background:#502E91; border-radius:10px 0 0 10px; padding:35px 0; text-align:center;
                                                  height:570px;}
.loginRight                                     { display:table-cell;}
.loginIcon                                      { margin:80px 0 0 0; color:#fff;}
.loginIcon h6                                   { font-size:16px; margin:30px 0 0 0; line-height:22px; display:block; font-family:'Nunito Sans';}
.tablinks                                       { background:#f1f1f1; color:#9a9a9a; float:left; border:none; padding:14px 30px; font-size:17px; 
                                                  width:50%; cursor:pointer; font:800 20px 'Nunito Sans', sans-serif; margin:0; text-align:left;}
.tablinks1                                      { border-radius:0 10px 0 0;}
.tabcontent                                     { color:#000; display:none; padding:30px 20px 0 30px;}
.loginMainDiv button.active                     { background:#fff; color:#502E91;}

.steps                                          { margin:0 auto 60px auto; width:80%; position:relative;}
.steps ul                                       { display:flex; list-style:none;}
.steps ul li                                    { margin:0!important}
.steps li a                                     { display:inline-block;  width:15px; height:15px; border-radius:50%; margin-right:180px; 
                                                  position:relative; background-image:linear-gradient(to right, #e6e6e6, #bebebe); 
                                                  border:3px solid #fff;}
.steps li a::before                             { position:absolute; content:""; background:#ccc; width:180px; height:1px; top:50%; left:12px;}
.steps li.last a::before                        { content:none;}
.steps li.current a,
.steps li.current a:active                      { background-image:linear-gradient(to right, #8f9eec , #3f51b5); 
                                                  box-shadow:0px 0px 2px rgba(0, 0, 0, 1);}
.steps li.done a,
.steps li.done a:active                         { background-image:linear-gradient(to right, #8f9eec , #3f51b5); opacity:0.5}
.steps li .current-info                         { display:none;}
.steps li .title                                { position:absolute; top:70%; left:50%; transform: translate(-50%, 70%); color:#b2b2b2; 
                                                  font-size:13px; width:150px; text-align:center;}
.steps li.current a .title                      { color:#502E91; font-weight:600}
.steps li.done a .title                         { color:#9597c1; font-weight:500}
.loginMainDiv .content h2                       { display:none;}
.loginMainDiv .loginRight .content              { height:370px; overflow-x:hidden}

.actions                                        { float:right; margin:10px 0 0 0;}
.actions ul                                     { list-style:none; padding-left:0; margin-top:15px;}
.actions ul li.disabled                         { display:none;}
.actions ul li                                  { display:inline-flex; margin-left:15px;padding:10px 20px; background:#502E91; border-radius:100px;                                                   font:15px 'Nunito Sans'; box-shadow:2px 2px 5px rgba(0,0,0,.3); cursor:pointer; float:left;}
.actions ul li a                                { color:#fff;}
.actions ul li:first-child                      { background:#2b3245;}

.loginRight label								{ color:#263239; font:13px 'Nunito Sans'; margin-bottom:5px;}
.wrap-input100 									{ width:90%; position:relative;	border-bottom:2px solid #d3d4d6; margin-bottom:20px;}
.wrap-input95per								{ width:96%;}
.label-input100 								{ color:#666; line-height:1.5; padding-left:5px;}
.input100 										{ display:block; width:100%; background:transparent; color:#000;padding:0;font:13px 'Nunito Sans';}
.focus-input100 								{ position:absolute; display:block; width:100%; height:100%; top:0; left:0; pointer-events:none;}
.focus-input100::before 						{ content:""; display:block; position:absolute; bottom:-2px; left:0; width:0; height:2px; 
                                                  transition:all 0.4s; background:#502E91;}
input.input100 									{ height:35px;}
.input100:focus + .focus-input100::before 		{ width:100%;}
.chosen-select 									{ border:none; height:35px;}
.chosen-select:focus 							{ outline:none;}
.listcheckmark 									{ position:relative; padding-left:8px; margin-bottom:0; cursor:pointer; user-select:none;}
.listcheckmark span								{ margin-left:20px !important; font-size:14px; color:#666}
.listcheckmark input 							{ position:absolute; opacity:0; cursor:pointer;}
.listcheckmark .checkmark 						{ position:absolute; top:0; left:0; height:16px; width:16px; background:#fff; 
                                                  border:1px solid #666; border-radius:3px;
												  box-shadow:inset 0px 0px 3px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4); margin-left:0 !important}
.listcheckmark:hover input ~ .checkmark 		{ background-color:#fff;}
.listcheckmark .checkmark:after 				{ content:""; position:absolute; display:none;}
.checkmarkBlock:after 							{ display:block !important;}
.listcheckmark input:checked ~ .checkmark:after { display:block;}
.listcheckmark .checkmark:after 				{ left:5px; top:2px; width:5px; height:8px; border:solid #666; border-width:0 2px 2px 0; 
                                                  transform:rotate(45deg);}
.userIcon                                       { background: url("../images/userIcon.png") no-repeat 0 10px; padding-left:35px;}
.passIcon                                       { background: url("../images/passIcon.png") no-repeat 0 10px; padding-left:35px;}
.forgotPass                                     { color:#502E91; text-decoration:underline;}
.loginBtnDiv                                    { margin:50px 0 0 0; text-align:center;}
.loginBtn                                       { background:#fff; border:1px solid #502E91; padding:13px 25%; font:700 20px 'Nunito Sans';
                                                  box-shadow:2px 2px 5px rgba(0,0,0,.3); text-transform:uppercase; color:#502E91; border-radius:100px; float:none; display:inline-block;}
.loginBtn:hover                                 { color:#fff; background:#502E91;}
.steps li:nth-child(4) a::before                { display:none;}                         
.steps li.last                                  { display:none;}

.subHeading										{ border-bottom:1px solid #ccc; padding:0 0 6px 15px!important; margin:10px 0px 25px; 
                                                  width:96%; position:relative}
.subHeading	h4									{ font:700 14px 'Nunito Sans'; color:#502E91; }
.subHeading h4 span								{ background:#502E91; width:17%; display:inline-block; height:3px; position:absolute; 
                                                  bottom:-2px; left:10px; border-radius:4px;}
.viewDetails                                    { margin:0 0 20px 0}
.viewDetails label	                            { color:#8fa4af; font:400 14px 'Nunito Sans'; margin:0;}
.viewDetails p		                            { font-size:14px; font-weight:600; color:#263239; margin-top:6px!important}

.loginBody  ::-webkit-scrollbar                 { width:6px; height:6px;}
.loginBody ::-webkit-scrollbar-track            { border-radius:100px;}
.loginBody ::-webkit-scrollbar-track:vertical   { background:-webkit-linear-gradient(top, white, #fcfcfc);}
.loginBody ::-webkit-scrollbar-track:horizontal { background:-webkit-linear-gradient(left, white, #fcfcfc);}
.loginBody ::-webkit-scrollbar-thumb            { background:#e8e8e8; border-radius:100px;}
.loginBody ::-webkit-scrollbar-thumb:hover      { background:#ccc;}

.loginLeft.col-md-3                             { flex: 0 0 30%; max-width: 30%;}
.loginRight.col-md-9                            { flex: 0 0 70%; max-width: 70%;}
label.error  									{color:red;}

/********** End Here Registration & Login CSS **********/


/********** Start Here Landing Page CSS **********/

.bannerDiv                                      { margin:0; background:#502E91; width:100%; height:55%; 
                                                  padding:30px 0 0 0;}
.registerBtn                                    { background:#fff; border-radius:100px; padding:15px 40px; text-transform:uppercase; color:#3f51b5; 
                                                  font:700 18px 'Nunito Sans'; }
.loginLink                                      { text-transform:uppercase; font:700 18px 'Nunito Sans'; color:#fff; padding:0 0 0 30px; 
                                                  background:url("../images/loginIcon.png") no-repeat center left; margin:0 0 0 30px; }
.bannerHeadings                                 { min-height:500px; display:table; text-align:center; width:100%;}
.bannerHeadings .slider-text-inner              { display:table-cell; vertical-align:top; min-height:500px; color:#fff;}
.bannerHeadings h6                              { font:25px 'Nunito Sans'; text-transform:uppercase;}
.bannerHeadings h1                              { font:900 68px 'Nunito Sans'; text-transform:uppercase;}
.bannerHeadings h5                              { font:35px 'Nunito Sans'; letter-spacing:1px; margin:40px 0 0 0;}
.mainDiv                                        { padding:4em 0 0 0}
.contentCenter                                  { text-align:center; width:100%}
.mainHeading                                    { font:500 30px 'Nunito Sans'; margin:20px 0 10px 0; line-height:40px; color:#010101;}
.purposeSection                                 { background:#f4f5f5; border-radius:10px; padding:40px}
.listContent                                    { margin:30px 0 0 0; padding:0; font:500 16px 'Nunito Sans', sans-serif;}
.listContent li                                 { background:url("../images/listArrow.png") no-repeat 0 5px; padding:0 0 0 25px; margin:15px 0;
                                                  color:#455065; line-height:23px;}
.borderDiv                                      { border-bottom:1px dashed #d4d4d4; border-right:1px dashed #d4d4d4; padding:40px 60px}
.noBorderR                                      { border-right:none!important}
.noBorderB                                      { border-bottom:none!important}
footer                                          { background:#f4f5f5; padding:30px 0;}
footer p                                        { margin:0;}
footer p strong                                 { color:#3f51b5;}         
footer a                                        { color:#502E91; font:500 16px 'Nunito Sans', sans-serif; margin:0 6px;}
/********** End Here Landing Page CSS **********/