.login-form .form {

  width: 600px;

  margin: 60px auto;

  border-radius: 20px;

  -webkit-box-shadow: 1px 1px 11px -4px #cccccc;

  -moz-box-shadow: 1px 1px 11px -4px #cccccc;

  box-shadow: 1px 1px 11px -4px #cccccc; }

  .login-form .form .goto {

    display: flex; }

    .login-form .form .goto a {

      font-size: 24px;

      font-family: GoogleSans-Bold;

      background: #F4F9FC;

      display: inline-block;

      text-align: center;

      line-height: 60px;

      padding-bottom: 30px;

      width: 50%;

      border-top-right-radius: 20px; }

      .login-form .form .goto a.active {

        border-top-left-radius: 20px;

        border-top-right-radius: 0;

        width: 50%;

        color: #FFFFff;

        background: #008CF0; }

  .login-form .form form {

    padding: 30px 30px 20px;

    margin-top: -30px;

    background: #ffffff;

    position: relative;

    z-index: 99;

    border-radius: 20px;

    -webkit-box-shadow: 1px 1px 11px -4px #cccccc;

    -moz-box-shadow: 1px 1px 11px -4px #cccccc;

    box-shadow: 1px 1px 11px -4px #cccccc; }

    .login-form .form form label {

      font-size: 18px;

      font-family: GoogleSans-Bold;

      padding-bottom: 20px;

      margin: 0; }

      .login-form .form form label:nth-of-type(2) {

        padding-top: 30px; }

    .login-form .form form input {

      height: 50px;

      border: 1px solid #BFDAEB;

      border-radius: 5px; }

    .login-form .form form .rem-forgot {

      display: flex;

      justify-content: space-between;

      align-items: center;

      padding: 20px 0; }

      .login-form .form form .rem-forgot .remrember {

        display: flex;

        align-items: center; }

        .login-form .form form .rem-forgot .remrember input {

          width: 20px;

          height: 20px;

          margin: 0; }

        .login-form .form form .rem-forgot .remrember span {

          font-size: 18px;

          padding-left: 10px; }

      .login-form .form form .rem-forgot .forgot_password a {

        color: #008CF0; }

        .login-form .form form .rem-forgot .forgot_password a i {

          padding-right: 5px; }

    .login-form .form form .submitbt {

      display: block;

      font-size: 18px;

      font-family: GoogleSans-Bold;

      color: #FFFFff;

      line-height: 36px;

      background: #008CF0;

      border-radius: 5px;

      margin-top: 10px; }

    .login-form .form form .note {

      padding: 20px;

      margin-top: 30px;

      background: #F4F9FC; }

      .login-form .form form .note span {

        display: inline-block;

        font-size: 18px;

        font-family: GoogleSans-Bold;

        text-transform: uppercase;

        color: #FF0000;

        padding: 0 0px 10px 30px;

        position: relative; }

        .login-form .form form .note span:before {

          content: '';

          position: absolute;

          top: -3px;

          left: 0;

          width: 22px;

          height: 25px;

          background-image: url(../images/sticky-notes.svg); }

      .login-form .form form .note p {

        font-size: 18px; }

        .login-form .form form .note p:first-of-type {

          padding-bottom: 15px; }



@media (max-width: 768px) {

  .login-form .form {

    width: auto;

    margin: 30px 0; }

    .login-form .form .goto a {

      font-size: 18px; }

    .login-form .form form {

      padding: 25px 25px 20px; }

      .login-form .form form label {

        padding-bottom: 10px; } }



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