.LoginLayoutPage {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
  text-align: center; }
  .LoginLayoutPage * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px; }
  .LoginLayoutPage .successLayout, .LoginLayoutPage .errorLayout {
    margin: 0 0 20px 0; }
  .LoginLayoutPage .GoogleLoginButton {
    display: inline-block;
    margin-top: 15px;
    clear: both;
    float: left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #f9f9f9 url("../view/assets/img/login/icons8_google_logo_28px.png") 10px center no-repeat;
    background-size: 24px;
    color: #000;
    padding: 10px 20px 10px 50px;
    font-weight: 600;
    cursor: pointer; }
    .LoginLayoutPage .GoogleLoginButton:hover {
      background-color: #f2f2f2; }
  .LoginLayoutPage .FacebookLoginButton {
    float: left;
    display: inline-block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #3665f3 url("../view/assets/img/login/icons8_facebook_28px_1.png") 10px center no-repeat;
    background-size: 24px;
    color: #fff;
    padding: 10px 20px 10px 50px;
    font-weight: 600;
    cursor: pointer; }
    .LoginLayoutPage .FacebookLoginButton:hover {
      background-color: #2454e5; }
  .LoginLayoutPage .LoginPage {
    display: inline-block;
    width: 80%;
    background: #fff;
    margin-top: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
    text-align: left; }
    .LoginLayoutPage .LoginPage.NoSocialButtons {
      width: 50%; }
      .LoginLayoutPage .LoginPage.NoSocialButtons .LoginPageInner {
        display: inline-block; }
      .LoginLayoutPage .LoginPage.NoSocialButtons .LoginPageLeft {
        width: 100% !important;
        border: 0; }
      .LoginLayoutPage .LoginPage.NoSocialButtons .PasswordRecoveryBlock {
        width: 100%; }
    .LoginLayoutPage .LoginPage .LoginPageBlockTitle {
      float: left;
      width: 100%;
      padding-bottom: 30px;
      font-size: 26px;
      font-weight: 300; }
    .LoginLayoutPage .LoginPage .LoginPageInner {
      display: flex;
      width: 100%; }
    .LoginLayoutPage .LoginPage .PasswordRecoveryBlock {
      display: inline-block;
      margin-top: 10px;
      background: #f9f9f9;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      padding: 10px;
      font-size: 14px; }
      .LoginLayoutPage .LoginPage .PasswordRecoveryBlock .RecoverLeft {
        float: left;
        width: 40px;
        text-align: center; }
        .LoginLayoutPage .LoginPage .PasswordRecoveryBlock .RecoverLeft span {
          color: #666;
          font-size: 18px; }
      .LoginLayoutPage .LoginPage .PasswordRecoveryBlock .RecoverRight {
        float: left;
        width: calc(100% - 40px);
        padding-right: 10px; }
    .LoginLayoutPage .LoginPage .LoginPageBlock {
      float: left;
      width: 100%; }
      .LoginLayoutPage .LoginPage .LoginPageBlock .RegisterLeft {
        float: left;
        width: 37px; }
      .LoginLayoutPage .LoginPage .LoginPageBlock .RegisterRight {
        float: left;
        width: calc(100% - 37px); }
      .LoginLayoutPage .LoginPage .LoginPageBlock .meter {
        margin-top: 5px;
        float: left;
        width: 100%;
        height: 10px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        overflow: hidden; }
        .LoginLayoutPage .LoginPage .LoginPageBlock .meter .score {
          height: 10px; }
      .LoginLayoutPage .LoginPage .LoginPageBlock.Top {
        padding-top: 20px; }
      .LoginLayoutPage .LoginPage .LoginPageBlock input[type=submit] {
        width: 100%;
        text-align: center;
        color: #fff;
        border: 0;
        background: #3665f3;
        cursor: pointer;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        padding: 10px 0;
        font-size: 16px;
        font-weight: 600; }
        .LoginLayoutPage .LoginPage .LoginPageBlock input[type=submit]:hover {
          background: #2454e5; }
      .LoginLayoutPage .LoginPage .LoginPageBlock input[type=text], .LoginLayoutPage .LoginPage .LoginPageBlock input[type=password] {
        float: left;
        width: 100%;
        padding: 10px 15px;
        border: 1px solid #e2e2e2;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px; }
        .LoginLayoutPage .LoginPage .LoginPageBlock input[type=text]:hover, .LoginLayoutPage .LoginPage .LoginPageBlock input[type=text]:focus, .LoginLayoutPage .LoginPage .LoginPageBlock input[type=password]:hover, .LoginLayoutPage .LoginPage .LoginPageBlock input[type=password]:focus {
          border: 1px solid #aaa; }
      .LoginLayoutPage .LoginPage .LoginPageBlock span {
        float: left;
        width: 100%; }
        .LoginLayoutPage .LoginPage .LoginPageBlock span:nth-child(1) {
          font-weight: 600; }
        .LoginLayoutPage .LoginPage .LoginPageBlock span:nth-child(2) {
          padding-top: 10px; }
    .LoginLayoutPage .LoginPage .LoginPageCorner {
      position: absolute;
      right: -30px;
      top: calc(50% - 9.5px); }
      .LoginLayoutPage .LoginPage .LoginPageCorner .Text {
        display: inline-block;
        width: 60px;
        text-align: center;
        background: #fff;
        font-weight: 600; }
    .LoginLayoutPage .LoginPage .LoginPageRight {
      float: left;
      width: 50%;
      padding: 0 60px;
      position: relative; }
      .LoginLayoutPage .LoginPage .LoginPageRight .PageRight {
        position: absolute;
        top: calc(50% - 39px - 7.5px); }
    .LoginLayoutPage .LoginPage .LoginPageLeft {
      position: relative;
      float: left;
      width: 50%;
      padding: 60px;
      border-right: 1px solid #eee; }
  .LoginLayoutPage .LoginPageSubTitle {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px; }
    .LoginLayoutPage .LoginPageSubTitle a {
      font-size: 16px; }
  .LoginLayoutPage .LoginPageTitle {
    float: left;
    width: 100%;
    padding-top: 20px;
    text-align: center;
    font-size: 34px;
    font-weight: 600; }

@media screen and (max-width: 600px) {
  .LoginLayoutPage {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .LoginLayoutPage * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 14px; }

  .LoginLayoutPage .LoginPage .LoginPageInner {
    display: inline-block; }

  .LoginLayoutPage .LoginPage .LoginPageLeft {
    width: 100%;
    padding: 30px; }

  .LoginLayoutPage .LoginPage .LoginPageRight {
    width: 100%;
    padding: 0 30px; }

  .LoginLayoutPage .LoginPage {
    width: 100%;
    margin-bottom: 40px;
    overflow: hidden; }

  .LoginLayoutPage .LoginPage .LoginPageCorner {
    display: none; }

  .LoginLayoutPage .LoginPage .LoginPageRight .PageRight {
    position: relative;
    float: left;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #eee; }

  .LoginLayoutPage .LoginPage .PasswordRecoveryBlock {
    width: 100%; }

  .LoginLayoutPage .FacebookLoginButton {
    width: 100%; }

  .LoginLayoutPage .GoogleLoginButton {
    width: 100%; }

  .LoginLayoutPage .LoginPage.NoSocialButtons {
    width: 100% !important; } }

/*# sourceMappingURL=login.css.map */