.container
  .row
    .col-md-3
    .col-md-6
      .login-box.well
        form(action='')
          legend Login Form
          .form-group
            label(for='username') Username
            input#username.form-control(value='', placeholder=' Username', type='text')
          .form-group
            label(for='password') Password
            input#password.form-control(value='', placeholder='Password', type='text')
          .input-group
            .checkbox
              label
                input#login-remember(type='checkbox', name='remember', value='1')
                |  Remember
          .form-group
            input.btn.btn-default.btn-login-submit.btn-block.m-t-md(type='submit', value='Login')
          span.text-center
            a.text-sm(href='#') Forgot Password?
          .form-group
            p.text-center.m-t-xs.text-sm Do not have an account?
            a.btn.btn-default.btn-block.m-t-md(href='#') Create an account

body
  color #fff
  background-color #131313 !important
  font-family 'Open Sans', sans-serif!important
  font-size 12px

.well
  background-color transparent
  border-radius 0!important
  border black solid 1px

.well.login-box
  border #d1d1d1 solid 1px
  margin 0 auto
  margin-top 35px
  margin-bottom 35px

.well.login-box legend
  font-size 30px
  text-align center
  font-weight 200
  color #fff

.well.login-box label
  font-weight 200
  font-size 16px

.well.login-box input[type="text"]
  box-shadow none
  border-color #ddd
  border-radius 0

.well.welcome-text
  font-size 24px

/* Notifications */
.notification
  position fixed
  top 22px
  right 0
  background-color #FF4136
  padding 20px
  color #fff
  font-size 24px
  display none

.notification-success
  background-color white

.notification-show
  display block!important

/*Loged in*/
.btn-default
  color #fff
  background-color transparent
  border-color #fff
  border 1px solid
  text-align center
  cursor pointer
  -moz-border-radius 3px
  -webkit-border-radius 3px
  border-radius 0