/*
   *
   *  Golden Grid System (1.01)   <http://goldengridsystem.com/>
   *  by Joni Korpi               <http://jonikorpi.com/>
   *  licensed under MIT          <http://opensource.org/licenses/mit-license.php>
   *  
   */
   /*
   *
   *  Margin, padding, and border resets
   *  except for form elements
   *
   */
   body,
   div,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6,
   p,
   blockquote,
   pre,
   dl,
   dt,
   dd,
   ol,
   ul,
   li,
   fieldset,
   form,
   label,
   legend,
   th,
   td,
   article,
   aside,
   figure,
   footer,
   header,
   hgroup,
   menu,
   nav,
   section {
     margin: 0;
     padding: 0;
     border: 0;
   }
   /*
   *
   *  Consistency fixes
   *  adopted from http://necolas.github.com/normalize.css/
   *
   */
   html {
     height: 100%;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
   }
   body {
     min-height: 100%;
     font-size: 100%;
   }
   article,
   aside,
   details,
   figcaption,
   figure,
   footer,
   header,
   hgroup,
   nav,
   section,
   audio,
   canvas,
   video {
     display: block;
   }
   sub,
   sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
   }
   sup {
     top: -0.5em;
   }
   sub {
     bottom: -0.25em;
   }
   pre {
     white-space: pre;
     white-space: pre-wrap;
     word-wrap: break-word;
   }
   b,
   strong {
     font-weight: bold;
   }
   abbr[title] {
     border-bottom: 1px dotted;
   }
   input,
   textarea,
   button,
   select {
     margin: 0;
     font-size: 100%;
     line-height: normal;
     vertical-align: baseline;
   }
   button,
   html input[type="button"],
   input[type="reset"],
   input[type="submit"] {
     cursor: pointer;
     -webkit-appearance: button;
   }
   input[type="checkbox"],
   input[type="radio"] {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
   }
   textarea {
     overflow: auto;
   }
   table {
     border-collapse: collapse;
     border-spacing: 0;
   }
   /*
   *
   *  Simple fluid media
   *
   */
   figure {
     position: relative;
   }
   figure img,
   figure object,
   figure embed,
   figure video {
     max-width: 100%;
     display: block;
   }
   img {
     border: 0;
     -ms-interpolation-mode: bicubic;
   }
   /*
   *
   *  Zoomable baseline grid
   *  type size presets
   *
   */
   body {
     font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
     /* 16px / 24px */
   
     font-size: 1em;
     line-height: 1.5em;
   }
   .small {
     /* 13px / 18px */
   
     font-size: 0.8125em;
     line-height: 1.3846153846153846em;
   }
   .normal,
   h3 {
     /* 16px / 24px */
   
     font-size: 1em;
     line-height: 1.5em;
     /* 24 */
   
   }
   .large,
   h2,
   h1 {
     /* 26 / 36px */
   
     font-size: 1.625em;
     line-height: 1.3846153846153846em;
   }
   .huge {
     /* 42px / 48px */
   
     font-size: 2.625em;
     line-height: 1.1428571428571428em;
   }
   .massive {
     /* 68px / 72px */
   
     font-size: 4.25em;
     line-height: 1.0588235294117647em;
   }
   .gigantic {
     /* 110px / 120px */
   
     font-size: 6.875em;
     line-height: 1.0909090909090908em;
   }
   /*
   *
   *  ...
   *  
   */
   .shipment-number {
     margin: 1em 0 0 0;
   }
   .shipment-header .label {
     margin: 1em 0 0 0;
     font-weight: bold;
   }
   .shipment-header .departure,
   .shipment-header .destination {
     margin: 0;
   }
   .shipment-header address {
     font-style: normal;
     margin: 0;
   }
   body.home {
     background: url(/scope/wsr?id=bg&p=default) no-repeat fixed top;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     height: 100%;
     color: black;
   }
   body.home section.login {
     position: relative;
     top: 20%;
     width: 250px;
     margin-left: -110px;
     left: 50%;
   }
   body.home section.login .logo {
     margin: 0 auto;
     text-align: center;
     padding: 0 0 20px 0;
   }
   body.home section.login .logo h1 {
     font: bold 21px/1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
     margin: 10px 0 0 0;
   }
   
   button.singin_forms_submit {
     background: rgb(207,197,195);
     border: 0;
     display: block;
     color: white;
     width: 100%;
     font: bold 14px/1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
     padding: 10px 10px 9px 10px;
   }
   button.singin_forms_submit:hover {
     text-decoration: underline;
   }
   .form_row label {
     display: none;
   }
   .form_row input:focus {
      outline:none
   }
   .form_row input {
     font: bold 14px/1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
     width: 228px;
     padding: 10px 10px 8px 10px;
     display: block;
     margin: 0;
     border: 0;
     border: 1px solid rgb(207,197,195);
     color: rgb(207,197,195);
   }
   .form_row_password input {
     border-top: 0;
   }
   footer {
     position: fixed;
     top: auto;
     right: 0;
     bottom: 0;
     left: 0;
     text-align: center;
     padding: 2em 0;
   }
   footer .copyright span {
     white-space: nowrap;
   }
   footer .copyright {
     font: normal 12px/1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
   }
   .password_lost p {
     font: normal 12px/1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
     margin-top: 20px;
     text-align: center;
   }
   .password_lost p a {
     text-decoration: none;
   }
   .password_lost p a:hover {
     text-decoration: underline;
     color: rgb(0,0,0);
   }
   a {
     color: rgb(207,197,195);
   }
   
   div.message.info {
      font: normal 12px/1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
      margin: 10px 0;
      text-align: center;
      padding: 10px;
          border: 1px solid rgb(207,197,195);
   
      p {
          color: rgb(207,197,195);
      }
          
   }
   
   div.message.error {
      font: normal 12px/1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
      margin: 10px 0;
      text-align: center;
      padding: 10px;
          border: 1px solid rgb(0,0,0);
      p {
          color: rgb(0,0,0);
      }   
   }
   
   @media screen and (max-height: 400px) {
     body.home {
       height: auto;
     }
     body.home section.login {
       position: relative;
       top: 2em;
       margin-bottom: 2em;
     }
     footer {
       position: relative;
       clear: both;
     }
   }
   
   .hidden {
      display:none;
   }