html,body{height:100%}body{width:100%;font-family:OpenSans;font-size:14px;position:relative}p{margin:0
0 10px}a{display:inline;text-decoration:none}header{background-color:#f9f9f9;box-shadow:0 1px 0 0 #bababa;position:absolute;width:100%;z-index:1}.header{margin:0
auto;height:100%}.header .header-logo{width:50%;display:inline-block;text-align:left;vertical-align:middle}.header .header-logo
img{padding:10px
0;object-fit:contain;max-height:30px}.header .header-support{width:49%;display:inline-block;text-align:right;vertical-align:middle}.header .header-support>span{font-family:OpenSans;font-style:normal;font-stretch:normal;color:#4a4a4a}.header .header-support
.hotline{font-family:OpenSans-Bold}.container{margin:0
auto;min-height:calc(100% - 62px)}.container-login{width:80%;padding:0px
10%;position:relative}.container-login::after{content:"";background-image:url("https://easyenglish.cloudclass.edu.vn/assets/images/background5.jpg");opacity:0.6;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1;background-repeat:no-repeat;background-size:100% 100%}.container .sub-container{margin-top:120px;vertical-align:top}.container .col-description{width:60%;text-align:left;display:inline-block}.container .col-description .description-title{margin-top:15px}.container .col-description .description-title
h3{font-family:OpenSans-Semibold;font-size:36px;font-style:normal;font-stretch:normal;color:#0a9d57}.container .col-description .description-sub-title{font-weight:normal;font-style:normal;font-stretch:normal;color:#4a4a4a;margin:0
0 10px;display:block}.container .col-description
ul{}.container .col-description ul>li{list-style:none;margin-top:18px;position:relative}.container .col-description ul li
i{position:absolute;left:13px;top:12px;color:#6f6d6d}.container .col-description ul>li>.desc-item-img{display:inline-block}.container .col-description ul>li>.desc-item-wrapper{display:inline-block;vertical-align:top;margin:0
10px;width:calc(100% - 74px)}.container .col-description ul > li .li-title{display:block;height:24px;margin-top:3px;font-family:Opensans-semibold;font-size:18px;font-weight:normal;font-style:normal;font-stretch:normal;color:#4a4a4a}.container .col-description ul > li .li-subtitle{height:19px;margin-top:-10px;font-family:OpenSans;font-weight:normal;font-style:normal;font-stretch:normal;color:#695e5e}.container .col-description .link-info{margin-top:42px}.container .col-description .link-info
a{margin-right:30px;white-space:nowrap}.container .col-description .link-info{}.container .col-form{border-radius:4px;width:39%;display:inline-block;text-align:center;margin-top:110px;margin-bottom:78px;background-color:#f1f1f1}.container .sub-col-form{box-shadow:0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2)}.container .sub-col-form
.tabs{}.container .sub-col-form .tabs
li{}.container .sub-col-form .tabs .tab-left{width:50%;display:inline-block;text-align:center;float:left}.container .sub-col-form .tabs .tab-right{width:50%;display:inline-block;text-align:center}.container .sub-col-form .tabs li
a{text-align:center;text-decoration:none;position:relative;display:block;padding:10px
15px;border-radius:4px 4px 0 0;color:#337ab7}.container .sub-col-form .tabs li
a.active{color:#555;border:1px
solid #cbcbcb !important;border-bottom-color:transparent !important;cursor:default;background-color:#f1f1f1 !important}.container .sub-col-form .tabs li a.active,
.container .sub-col-form .tabs li a.active:focus,
.container .sub-col-form .tabs li a.active:hover{background-color:#f1f1f1}.container .sub-col-form .tabs li a:not(.active){border-bottom:1px solid #cbcbcb;color:#337ab7;background-color:#f8f8f8}.container .col-form .tab-pane{border:1px
solid #cbcbcb;-webkit-animation:fadeEffect 1s;animation:fadeEffect 1s}@-webkit-keyframes
fadeEffect{from{opacity:0}to{opacity:1}}@keyframes
fadeEffect{from{opacity:0}to{opacity:1}}.container .col-form .tab-pane .title-login{margin-top:13px;height:38px;font-size:28px;font-weight:normal;font-style:normal;font-stretch:normal;color:#55595c}.container .col-form .tab-pane .has-error{color:red;font-size:13px;padding:5px
10px}.container .col-form .tab-pane .email-group{width:80%;margin-left:10%;display:flex;position:relative}.container .col-form .tab-pane .email-group .header-input{margin-top:20px;padding-left:10px;padding-right:10px;height:40px;border-radius:8px 0px 0px 8px;background-color:#fff;border:solid 1px #9b9b9b;border-right:none;font-family:"OpenSans";box-sizing:border-box;z-index:3}.container .col-form .tab-pane .icon-input{margin-top:9px;margin-left:0px}.container .col-form .tab-pane .email-group
.username{margin-top:20px;width:100%;height:40px;border-radius:8px 8px 8px 8px;background-color:#fff;border:solid 1px #9b9b9b;font-family:"OpenSans";box-sizing:border-box;padding-right:10px;position:absolute;left:0px;padding-left:40px}.container .col-form .tab-pane .password-group{margin-top:4px;width:80%;margin-left:10%;display:flex;position:relative}.container .col-form .tab-pane .password-group .header-input-pwd{margin-top:12px;padding-left:12px;padding-right:12px;height:40px;border-radius:8px 0px 0px 8px;background-color:#fff;border:solid 1px #9b9b9b;border-right:none;font-family:"OpenSans";box-sizing:border-box;z-index:3}.container .col-form .tab-pane .password-group
span{width:100%;position:relative}.container .col-form .tab-pane .password-group
.password{margin-top:12px;padding-left:5px;width:100%;height:40px;border-radius:8px 8px 8px 8px;background-color:#fff;border:solid 1px #9b9b9b;font-family:"OpenSans";padding-right:40px;box-sizing:border-box;position:absolute;padding-left:40px;left:0px}.container .col-form .tab-pane .password-group .peek-password{position:absolute;top:25px;right:12px}.peek-password:hover{opacity:0.7}.container .col-form .tab-pane .password-group .peek-password:hover{cursor:pointer}#message{margin-top:-10px}#message
p{color:red;text-align:left;font-size:12px;display:inline-block;width:100%}.reset-password .peek-password{position:absolute;top:30px;right:6%;cursor:pointer}.reset-password .box-input{width:70%;position:relative}.reset-password .has-error{border-color:#9c3328 !important;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #9c3328 !important}.reset-password .error-message{display:inline;color:#a94442}.reset-password
label.error{color:red;text-align:left;display:block;margin-top:-10px;font-size:12px}.reset-password
input.error{border:1px
solid red !important}.student-login .has-error{margin:5px;color:red}.container .col-form .tab-pane .remember-checkbox-wrapper{box-sizing:border-box;padding-left:10%;display:inline-flex;margin-top:20px;width:100%}.container .col-form .tab-pane .remember-checkbox-wrapper
label{}.container .col-form .tab-pane .login-btn{margin-top:20px;width:80%;height:48px;border-radius:8px;background-color:#229541;border:none}.container .col-form .tab-pane .login-btn:hover{background-color:#1b5e20}.container .col-form .tab-pane .login-btn .text-btn-login{margin-top:14px;width:96px;height:22px;font-family:OpenSans-Semibold;font-size:16px;font-style:normal;font-stretch:normal;text-align:center;color:#fff}.container .col-form .tab-pane .tablet-login-alternate{display:none}.container .col-form .tab-pane .tablet-login-alternate
hr{width:80%;height:1px;background-color:#dbe2e8;border:none;margin:30px
auto 10px auto}.container .col-form .tab-pane .tablet-login-alternate
p{color:#9b9b9b}.container .col-form .tab-pane .login-w-gg{width:80%;height:48px;border-radius:8px;background-color:#fff;border:none;font-family:"OpenSans";padding:6px
12px;margin-bottom:0;display:inline-block;margin-top:22px;text-align:center;white-space:nowrap;vertical-align:middle;box-sizing:border-box}.container .col-form .tab-pane .login-w-gg:hover{background-color:#bdbdbd;color:#fff !important}.container .col-form .tab-pane .login-w-gg>div{margin-top:5px;display:inline-block}.container .col-form .tab-pane .login-w-gg .logo-gg{width:24.9px;height:16px;object-fit:contain}.container .col-form .tab-pane .login-w-gg .text-login-gg{height:24px;margin-left:15px;font-family:OpenSans;font-size:18px;font-weight:normal;font-style:normal;font-stretch:normal;text-align:center;color:#858585}.container .col-form .tab-pane .forget-pass{margin-top:20px;padding-bottom:10px}.container .col-form .tab-pane .forget-pass
a{color:#4a90e2}.footer{width:100%;height:62px;background-color:#f1f1f1}.footer>div{margin:0
auto}.footer .icon-footer,.language_login{display:inline-block;width:50%;text-align:left;vertical-align:top;margin-top:25px}.footer .language_login
a{vertical-align:middle;margin:0px
3px}.footer .language_login a:hover{cursor:pointer}.footer .language_login a
img{vertical-align:middle}.footer .icon-footer
.facebook{width:9px;height:15px;object-fit:contain}.footer .icon-footer
.twitter{width:15px;height:12px;object-fit:contain}.footer .icon-footer
.google{width:15px;height:14px;object-fit:contain}.footer .icon-footer
.youtube{width:12px;height:15px;object-fit:contain}.footer .icon-footer
.linkedin{width:15px;height:15px;object-fit:contain}.footer .icon-footer
.pinterest{width:12px;height:15px;object-fit:contain}.footer .icon-footer
.instagram{width:15px;height:15px;object-fit:contain}.footer .icon-footer .margin-left-25{margin-left:25px}.footer .text-footer{display:inline-block;width:49%;vertical-align:bottom;text-align:right;margin-top:25px;height:37px;font-family:OpenSans;font-size:9px;font-weight:normal;font-style:normal;font-stretch:normal;text-align:right;color:#9b9b9b}.container .box-container{margin-top:120px;vertical-align:top;display:inline-block;align-content:center;margin:15% 20%;width:60%;border:1px
solid #D7D7D7}.container .box-container .box-center{width:83.33333333%;margin:auto;text-align:center}.container .box-container
h2{font-size:30px;margin-top:20px;margin-bottom:10px;font-family:OpenSans-Semibold;line-height:1.1;color:inherit;text-align:center}.container .box-container
p{margin:0
0 10px;text-align:center;font-size:14px}.container .box-container .form-control{display:block;width:92%;height:20px;padding:6px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px
solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.container .box-container .box-center
input{margin-top:20px;margin-bottom:10px}.container .box-container .box-center .btn-submit{font-family:OpenSans;width:160px;height:40px;background:#0a9d59;color:white;font-weight:300;font-size:14px;margin:20px
0;display:inline-block;padding:6px
12px;line-height:1.42857143;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;border:1px
solid transparent;border-radius:4px;outline:none}.container .box-container .box-center .btn-submit:hover{opacity:0.7}.forget-pass #forgot p:hover{opacity:0.8}.form-forgot-pwd
label.error{float:left;font-size:12px;color:red;margin-top:-9px}.form-forgot-pwd
input.error{border:1px
solid red !important}@media screen and (min-width: 1340px){.tablet-login-alternate{display:none}.container .col-description .description-title .visible-768{display:none}}@media screen and (max-width: 1339px) and (min-width: 1024px){.tablet-login-alternate{display:none}.container .col-description .description-title .visible-768{display:none}}@media screen and (max-width: 1023px) and (min-width: 768px){body{font-size:16px}.header .header-logo
img{width:50%}.visible-768{display:static}.tablet-login-alternate{display:block !important}#google{display:none}.container .col-description{width:50%}.container .col-form{width:49%}.container .col-description ul>li>.desc-item-wrapper{width:calc(100% - 76px)}.container .col-form .tab-pane .login-w-gg{margin-top:0}}@media screen and (max-width: 767px) and (min-width: 425px){.width-80{width:90% !important}.header{height:auto}.header .header-logo{width:100%}.header .header-logo
img{width:100%}.header .header-support{width:100%}.container .sub-container{margin-top:80px}.visible-768{display:none}.container .col-description
ul{display:none}.container .col-description .link-info{display:none}.container .col-description .description-title
h3{font-size:33px}.container .col-form{margin-top:20px}.tablet-login-alternate{display:block !important}#google{display:none}.container .col-description{width:100%}.container .col-form{width:100%}.footer{height:auto}.footer .icon-footer{width:100%;white-space:nowrap;text-align:center}.footer .text-footer{width:100%;white-space:nowrap;text-align:center}.container .box-container{margin-top:120px;margin:30% auto;width:100%;border:none}.container .box-container .box-center{width:100%;text-align:center}.container .box-container
h2{font-size:25px}.container .box-container
p{margin:0
0 10px;text-align:center;font-size:14px}.container .box-container .form-control{width:96%}}@media screen and (max-width: 424px) and (min-width: 375px){.width-80{width:90% !important}.header{height:auto}.header .header-logo{width:100%}.header .header-logo
img{width:100%}.header .header-support{width:100%}.container .sub-container{margin-top:80px}.container .col-description{width:100%}.container .col-form{width:100%}.visible-768{display:none}.container .col-description
ul{display:none}.container .col-description .link-info{display:none}.container .col-description .description-title
h3{font-size:25px}.container .col-form{margin-top:20px}.tablet-login-alternate{display:block !important}#google{display:none}.footer{height:auto}.footer .icon-footer{width:100%;white-space:nowrap;text-align:center}.footer .text-footer{width:100%;white-space:nowrap;text-align:center}.container .box-container{margin-top:120px;margin:30% auto;width:100%;border:none}.container .box-container .box-center{width:100%;text-align:center}.container .box-container
h2{font-size:25px}.container .box-container
p{margin:0
0 10px;text-align:center;font-size:14px}.container .box-container .form-control{width:91%}}@media screen and (max-width: 374px){.width-80{width:90% !important}.header{height:auto}.header .header-logo{width:100%}.header .header-logo
img{width:100%}.header .header-support{width:100%}.container .sub-container{margin-top:80px}.container .col-description{width:100%}.container .col-form{width:100%}.visible-768{display:none}.container .col-description
ul{display:none}.container .col-description .link-info{display:none}.container .col-description .description-title
h3{font-size:25px}.container .col-form{margin-top:20px}.tablet-login-alternate{display:block !important}#google{display:none}.footer{height:auto}.footer .icon-footer{width:100%;white-space:nowrap;text-align:center}.footer .text-footer{width:100%;text-align:center;font-size:9px}.container .box-container{margin-top:120px;margin:30% auto;width:100%;border:none}.container .box-container .box-center{width:100%;text-align:center}.container .box-container
h2{font-size:25px}.container .box-container
p{margin:0
0 10px;text-align:center;font-size:14px}.container .box-container .form-control{width:91%}}