@import"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:url("../images/bg_login.jpg");background-size:100%}.login-wrap{top:50%;left:50%;width:400px;position:absolute;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.login{position:relative;border-radius:10px;overflow:hidden}.login .logo-login{margin:0 auto;position:relative;text-align:center;margin-bottom:30px}.login .logo-login img{max-width:80%;position:relative;z-index:1}.login .note{font-size:14px;color:#fff;text-align:center}.login form{margin:0;margin:0 auto;border:none}.form-field{margin:15px 0;background:#fff;border-radius:23px;-webkit-box-shadow:0px 0px 5px 0px rgba(50,50,50,.15);-moz-box-shadow:0px 0px 5px 0px rgba(50,50,50,.15);box-shadow:0px 0px 5px 0px rgba(50,50,50,.15)}.form-field:first-child{margin-top:0}.form-field::after{content:"";display:block;clear:both}.form-field .form-label{font-size:15px;color:#72777c;width:46px;height:46px;float:left;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.form-field .form-label img{width:22px;height:22px}.form-field .form-input{width:-webkit-calc(100% - 46px);width:-o-calc(100% - 46px);width:calc(100% - 46px);float:left;-webkit-border-top-right-radius:23px;-webkit-border-bottom-right-radius:23px;-moz-border-radius-topright:23px;-moz-border-radius-bottomright:23px;border-top-right-radius:23px;border-bottom-right-radius:23px}.form-control{margin:0;outline:0;width:100%;border:none;color:#000;font-size:16px;background:none;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:46px;-webkit-border-top-right-radius:23px;-webkit-border-bottom-right-radius:23px;-moz-border-radius-topright:23px;-moz-border-radius-bottomright:23px;border-top-right-radius:23px;border-bottom-right-radius:23px}.form-control::placeholder{font-size:16px;line-height:30px;color:#858585}.form-button{margin-bottom:15px;margin-top:30px}.form-button .form-input{width:100%}.form-button .btn-submit{border:none;color:#fff;height:46px;width:100%;border-radius:23px;line-height:26px;padding:10px 30px;display:block;font-size:20px;font-weight:bold;text-transform:uppercase;margin:0;cursor:pointer;-webkit-appearance:none;white-space:nowrap;outline:none;background:#dc1b25;background:-moz-linear-gradient(left, #dc1b25 0%, #fb4614 100%);background:-webkit-linear-gradient(left, #dc1b25 0%, #fb4614 100%);background:linear-gradient(to right, #dc1b25 0%, #fb4614 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#dc1b25", endColorstr="#fb4614",GradientType=1 )}.form-button .btn-icon::before{font-family:"FontAwesome";margin-right:10px}.form-other::after{content:"";display:block;clear:both}.form-other input[type=checkbox]{content:"";border:2px solid #000;background:none;color:#333;clear:none;cursor:pointer;display:inline-block;line-height:0;outline:0;padding:0 !important;text-align:center;vertical-align:middle;width:18px;height:18px;margin:0;-webkit-appearance:none;border-radius:2px}.form-other input[type=checkbox]:checked:before{content:"";color:#000;font-family:"FontAwesome";position:relative;top:5px;font-size:22px}.form-other #rememberme{margin-right:3px;position:relative}.form-other .forgetmenot{margin:0;float:left;padding:5px 0}.form-other .forgetmenot label{font-size:16px;line-height:20px;color:#000}.form-other .lost_pass{float:right;font-size:16px;color:#000;line-height:20px;padding:5px 0}.form-other .lost_pass:hover{color:#333}.is-dismissible{height:40px;box-sizing:border-box}div.updated p{padding:3px}.alert.alert-error{border-left:4px solid #a94442;padding:12px;margin-left:0;background-color:#f2dede;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 1px 0 rgba(0,0,0,.1);color:#a94442}.copyright{text-align:center;font-size:16px;color:#fff;position:absolute;left:50%;bottom:20px;-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}.is-dismissible{position:relative;margin:0 0 20px;background:#fff;border-left:4px solid red;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 1px 0 rgba(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:"";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:red}@media screen and (max-width: 1600px){body{background-size:110%;background-position-x:-78px}.login-wrap{top:47%}}@media screen and (max-width: 1440px){body{background-size:115%;background-position-x:-94px}.login-wrap{top:52%}}@media screen and (max-width: 1366px){body{background-size:120%;background-position-x:-120px}body.isTablet{background-size:145%;background-position-x:-296px}body.isTablet .login-wrap{top:45%}.login-wrap{top:51%}}@media screen and (max-width: 1024px){body.isTablet{background:#000}#login{padding:20px 40px;background:#fff;border-radius:10px}}@media screen and (max-width: 768px){.login-wrap{width:90%;max-width:600px}body.isMobile{background:#000}#login{padding:20px 20px}}@media screen and (max-width: 767px){body{background:#000}}@media screen and (max-width: 480px){.login .logo-login{margin-bottom:0px}.login form{padding-top:20px;padding-bottom:20px}.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){.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}}