@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");body{margin:0;color:#444;font-family:"Roboto",sans-serif;font-size:13px;line-height:1.4em;min-width:600px;background:#000000}.login-wrap{top:50%;left:50%;width:400px;position:absolute;transform:translate(-50%, -50%)}.login{position:relative;border-radius:10px;overflow:hidden}.login .logo-tuyetlinh{margin:0 auto;position:relative;text-align:center;background:#ffffff}.login .logo-tuyetlinh img{max-width:270px;position:relative;z-index:1}.login form{margin:0;padding:30px;padding-top:10px;background:#ffffff;margin:0 auto;border:none !important}.form-field{border:1px solid #006090;padding:4px;margin:15px 0}.form-field:first-child{margin-top:0}.form-field::after{content:'';display:block;clear:both}.form-label{font-size:15px;color:#72777c;width:40px;height:40px;float:left;border-right:1px solid #006090;display:flex;align-items:center;justify-content:center}.form-label span .svg{width:22px;height:22px;fill:#006090}.form-input{width:-o-calc(100% - 41px);width:calc(100% - 41px);float:left}.form-control{margin:0;outline:0;width:100%;border:none;color:#333333;font-size:20px;background:none;padding:9px 10px 8px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.form-control::placeholder{font-size:14px;line-height:23px}.form-button .form-input{width:auto}.btn-submit{background:#006090;border:none;color:#fff;height:40px;line-height:30px;padding:5px 30px;display:inline-block;font-size:15px;font-weight:bold;text-transform:uppercase;margin:0;cursor:pointer;-webkit-appearance:none;white-space:nowrap;outline:none}.btn-submit:active{background:#0073aa;border-color:#006799;box-shadow:inset 0 2px 0 #006799;vertical-align:top}.alert.alert-error{border-left:4px solid #dc3232;padding:12px;margin-left:0;background-color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,0.1)}.form-button::after{content:'';display:block;clear:both}.forgetmenot{margin:0;float:left;padding:5px 0}.forgetmenot label{font-size:15px;line-height:20px;color:#333333}.form-button .form-input{float:right}input[type=checkbox]{border:1px solid #7b7b7b;background:#fff;color:#555;clear:none;cursor:pointer;display:inline-block;line-height:0;height:14px;outline:0;padding:0 !important;text-align:center;vertical-align:middle;width:14px;min-width:14px;margin:0;-webkit-appearance:none;border-radius:2px}input[type=checkbox]:checked:before{content:"\f00c";color:#1e8cbe;font-family:'FontAwesome';position:relative;top:7px;font-size:13px}#rememberme{margin-right:3px;position:relative;top:-2px}.is-dismissible{height:40px;box-sizing:border-box}div.updated p{padding:3px}.PVT-copyright{text-align:center;display:block;position:relative;margin-top:-33px}.PVT-copyright a{color:#ffffff;font-weight:600;text-decoration:none;outline:none;text-transform:uppercase;display:inline-block;margin:0 auto;position:relative}.PVT-copyright a span{display:block;line-height:30px;background:#006090;padding:5px 15px;position:relative;z-index:1;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px}.PVT-copyright a::before,.PVT-copyright a::after{content:'';width:0;height:0;border-width:7px 9px;border-style:solid;border-color:transparent;border-top-color:#8b001a;position:absolute;bottom:-7px}.PVT-copyright a::before{left:-9px}.PVT-copyright a::after{right:-9px}.is-dismissible{position:relative;margin:0 0 20px;background:#fff;border-left:4px solid #ff0000;box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);padding:1px 12px;padding-right:38px;min-height:40px}div.updated p{margin:.5em 0;padding:4px 4px 3px;font-size:15px}.notice-dismiss{position:absolute;top:0;right:1px;border:none;margin:0;padding:10px;background:0 0;color:#b4b9be;cursor:pointer}.notice-dismiss::before{background:0 0;color:#b4b9be;content:"\f057";display:block;font:400 16px/20px 'FontAwesome';speak:none;height:20px;text-align:center;width:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.screen-reader-text{position:absolute;margin:-1px;padding:0;height:1px;width:1px;overflow:hidden;clip:rect(0 0 0 0);border:0;word-wrap:normal !important}.notice-dismiss:hover::before{color:#c00}.notice-error{border-left-color:#ff0000}@media screen and (max-width: 768px){.login-wrap{width:90%;max-width:600px}}@media screen and (max-width: 540px){.login form{padding:30px;padding-top:100px;padding-bottom:80px}}@media screen and (max-width: 480px){.login form{padding-top:80px;padding-bottom:80px}.form-label{height:30px}.form-label span .svg{width:16px;height:16px}.form-control{padding:0 10px}.form-control{font-size:14px}.login .logo-tuyetlinh{width:180px}.login .logo-tuyetlinh::before{width:88px;height:88px}.forgetmenot{float:none;margin-bottom:15px}.form-button .form-input{float:none;text-align:center}.btn-submit{padding:5px 30px;font-size:14px}}@media screen and (max-width: 480px){.login form{padding-top:75px;padding-bottom:50px}.form-label{height:30px}.form-control{padding:0 10px}.login .logo-tuyetlinh{width:180px}.login .logo-tuyetlinh::before{width:88px;height:88px}}@media screen and (max-width: 380px){.login-wrap{width:94%}.login form{padding-left:20px;padding-right:20px}.form-label{width:30px}.form-label span .svg{width:16px;height:16px}.form-control{font-size:14px}.forgetmenot{float:none;margin-bottom:15px}.form-button .form-input{float:none;text-align:center}}