@font-face {
	font-family: "UTM Avo";
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url("../fontgiaovien/utm-avo.ttf") format('truetype');
}
@font-face {
	font-family: "UTM Avo bold";
	font-style: normal;
	font-weight: bold;
	src: local('Roboto Condensed Light Bold'), local('RobotoCondensed-Bold'), url("../fontgiaovien/utm-avobold.ttf") format('truetype');
}
body { font-family: "UTM Avo" !important; }
a{font-family:"UTM Avo";font-size:12px}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none}
a:active{text-decoration:none}
a{text-decoration:none!important;}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,blockquote,code,pre{margin:0;padding:0;list-style-type:none}
#login-sso{font-family:"UTM Avo" ;padding-top:30px}
#login-sso header .logo a img{}
#login-sso #content-sso { margin-top: 36px; margin-bottom: 45px; }
#login-sso header .new-acc a {    color: #fff; line-height: 37px; font-size: 14px; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: left; float: left; padding-left: 14px; padding-right: 14px; }
#login-sso header .new-acc a:hover {  height: 35px; font-size: 14px;color: #fff !important ; line-height: 35px; text-align: center; border-radius: 25px; background: #007bff; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.18); box-shadow: 0 0 30px 0 rgba(0,0,0,0.18); }
#login-sso header .new-acc .active { height: 35px;font-size: 14px; color: #fff !important; line-height: 35px; text-align: center; border-radius: 25px; background: #007bff; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.18); box-shadow: 0 0 30px 0 rgba(0,0,0,0.18); }

