#PreviewWrapper::before {content: '';background-image: url(~/media/Images/D/drinkiq/Universal/logo/drinkiq-logo);width: 150px;height: 65px;position: absolute;top: 35px;left: 0;right: 0;margin: 0 auto;background-size: contain;background-position: center center;background-repeat: no-repeat;}
#PreviewWrapper {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);   -webkit-transform: translate(-50%, -50%);padding:20px 20px 30px; display:block; -webkit-box-shadow:0px 5px 5px 0px rgb(60, 60, 60); -moz-box-shadow:0px 5px 5px 0px rgb(60, 60, 60); box-shadow:0px 5px 5px 0px rgb(60, 60, 60); border-radius:0; max-width:500px;min-height: 300px;}
.logContainer { margin-bottom: 10px;}
#LoginContainer { float: left; width: 100%;padding-top: 95px; }
#LoginHeaderContainer { color: #000; padding: 0 0 5px;font-family: Arial,sans-serif;font-size: 2.4rem;line-height: 2.8rem;text-align: center;margin-bottom: 20px;display: none}
#LoginErrMessageContainer{color: #ff0000; font-style: italic; padding: 0 0 5px; text-align: left;}
#LoginPanel, #LoginUserNameContainer, #LoginPasswordContainer, #LoginLoginButtonContainer, #LoginlblUserName, #LoginlblPassword{float: left; width:100%;}
#LogintxtUserNameContainer, #LoginReqValUserName, #LogintxtPasswordContainer, #LoginReqValPassword{float: left; width:100%;}
#LoginLoginButtonContainer{text-align: center;display: flex;justify-content: center; box-sizing: border-box;}
#LogintxtUserNameContainer input, #LogintxtPasswordContainer input{width: 100%;border-radius: 8px;border: solid 1px rgba(33,20,95,0.75);padding: 16px;min-width: auto;min-height: 55px;color: #000;font-size: 16px;line-height: 23px;background: #fff; box-sizing: border-box; box-sizing: border-box;}
#LoginLoginButtonContainer input{font-size: 1.6rem;line-height: normal;padding: 13px 27px;letter-spacing: .125rem;font-family: Arial,sans-serif;color: #FFF;border-radius: 0;border: none;background-color:#2314a7;margin: 0;text-decoration: none;border-radius:40px; box-sizing: border-box;}
#LoginLoginButtonContainer input:hover {background-color: #a8a9f7;cursor:pointer}
#LoginlblUserName, #LoginlblPassword{margin:0 0 8px;color: #000;font-size: 16px;line-height: 24px;}
@media screen and (max-width: 640px) {
  #LogintxtUserNameContainer, #LoginReqValUserName, #LogintxtPasswordContainer, #LoginReqValPassword{float: left; width:100%;}
  #PreviewWrapper{max-width:300px;}
}