html, body {height: 100%;}body {background: url(wallpaper-anywhere-edit-955c7c7460668819f0a9e0d3e4297aec.jpg) no-repeat center;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}body:before {content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);}body .container {background: rgba(255, 255, 255, 0.7);width: 330px;height: 213px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}body .container.hasError {height: 263px;}body .container .logo {display: block;width: 133px;height: 50px;background: url(logo_light-23c207e564495b5c6327c76b5da0e0bf.png) no-repeat center;position: absolute;z-index: 1;top: -80px;left: 0;right: 0;margin: auto;}body .container .di-app-title {margin: 10px 0;}body .container .di-app-title h2 {font-size: 14pt;width: 100%;margin: 20px 0 0;text-align: center;color: #5b5b5b;}body .container .di-app-title.error .glyphicon {color: #e53030;font-size: 20pt;float: left;margin-right: 10px;top: 3px;}body .container .row {margin-right: 0;margin-left: 0;}body .container .row label[for=username], body .container .row label[for=password] {-webkit-border-radius: 4px 0 0 4px;-moz-border-radius: 4px 0 0 4px;-ms-border-radius: 4px 0 0 4px;-o-border-radius: 4px 0 0 4px;border-radius: 4px 0 0 4px;background: #ededed;border: solid thin #cccccc;border-right: none;padding: 10px;height: 44px;width: 40px;box-sizing: border-box;color: #7b7b7b;float: left;display: block;cursor: pointer;}body .container .row label[for=username] + input, body .container .row label[for=password] + input {float: left;width: 260px;height: 44px;-webkit-border-radius: 0 4px 4px 0;-moz-border-radius: 0 4px 4px 0;-ms-border-radius: 0 4px 4px 0;-o-border-radius: 0 4px 4px 0;border-radius: 0 4px 4px 0;}body .container .row label[for=username] + input:focus, body .container .row label[for=password] + input:focus {background: #fff;}body .container .row label[for=username]:before {position: relative;display: inline-block;top: 2px;left: 3px;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: normal;line-height: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\e008";margin-right: 4px;font-size: 10pt;}body .container .row label[for=password]:before {position: relative;display: inline-block;top: 2px;left: 4px;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: normal;line-height: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\1f511";margin-right: 4px;font-size: 10pt;}body .container button.btn-lg {-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}body .container .by {position: absolute;z-index: 1;left: 0;bottom: -80px;width: 100%;font-size: 14pt;text-align: center;color: #fff;}body .container .by span {font-size: 16pt;display: block;}body .container .by span img {height: 30px;}@media only screen and (max-device-width: 736px) {body:before {background: rgba(0, 0, 0, 0.5);}body .container {background: none;top: 60px;width: 300px;height: 223px;}body .container.hasError {height: 273px;}body .container.hasError .by {bottom: -55px;}body .container .logo {top: -120px;}body .container .di-app-title h2 {display: none;}body .container .di-app-title.error {background: rgba(255, 255, 255, 0.7);font-size: 8pt;padding: 10px;}body .container .di-app-title.error .glyphicon {top: 0;}body .container label[for=username], body .container label[for=password] {margin-bottom: 10px;}body .container label[for=username] + input, body .container label[for=password] + input {width: 230px !important;}}@media only screen and (max-device-height: 700px) and (orientation: landscape) {body {-webkit-background-size: auto 100%;-moz-background-size: auto 100%;-o-background-size: auto 100%;background-size: auto 100%;}body .container.hasError {top: 30px;}body .container.hasError .logo {top: -35px;}body .container.hasError .by {bottom: 0px;}body .container .logo {top: -40px;height: 40px;-webkit-background-size: auto 100%;-moz-background-size: auto 100%;-o-background-size: auto 100%;background-size: auto 100%;}body .container .by {bottom: 10px;font-size: 12pt;}body .container .by span {font-size: 14pt;}body .container .by span img {height: 20px;}}@media only screen and (max-device-width: 736px) and (min-device-height: 701px) and (orientation: landscape) {body {-webkit-background-size: 100% auto !important;-moz-background-size: 100% auto !important;-o-background-size: 100% auto !important;background-size: 100% auto !important;}body .container.hasError {top: 30px;}body .container.hasError .logo {top: -35px;}body .container.hasError .by {bottom: 0px;}body .container .logo {top: -50px;height: 40px;-webkit-background-size: auto 100%;-moz-background-size: auto 100%;-o-background-size: auto 100%;background-size: auto 100%;}body .container .by {bottom: 0;font-size: 12pt;}body .container .by span {font-size: 14pt;}body .container .by span img {height: 20px;}}@media only screen and (max-width: 1365px) {body {-webkit-background-size: auto 100%;-moz-background-size: auto 100%;-o-background-size: auto 100%;background-size: auto 100%;}}@media only screen and (min-width: 1200px) and (min-height: 624px) and (max-width: 1280px) and (max-height: 768px) {body {-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}}@media only screen and (min-width: 321px) {body .container {width: 330px;}body .container label[for=username] + input, body .container label[for=password] + input {width: 260px !important;}}