html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

a img { border: none; }

  a {
     color: #eb6e1f;
    text-decoration: none;
     -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out; }
  a:focus, a:hover {
    color: #00aec5;
    outline: none;
    text-decoration: none; }


.clearfix:after, .container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
.clearfix,
.container { display: inline-block; }
* html .clearfix,
* html .container { height: 1%; }
.clearfix, .container { display: block; }

.clear { clear: both; }
.pull-left { float: left; }
.pull-right { float: right; }


body {
  background: #e6e6e6 url('/admin/images/login/login.png') repeat-x center top;
  margin: 125px auto;
  font-size: 75%;
  color: #818182;
  font-family: Arial, Helvetica, Verdana, sans-serif; }

#box {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  background: white url('/admin/images/login/box.png') repeat-y left top;
  padding: 30px 30px 30px 30px;
  margin: auto;
  box-shadow: 0px 0px 10px #d1d1d1;
  -webkit-box-shadow: 0px 0px 10px #d1d1d1; }

    #logo {
      margin: 60px 58px 0 0;
      float: left;
      width: 155px; }

    img.header { margin: 0 0 10px 0; }

    form {
      float: left;
    width: 186px; }

    #buttons {
      clear: left;
      float: left;
      width: 186px; }

    fieldset { margin-bottom: 15px; }

    label {
      color: #bbb;
      font-weight: bold;
      display: block;
      margin-bottom: 3px; }

    #remember label {
      color: #444;
      margin-top: 2px;
      width: 165px;
      float: left;
      font-weight: normal;
      font-size: 90%; }

    input {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      max-width: 186px;
      background: white url('/admin/images/login/input.png') repeat-x left top;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      -khtml-border-radius: 3px;
      border-radius: 3px;
      border: 1px solid #d6d6d6;
      color: #818182;
      padding: 4px 6px; }

    input:focus,
    input:hover {
      border: 1px solid #b5b5b5; }

    #remember input {
      width: 13px;
      float: left;
      margin: 1px 6px 0 0;
      padding: 0;
      border: none; }

    .submit {
      background: url('/admin/images/login/button.png') repeat-x left top;
      width: 89px;
      height: 30px;
      margin: 0 0 0 47px;
      cursor: pointer;
      outline: none;
      border: 0px;
      text-indent: -9999px;
      *display:block;
    }

    .submit:hover, .submit:focus { background-position: left -30px; }

    #forgot {
      color: #8a8a8a;
      font-size: 90%;
      text-align: center;
      width: 460px;
      margin: 15px auto 50px auto;
      display: block;
      text-decoration: none; }

    #forgot:hover { color: #4c4c4d; }

    #error-message {
      color: #be0000;
      margin: 5px 0 20px 210px; }

    .or {
    background: url(/admin/images/login/or.png) no-repeat center top;
    width: 26px;
    margin: 0 10px;
    height: 195px; }


    @media screen and (max-width: 640px) {
  body { margin: 0; }

  * {
     -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
     -webkit-tap-highlight-color: rgba(0,0,0,0); }

  a {
     color: #eb6e1f;
    text-decoration: none;
     -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out; }
  a:focus, a:hover {
    color: #00aec5;
    outline: none;
    text-decoration: none; }

  .pull-left { float: none; }
  .pull-right { float: none; }

      #box {
    width: 94% !important;
    margin: 15px auto;
    padding: 10px 5%;
        background-image: none;
        background-color: #fff;
        text-align: center;
      }
      #logo {
        float: none;
    width: auto !important;
        margin: 10px auto 20px auto;5
      }
    img.header {
      clear: both;
    display: block;
    float: left; }
      form {
        width: auto !important;
    display: block;
      }
    fieldset { clear: both; }
      label, #error-message {
        text-align: left;
    display: block;
      }
      label {
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
      }
  #remember label { width: auto !important; }

    input[type="checkbox"] {
      display: block;
    height: auto !important;
    width: auto !important;
    float: left; }

    input[type="text"],
    input[type="password"],
    input[type="email"] {
    background: #a0a0a0;
    color: #fff;
    font-size: 14px;
    padding: 8px;
        width: 100%;
    max-width: none !important;
    display: block;
        font-size: 16px;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition:    all .2s ease-in-out;
     -o-transition:      all .2s ease-in-out;
     -ms-transition:     all .2s ease-in-out;
     transition:         all .2s ease-in-out;
      }
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus {
      background: #f1f1f1;
    color: #4c4c4d;
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.2); }

     .or {
      background: url(/admin/images/login/or-wide.png) no-repeat center top;
      width: 100% !important;
      margin: 20px 0 15px !important;
      height: 15px; }


      .submit {
    background: #eb832b !important;
        width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    border: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-indent: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1
     -webkit-transition: all .2s ease-in-out;
     -moz-transition:    all .2s ease-in-out;
     -o-transition:      all .2s ease-in-out;
     -ms-transition:     all .2s ease-in-out;
     transition:         all .2s ease-in-out;
      }
      .submit:active {
      background-color: #4bc2d8 !important;
    -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.4);
    box-shadow: inset 0 1px 4px rgba(0,0,0,.4); }

      #forgot {
        width: auto;
      }

      #new_admin_site { padding-bottom: 20px; }
    }