@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}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,blockquote,code,pre{margin:0;padding:0;list-style-type:none}
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;transition-duration:.3s;transition-property:background-color,border-color,color,opacity}
#login-sso{font-family:"UTM Avo";padding-top:30px}
/*body{ background:rgba(0, 0, 0, 0) url("../images/nengiaovien.png") repeat scroll -303px 0px}*/
#login-sso header{height:40px}
#login-sso header .logo a img{height:40px}
#login-sso header .new-acc a{line-height:40px;color:#df322f;font-size:14px;font-weight:600;font-style:normal;font-stretch:normal;letter-spacing:normal;text-align:left}
#login-sso #content-sso { margin-top:0px; margin-bottom: 45px; }
#login-sso #content-sso .title-sso{max-width:438px;padding-left: 16px;padding-bottom: 20px;}
#login-sso #content-sso .title-sso h1{font-size:30px;font-weight:700;font-style:normal;font-stretch:normal;line-height:1.37;letter-spacing:normal;color:#464646;margin-bottom:15px}

.forgotlogin { margin-top: 10px; padding: 13px 20px; height: 50px; float: left; border-radius: 26px; background-color: #007bff; border: none; font-size: 16px; font-weight: bold; font-stretch: normal; line-height: 1.36; letter-spacing: normal; text-align: left; color: #ffffff; cursor: pointer; outline: none !important; width: 97%; text-align: center; }
.forgotlogin:hover{  color: #ffffff; }



.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;}





@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: 21px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: normal; color: #9b9b9b; margin-bottom: 0; text-transform: uppercase; }
@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;max-width:320px;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{max-width:320px;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{font-size:13px;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{color:#fff;width:155px;height:45px;display:inline-block;line-height:45px;text-align:center;background-color:#3a559f;border-radius:7px}
@media only screen and (max-width: 768px) {
#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:10px}

#login-sso #content-sso .form-sso .tempalate-1 select { box-shadow: none; display: block; width: 100%; height: 50px; border-radius: 24px; padding: 0 43px; background-color: #e7eaec; border: none; margin-bottom: 10px; float: left; margin-right: 15px; }
#login-sso #content-sso .form-sso .tempalate-1 input { box-shadow: none; display: block; width: 100%;  height: 50px; border-radius: 24px; padding: 0 43px; background-color: #e7eaec; border: none; margin-bottom: 10px; float: left; margin-right: 15px; }
#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:14px;margin-left:28px!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}
}
#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}

.left-content-container .floatleft { float: right; right: 27px; position: absolute; padding-top: 13px;}

.float-left{float:left!important;margin-left:240px}
.float-right{float:right!important}
.float-none{float:none!important}
div#header-content { padding-top: 31px; }
.left-content-container{position:absolute;left:0;top:0px;width:35%;bottom:0;height:auto;z-index:1; background:#f7f9fa}
.left-content-wrapper{background:#fff ;max-width:340px;position:absolute;right:-16%;top:58%;overflow:hidden;border-radius:5px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;grid-template-rows:150px auto;height:460px;transform:translate(0,-50%);-ms-transform:translate(-50%,-50%);width:90%; border-radius: 3px;}/*min-height:560px;*/
.right-content-container{position:absolute;left:48%;right:0;width:auto;height:auto;top:144px;}
.topdangky{top:37px!important;}


#login-container{width:100%;height:100%}
.left-content-wrapper{background:#fff url(../images/duoichantrang.png) no-repeat scroll right bottom}
.leftbenphai{background:url(../images/benphai.png) no-repeat scroll right top;height:157px}
.light-green{color:#03a84e!important}
#feed-container{overflow:auto;padding:0 10%;max-height:450px}
.content{padding:15px 0}
.content-title{font-size:14px;font-weight:700;margin:0;color:inherit;line-height:25px;text-decoration:none}
.logos.float-left img{width:170px}
#feed-header{font-size:18px;margin-bottom:0;padding:0 10%}
.khoitreeen{}
.link{background:url(../images/xanh.png) no-repeat scroll 0 7px;margin-right:20px;color:#000;font-size:14px;padding-left:15px}
.dangnhapnhanh span{color:#000}
.linkss{margin-left:13px;padding-top: 20px;}
.dangnhapnhanh{margin-left:15px}
.validate-input{position:relative;width:100%;z-index:1;margin-bottom:10px}
#login-sso #content-sso .form-sso .tempalate-1 select:focus{background: #f5f5f5;color:#495057;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
#login-sso #content-sso .form-sso .tempalate-1 input:focus{background: #f5f5f5;color:#495057;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}

.HoVaTen:before { font-family: FontAwesome; content:"\f007"; left: 34px; pointer-events: none; position: absolute; top: 16px; }
.Emails:before { font-family: FontAwesome; content:"\f003"; left: 34px; pointer-events: none; position: absolute; top: 16px; }
.Phone:before { font-family: FontAwesome; content:"\f095"; left: 34px; pointer-events: none; position: absolute; top: 16px; }
.PassWord:before { font-family: FontAwesome; content:"\f023"; left: 34px; pointer-events: none; position: absolute; top: 16px; }
.DiaChi:before { font-family: FontAwesome; content:"\f015"; left: 34px; pointer-events: none; position: absolute; top: 16px; }
.KinhNghiem:before { font-family: FontAwesome; content:"\f009"; left: 34px; pointer-events: none; position: absolute; top: 16px; }
.ChuyenMon:before { font-family: FontAwesome; content:"\f044"; left: 34px; pointer-events: none; position: absolute; top: 16px; }
.BangCap:before { font-family: FontAwesome; content:"\f097"; left: 34px; pointer-events: none; position: absolute; top: 16px; }

.Mobile{display:none!important}
.Destop{display:block!important}


.flex-c { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; /* display: flex; */ justify-content: center; }
.login100-social-item {cursor: pointer; font-size: 25px; color: #3b5998; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; background-color: #fff; margin: 5px; box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1); }
.tempalate-1 { width: 674px; }
div#Thongbao { padding-left: 15px; }
.Thongbaos { padding-left: 30px !important; }
#Showketqua{ padding-left: 15px !important; }
#TBkichhoat{ color:#ed1c24;padding-left: 15px !important; }
select#ChuyenMon { background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), radial-gradient(#ddd 70%, transparent 72%); background-position: calc(100% - 20px) calc(1em + 9px), calc(100% - 15px) calc(1em + 9px), calc(100% - 10px) 15px; background-size: 5px 5px, 5px 5px, 1.5em 1.5em; background-repeat: no-repeat; }
select { background-color: white; border: thin solid blue; border-radius: 4px; display: inline-block; font: inherit; line-height: 1.5em; padding: 0.5em 3.5em 0.5em 1em; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; }

.elementor.elementor-12{ padding-bottom:150px;text-align: center; margin-left:-5px;}
.khoahoc  .elementor-element{ color: #00a7cb; font-size: 22px; font-weight: bold; text-align: center;}
.khoahoc  .hocvien { font-size: 13px; color: #848996; font-weight: bold;text-align: center; }
.khoahoc .icon { text-align: center; }
.tongrong{ width:97%}

.menud { float: right; text-align: right; margin-left: 70px; bottom: 0px; position: absolute;right: -40px; }
.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; }




@media screen and  (min-width:1801px) and (max-width:1930px){
.left-content-wrapper{right:-11%;}
.tongrong{ width:67%}
.right-content-container {  top: 252px; }
.topdangky{top:100px!important;}
.left-content-wrapper { top: 47%;}
/*body{ background:#02a65c !important}*/
.elementor.elementor-12{ padding-bottom:215px;text-align: center;    margin-left: -10px;}
    /*.menud { float: right; text-align: right; margin-left: 70px; bottom: 295px; position: absolute; right: -40px; }*/

}
@media screen and  (min-width:1600px) and (max-width:1800px){
.tongrong{ width:67%}
.right-content-container {  top: 252px; }
.topdangky{top:152px!important;}
.left-content-wrapper { top: 53%;}
.right-content-container {height: auto;left: auto;position: absolute;right: auto;top:10px;width: 95%;text-align: center;}
/*body{ background:#02a65c !important}*/

}
@media screen and  (min-width:1400px) and (max-width:1590px){
.tongrong{ width:67%}
.right-content-container {top: 170px; }
.topdangky{top:170px!important;}
.left-content-wrapper { top: 55%;}
/*body{ background:red !important}*/
.right-content-container {height: auto;left: auto;position: absolute;right: auto;top:10px;width: 95%;text-align: center;}

}
@media screen and (min-width:768px) and (max-width:1000px){
.flex-c {display: -webkit-box;justify-content: center;margin: auto;padding-top: 15px;text-align: center;width: 112px;}
.dangnhapnhanh span {color: #000;float: none;width: 100%;}
#login-sso #content-sso .form-sso .tempalate-1 span {float: left;font-size: 14px;padding-top: 0;}
.linkss { margin-left: 0px; }
.right-content-container {height: auto;left: auto;position: absolute;right: auto;top:10px;width: 95%;text-align: center;}
}
@media screen and (min-width:640px) and (max-width:767px){
    .right-content-container {height: auto;left: auto;position: absolute;right: auto;top:10px;width: 100%;text-align: center;}
  .ChuyenMon{top: -21px;}
  .flex-c {display: -webkit-box;justify-content: center;margin: auto;padding-top: 15px;text-align: center;width: 102px;}
  .dangnhapnhanh span {color: #000;float: none;width: 100%;}
  #login-sso #content-sso .form-sso .tempalate-1 span {float: left;font-size: 14px;padding-top: 0;}
}
@media screen and (min-width:480px) and (max-width:639px){
    .flex-c {display: -webkit-box;justify-content: center;margin: auto;padding-top: 15px;text-align: center;width: 112px;}
    .right-content-container {height: auto;left: auto;position: absolute;right: auto;top:10px;width: 100%;text-align: center;}
}
@media screen and (min-width:1px) and (max-width:479px){
    .right-content-container {height: auto;left: auto;position: absolute;right: auto;top:10px;width: 100%;text-align: center;}
}
@media screen and (min-width:1px) and (max-width:1000px){
.left-content-container{ display:none}
#login-sso {font-family: "UTM Avo";padding-top: 0;}

body {background: #fff none repeat scroll 0 0 !important;}

.linkss {float: none;margin-left: 15px;width: 100%; margin:auto}
.dangnhapnhanh {float: none;margin-left: 15px;width: 279px; margin:auto;margin-bottom: 22px;padding-top: 15px;}
#login-sso #content-sso .title-sso p {font-size: 22px;letter-spacing: -0.01em;}
#login-sso #content-sso p.lable{ text-align:center}
#login-sso #content-sso .title-sso {max-width: 100%;text-align: center;padding-left: 0px;padding-bottom: 0px;}
.forgotlogin{ width:50%}
.forgotlogin {background-color: #007bff;border: medium none;border-radius: 26px;color: #ffffff;cursor: pointer;display: inline-table;float: none;font-size: 16px;font-stretch: normal;font-weight: bold;height: 50px;letter-spacing: normal;line-height: 1.36;margin-top: 10px;outline: medium none !important;padding: 15px 20px;text-align: center;width: 100%;}
.float-left {float: none !important;margin: auto;text-align: center;}
div#Thongbao { padding-left: 0px; }
#Showketqua{ padding-left: 0px !important; }
.Thongbaos { padding-left: 0px !important; }
#TBkichhoat{ color:#ed1c24;padding-left: 0px !important; }

.Mobile{display:block!important}
.Destop{display:none!important}
.logosmb{ padding-bottom:10px;}


.linkss{margin-left:0px;padding-bottom: 15px;}
.tempalate-1 { width: 100%; }
.tempalate-1.row{margin:auto}

.HoVaTen:before { font-family: FontAwesome; content:"\f007"; left: 34px; pointer-events: none; position: absolute; top: 12px; }
.Emails:before { font-family: FontAwesome; content:"\f003"; left: 34px; pointer-events: none; position: absolute; top: 12px; }
.Phone:before { font-family: FontAwesome; content:"\f095"; left: 34px; pointer-events: none; position: absolute; top: 12px; }
.PassWord:before { font-family: FontAwesome; content:"\f023"; left: 34px; pointer-events: none; position: absolute; top: 12px; }
.DiaChi:before { font-family: FontAwesome; content:"\f015"; left: 34px; pointer-events: none; position: absolute; top: 12px; }
.KinhNghiem:before { font-family: FontAwesome; content:"\f009"; left: 34px; pointer-events: none; position: absolute; top: 12px; }
.ChuyenMon:before { font-family: FontAwesome; content:"\f044"; left: 34px; pointer-events: none; position: absolute; top: 12px; }
.BangCap:before { font-family: FontAwesome; content:"\f097"; left: 34px; pointer-events: none; position: absolute; top: 12px; }
.col-xs-12.col-sm-6.col-md-6.ChuyenMon{top: 0;}
.link { margin-right: 11px; margin-left: 15px; }
.topdangky { top: 9px!important; }
.linkss { padding-top: 0px; }
.cotdangnhapnhanh2{ margin:auto; text-align:center}
html{  margin-bottom: 140px; }
.tempalate-1.row { padding-bottom: 57px; }
}