#login-sso #content-sso .title-sso{max-width:438px}
#login-sso #content-sso .title-sso h1 { font-size: 17px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.37; letter-spacing: normal; color: #0d6380; margin-bottom:0px; text-transform: uppercase; }
.forgotlogin{ margin-top: 10px; padding:16px 20px; height: 50px; float: left; border-radius: 26px; background-color: #df322f; border: none; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.36; letter-spacing: normal; text-align: left; color: #ffffff; cursor: pointer; outline: none !important; width: 165px; text-align: center; }
.forgotlogin:hover{  color: #ffffff; }
#Thongbao img{ margin-top: -2px;}
#Showketqua img{ margin-top: -2px;}
    
.last_name_register { position: relative; }
.email_register { position: relative; }
.phone_register { position: relative; }
.password_register { position: relative; }

.last_name_register:before { font-family: FontAwesome; content:"\f007"; left: 22px; pointer-events: none; position: absolute; top: 16px; }
.email_register:before { font-family: FontAwesome; content:"\f003"; left: 22px; pointer-events: none; position: absolute; top: 16px; }
.phone_register:before { font-family: FontAwesome; content:"\f095"; left: 22px; pointer-events: none; position: absolute; top: 16px; }
.password_register:before { font-family: FontAwesome; content:"\f023"; left: 22px; pointer-events: none; position: absolute; top: 16px; }

a:focus, a:hover { color: #ffa903 !important; text-decoration: underline; }
.abcRioButtonBlue{ background: none!important;}
.abcRioButtonBlue .abcRioButtonContentWrapper { border: none!important; background: #df322f!important; border-radius: 8px!important; }
.abcRioButtonBlue .abcRioButtonIcon {  display: none!important; }
 .abcRioButton.abcRioButtonBlue { height: 45px!important; width: 147px!important; box-shadow: none !important; }
.abcRioButtonContentWrapper:before { content: "\f1a0"; position: relative; font-family: FontAwesome; float: left; margin-left: 37px; margin-top: 8px; font-size: 17px; }
.abcRioButtonContents{  display: none!important; }
.abcRioButton.abcRioButtonBlue:before { content: "Google"; position: absolute; margin-left: -14px !important; font-size: 15px; font-weight: 600; font-style: normal; font-stretch: normal; letter-spacing: normal; vertical-align: top; margin-top: 9px; }

.cssnhe { display: inline-block; background: white; color: #444; border-radius: 5px; -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); border-radius: 40px; width: 45px; text-align: center; height: 45px; padding-top: 6px; margin-left: 1px; }
#customBtn:hover { cursor: pointer; } 
span.label { font-family: serif; font-weight: normal; } 
span.icon { background: url('/identity/sign-in/g-normal.png') transparent 5px 50% no-repeat; display: inline-block; vertical-align: middle; width: 42px; height: 42px; }
span.buttonText { display: inline-block; vertical-align: middle; padding-left: 42px; padding-right: 42px; font-size: 14px; font-weight: bold; font-family: 'Roboto', sans-serif; }
.dacotk{font-weight: 600; line-height: 1.36; letter-spacing: normal; color: #006fba; font-size: 14px; /* padding-top: 27px; */ float: right; margin-left: 8px; }    
.form-signup { padding: 2.5rem; border-radius: 4rem;  float: left; border-radius: 2rem; background-color: #fff; -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);width: 104%;  }
.cssnhe:hover { cursor: pointer;}

.Headerlon { font-weight: 700 !important; color: #166986 !important; text-align: center !important; margin-bottom: 1.5rem !important; font-size: 24px; text-transform: uppercase; }
.NPM{ margin:0px !important;padding:0px !important}
.forgotloginNews { margin-top: 10px; padding: 16px 20px; height: 50px; float: left; border-radius: 26px; background-color:#007bff; border: none; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.36; letter-spacing: normal; text-align: left; color: #ffffff; cursor: pointer; outline: none !important; width: 100%; text-align: center; }

.cotdangnhapnhanh1{ padding-top:20px;}
.cotdangnhapnhanh2{ padding-top:20px;}
.info1{font-size: 30px; color: #0d6380; font-weight: bold;}
.info2 { font-size: 18px; color: #0d6380; padding-bottom: 15px; padding-top: 9px; font-weight: 600; }
.Linkurrl a { background: url(../images/poin.png) transparent 5px 50% no-repeat; /* display: inline-block; */ vertical-align: middle; width: auto; height: 48px; padding-left: 29px; background-size: 17px; color: #7eb1cc; font-size: 16px; line-height: 29px; }
.btn-success { background-color: #47a216; border-color: #47a216; }
.btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; }
.btns { padding: 4px 10px; font-size: 12px !important; line-height: 1.5!important; text-transform: capitalize; border-radius: 20px !important; margin-right: 7px; height: 26px !important; float: left; margin: 2px !important; }
.d-none.d-md-flex.mb-3 { width: 100%; float: left; }
.footer_content { color: #BACDD3; text-align: left!important; font-size: 14px; padding-top: 9px; float: left; }
.footer { padding-bottom: 30px; }
.trangchus { float: left; background: rgba(0, 0, 0, 0) url("../images/phone_global.png") no-repeat scroll 6px 8px / 17px auto; vertical-align: middle; width: auto; height: 30px; padding-left: 29px; background-size: 17px; color: #0d6380; font-size: 14px; line-height: 30px; font-weight: bold; }
.dieukhoansudung  { float: left; background: url(../images/stic.png) transparent 0 11px no-repeat; /* display: inline-block; */ vertical-align: middle; width: auto; height: 35px; padding-left: 15px; color: #0d6380; font-size: 15px; line-height: 29px; margin-left: 15px; }
.header-home { background:url(../images/nenhocvien.png) 500px -100px no-repeat;  background-color:#fff; }
.Mobile{ display:none}
.Destop{ display:block}
.foooter2 {padding-top: 35px;padding-right: 0px;}
.texxt{color: #464646;font-size: 15px;font-stretch: normal;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 1.38;margin-bottom: 10px;padding-top: 17px;text-align: center;}

.bottom-bar{width:100%;height:55px;position:fixed;bottom:0;left:0;-webkit-transition:.3s;transition:.3s;z-index:999;padding:0;background:#fff;-webkit-box-shadow:1px -5px 17px -7px rgba(0,0,0,.34);-moz-box-shadow:1px -5px 17px -7px rgba(0,0,0,.34);box-shadow:1px -5px 17px -7px rgba(0,0,0,.34);border-top:1px solid #eaeaea}
.bottom-bar__content{height:55px;display:flex;justify-content:space-around;align-items:center;padding:0;margin:0;position:relative}
.bottom-bar .item .parent{color:#5a5a5a;position:relative}
.bottom-bar .item:hover .parent{color:#ed1c24;position:relative}
.bottom-bar .item .parent img { display: block; font-size: 18px; margin: auto; width: 20px; object-fit: contain; height: 20px; }
.bottom-bar .item a{font-size: 11px;}

#login-sso header .new-acc a:hover.trangchuv {  background-image: url("../images/home.png") no-repeat scroll 1px 47% / 17px auto; height: 35px; font-size: 14px;color: #fff !important ; line-height: 35px; text-align: center; border-radius: 25px; background-color: #007bff; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.18); box-shadow: 0 0 30px 0 rgba(0,0,0,0.18); }
#login-sso header .new-acc a.trangchuv {background: rgba(0, 0, 0, 0) url("../images/home.png") no-repeat scroll 5px 47% / 17px auto;color: #fff;float: left;font-size: 14px;font-stretch: normal;font-style: normal;letter-spacing: normal;line-height: 37px;padding-left: 25px;padding-right: 18px;text-align: left;}
.menud{float:right; text-align:right;margin-left: 70px;}
.chantrang{ bottom: 0;}
.linkss{margin-left:13px;padding-top: 20px;}
.link{background:url(../images/xanh.png) no-repeat scroll 0 6px;margin-right:20px;color:#000;font-size:14px;padding-left:15px}

@media only screen and (max-width: 768px) {
#login-sso #content-sso .title-sso h1{font-size:20px;line-height:1.35;margin-bottom:5px}
}
#login-sso #content-sso .title-sso p { font-size: 15px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 28px; letter-spacing: normal; color: #7eb1cc; margin-bottom: 4px; }
@media only screen and (max-width: 768px) {
#login-sso #content-sso .title-sso p{font-size:13px;letter-spacing:-.01em}
}
#login-sso #content-sso .form_verify{margin-top:50px}
#login-sso #content-sso .form_verify p,#login-sso #content-sso .form_verify span{margin:0;font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.71;letter-spacing:normal;text-align:left;color:#464646}
#login-sso #content-sso .form_verify #action_verify_account .info_account{font-weight:600;color:#df322f}
#login-sso #content-sso .form_verify #action_verify_account .verify_account{font-size:14px;margin-top:20px;padding:0 20px;color:#fff;height:46px;border-radius:7px;background-color:#df322f;border:none;cursor:pointer;outline:none!important}
#login-sso #content-sso .form_verify a{color:#006fba;font-weight:600}
#login-sso #content-sso .form_forgot_pass{margin-top:70px}
#login-sso #content-sso .form_forgot_pass p{font-size:13px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.38;letter-spacing:normal;text-align:left;color:#464646}
#login-sso #content-sso .form_forgot_pass .action_forgot_pass{margin-top:20px}
#login-sso #content-sso .form_forgot_pass .action_forgot_pass .info_user{padding-left:20px;height:50px;border-radius:4px;background-color:#e7eaec;border:none;font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.36;letter-spacing:normal;text-align:left;color:#9b9b9b;outline:none!important}
@media only screen and (max-width: 768px) {
#login-sso #content-sso .form_forgot_pass .action_forgot_pass .info_user{height:44px}
}
@media only screen and (max-width: 768px) {
#login-sso #content-sso .form_forgot_pass .action_forgot_pass .forgot_pass{height:44px}
}
#login-sso #content-sso .form_forgot_pass .action_forgot_pass .forget-password{font-size:13px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.69;letter-spacing:normal;text-align:left;color:#006fba}
#login-sso #content-sso .form_new_pass{margin-top:30px}
#login-sso #content-sso .form_new_pass .text_new_pass{margin-bottom:5px;font-size:14px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.29;letter-spacing:normal;text-align:left;color:#464646}
#login-sso #content-sso .form_new_pass .text_required_pass{font-size:13px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.38;letter-spacing:normal;text-align:left;color:#464646}
#login-sso #content-sso .form_new_pass .new_password,#login-sso #content-sso .form_new_pass .enter_password{padding-left:20px;height:50px;border-radius:4px;background-color:#e7eaec;font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.36;letter-spacing:normal;text-align:left;color:#9b9b9b}
#login-sso #content-sso .form_new_pass .err{margin:0;padding-top:10px;font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.42;letter-spacing:normal;text-align:left;color:#df322f;font-size:13px}
#login-sso #content-sso .form_new_pass .new_password{margin-bottom:10px}
#login-sso #content-sso .form_new_pass .btn_submit_new_pass{padding:0 45px;border:none;height:50px;border-radius:26px;background-color:#df322f;font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.36;letter-spacing:normal;text-align:left;color:#fff;cursor:pointer}
#login-sso #content-sso .img-right{padding-top:97px}
#login-sso #content-sso .img-right img.img-100{width:100%}
#login-sso #content-sso p.lable{padding-top: 17px;font-size:15px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.38;letter-spacing:normal;text-align:left;color:#464646;margin-bottom:10px}
#login-sso #content-sso .google-facebook{margin-top:30px;display:inline-block;width:100%}
#login-sso #content-sso .google-facebook a{float: left;color:#fff;width:155px;height:45px;display:inline-block;line-height:45px;text-align:center;background-color:#3a559f;border-radius:7px; cursor: pointer;}
.g-signin2 { float: left; margin-left: 5px; }

@media only screen and (max-width: 768px) {
    #login-sso #content-sso .form-sso .tempalate-1 input {width: 97% !important;}
    .forgotloginNews {width: 97% !important;}
#login-sso #content-sso .google-facebook a{width:calc(50% - 5px);display:block;margin-right:5px;float:left}
}
#login-sso #content-sso .google-facebook a:last-child{background-color:#df322f;margin-left:5px}
@media only screen and (max-width: 768px) {
#login-sso #content-sso .google-facebook a:last-child{margin-right:0}
}
#login-sso #content-sso .google-facebook a i{font-size:20px;line-height:45px}
#login-sso #content-sso .google-facebook a span{font-size:14px;font-weight:600;font-style:normal;font-stretch:normal;letter-spacing:normal;vertical-align:top;margin-left:5px}
#login-sso #content-sso .google-facebook a:hover{text-decoration:none}
#login-sso #content-sso .form-sso{margin-top:30px}
#login-sso #content-sso .form-sso .tempalate-1 input{box-shadow: none;display:block;width:100%;height:50px;border-radius:25px;padding:0 42px;background-color:#e7eaec;border:none;margin-bottom:10px}
#login-sso #content-sso .form-sso .tempalate-1 input:focus{outline:none}
@media only screen and (max-width: 768px) {
#login-sso #content-sso .form-sso .tempalate-1 input{max-width:none;height:44px!important}
}
#login-sso #content-sso .form-sso .tempalate-1 input ::-webkit-validation-bubble-message{border:1px solid #E6C700;background:#FAF1B4;padding:.5em 1em;margin-top:3px}
#login-sso #content-sso .form-sso .tempalate-1 input[type="submit"]{width:150px;height:50px;border-radius:26px;background-color:#df322f;color:#fff;cursor:pointer;display:inline-block}
#login-sso #content-sso .form-sso .tempalate-1 span { font-size: 14px; padding-top: 30px; float: left; }

@media only screen and (max-width: 768px) {
#login-sso #content-sso .form-sso .tempalate-1 span{font-size:13px;margin-left:10px!important}
}
#login-sso #content-sso .form-sso .tempalate-1 a.forget-logggin { font-weight: 600; line-height: 1.36; letter-spacing: normal; color: #006fba; font-size: 14px; }
#login-sso #content-sso .form-sso .tempalate-1 a.forget-password { font-weight: 600; line-height: 1.36; letter-spacing: normal; color: #006fba; font-size: 14px; padding-top: 27px; float: left; }
@media only screen and (max-width: 768px) {
#login-sso #content-sso .form-sso .tempalate-1 a.forget-password{font-size:13px}
}
#login-sso .regis_user{margin-top:20px!important}
#login-sso .regis_user .title-sso h1{margin-bottom:0!important}
#login-sso .regis_user .google-facebook{margin-top:15px!important}
#login-sso .regis_user .form-sso{margin-top:15px!important}
#login-sso .regis_user .form-sso .tempalate-1 input{height:44px!important}
p.notice,p.alert{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:#df322f;max-width:212px;padding:0}
@media (max-width: 767px) {
#login-sso #content-sso{margin-top:40px}
#login-sso #content-sso .form_verify{margin-top:31px}
#login-sso #content-sso .form_forgot_pass{margin-top:30px}

}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
#Ajaxloading{display:none;font-size:16px;width:110px;height:5em;position:fixed;z-index:3000;left:0;right:0;top:50%;bottom:0;margin:0 auto;margin-top:-100px}
#Ajaxloading .inner{background:none repeat scroll 0 0 rgba(0,0,0,0.8);font-size:12px;text-align:center;padding:14px 0;border-radius:6px!important;color:#fff}
#Ajaxloading .inner p{margin:8px 0 0}
.loading{ display:block !important}
#login-sso #content-sso .form-sso .tempalate-1 input:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}

/*.footer .chantrang{position: absolute; bottom: 0px;margin-right: auto; margin-left: auto;}*/
@media screen and  (min-width:1901px) and (max-width:1930px){
 .header-home { background:url(../images/nenhocvien.png)  800px -92px no-repeat;  background-color:#fff; }
}
@media screen and  (min-width:1600px) and (max-width:1900px){
 .header-home { background: url(../images/nenhocvien.png) 720px -155px no-repeat; background-color:#fff; }
}
@media screen and  (min-width:1400px) and (max-width:1590px){
 .header-home { background:url(../images/nenhocvien.png)  609px -132px no-repeat; background-color:#fff; }
}
@media screen and (min-width:1px) and (max-width:479px) {
.cotdangnhapnhanh1{ float:left; width:100%;padding:0px!important; margin:0px!important;}
.cotdangnhapnhanh2{ float:left; width:100%;text-align: center;}
#login-sso #content-sso p.lable {padding-top: 35px;text-align: right;}
}
@media screen and (min-width:1px) and (max-width:1000px){
    .linkss {float: none;margin-left: 15px;width: 100%; margin:auto}
    .linkss{margin-left:0px;padding-bottom: 15px;}
.linkss { padding-top: 6px; margin: auto; text-align: center; }
.col-md-6.d-none.d-md-block {  display:none }
.MobileNPM{ padding:0px!important; margin:0px!important; }
.form-signup { border-radius: 0px; float: left; border-radius: 0px; background-color: #fff; -webkit-box-shadow: none; box-shadow: none; width: 100%; }
#login-sso #content-sso .title-sso {margin-left: 10px;}
.header-home {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.form-signup {background-color: #f4f7f8;}
#login-sso header .new-acc a{ color:#000}
.Mobile{ display:block}
.Destop{ display:none}
.form-signup {background-color: #fff;}
.Headerlon {font-size: 22px;}
#login-sso #content-sso {margin-top: 0;margin-bottom: 0;}
.foooter2{ padding-top:10px}
.footer {padding-bottom: 0;}
.linkchuyetrang {margin: auto;padding-bottom: 10px;padding-top: 0 !important;text-align: center;}
.linkchuyetrang a {background:transparent url("../images/stic.png") no-repeat scroll 1px 7px;color: #0d6380;font-size: 14px;height: 35px;line-height: 29px;margin-right: 15px;padding-left: 15px;vertical-align: middle;width: auto;}
.form-signup{padding: 1.5rem;}
.float-left {float: none !important;margin: auto;text-align: center;}
#login-sso #content-sso p.lable {text-align: center !important;}
.foooter2 {padding-top: 0px;}
#login-sso #content-sso p.lable {text-align: center;}
.footer{ display:none}
.cot1{ text-align:left;}
.cot2{ text-align:right;}
.linkchuyetrang a { margin-right: 5px; margin-left: 5px; }
.cotdangnhapnhanh2 {padding-top: 10px;}
.linkchuyetrang {padding-top: 14px !important;}
#login-sso {padding-top: 10px;}

.last_name_register:before { font-family: FontAwesome; content:"\f007"; left: 22px; pointer-events: none; position: absolute; top: 12px; }
.email_register:before { font-family: FontAwesome; content:"\f003"; left: 22px; pointer-events: none; position: absolute; top: 12px; }
.phone_register:before { font-family: FontAwesome; content:"\f095"; left: 22px; pointer-events: none; position: absolute; top: 12px; }
.password_register:before { font-family: FontAwesome; content:"\f023"; left: 22px; pointer-events: none; position: absolute; top: 12px; }
.cotdangnhapnhanh2{ margin:auto; text-align:center}
body {padding-bottom: 45px; }
.col-xs-6.col-sm-6.col-md-12.Mobile.linkchuyetrang.MobileNPM.cot1 { text-align: center;  }
.col-xs-6.col-sm-6.col-md-12.Mobile.linkchuyetrang.MobileNPM.cot2 { text-align: center;  }

#login-sso header .logo a img { width:100%; }
.link { padding-left: 6px; }
a.logo-wrapper img { width: 57% !important; }
}