/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Toggle Styles */
html {
      height: 100%;
}

body {
      font-family: 'Source Sans Pro', sans-serif;/*
      background-image: url('../images/overlay.png'), url('../images/bg.jpg');*/
      background-repeat: repeat, no-repeat;
      background-size: auto, cover;
      height: 100%;
      background-image: url('../images/overlay.png'), url('../images/bg.jpg');
}

#wrapper {
      padding-left: 0;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
}

#wrapper.toggled {
      padding-left: 250px;
}

a#menu-toggle .glyphicon {
      padding: 9px 3px;
      font-size: 15px;
}

a#menu-toggle {
    color: #aef5ae;
    padding: 9px;
}

#sidebar-wrapper {
      z-index: 1000;
      position: fixed;
      left: 249px;
      top: 0;
      width: 0;
      height: 100%;
      margin-left: -249px;
      overflow-y: auto;
      border-right: solid 1px #fff;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
      width: 250px;
}

#page-content-wrapper {
      width: 100%;
      position: absolute;
      padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
      position: absolute;
      margin-right: -250px;
}

/* Sidebar Styles */
.sidebar-nav {
      position: absolute;
      top: 0;
      width: 100%;
      margin: 0;
      padding: 0;
      list-style: none;
}

.sidebar-nav li {
      text-indent: 20px;
      line-height: 80px;
      border-bottom: solid 1px #fff;
}

.sidebar-nav li a {
      display: block;
      text-decoration: none;
      color: #FFF;
      font-size: 18px;
}

.sidebar-nav li a.active, .sidebar-nav li a.active:hover {
  background-color: #fff;
  color: #ccc;
}

.sidebar-nav li a:hover {
      text-decoration: none;
      color: #fff;
      background-color: rgba(255,255,255,0.5);
}

.sidebar-nav li a:active, .sidebar-nav li a:focus {
      text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    font-size: 18px;
    height: 65px;
    line-height: 60px;
    text-indent: 53px;
}

.sidebar-nav>.sidebar-brand a {
      color: #999999;
}

.sidebar-nav>.sidebar-brand a:hover {
      color: #fff;
      background: none;
}

/* -----------------------   Index Page    -------------------------------*/
#notice {
      padding: 30px;
      margin-bottom: 30px;
      background-color: #eee;
      color: #999;
      font-size: 18px;
      line-height: 24px;
}

#notice p {
      margin-bottom: 10px;
      font-weight: 100;
}

#notice2 {
      padding: 30px;
      margin-bottom: 30px;
      background-color: #eee;
      color: #999;
      font-size: 18px;
      line-height: 24px;
}

#notice2 p {
      margin-bottom: 10px;
      font-weight: 100;
}

.notice3 {
      padding: 30px;
      margin-bottom: 30px;
      background-color: #eee;
      color: #999;
      font-size: 18px;
      line-height: 24px;
}

.notice3 p {
      margin-bottom: 10px;
      font-weight: 100;
}

form label {
      display: block;
      font-weight: 600;
      color: #949494;
      margin: 14px 0 2px;
      font-size: 14px;
      font-style: italic;
}

form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea {
      -webkit-appearance: none;
      border: 0;
      background: #f4f4f4;
      padding: 1.25em;
      width: 100%;
      -moz-transition: background-color .25s ease-in-out;
      -webkit-transition: background-color .25s ease-in-out;
      -o-transition: background-color .25s ease-in-out;
      -ms-transition: background-color .25s ease-in-out;
      transition: background-color .25s ease-in-out;
}

input[type="button"], input[type="submit"], input[type="reset"], .button {
      -webkit-appearance: none;
      display: inline-block;
      background-color: #222222;
      color: #ffffff;
      border: 0;
      cursor: pointer;
      outline: 0;
      -moz-transition: background-color .25s ease-in-out;
      -webkit-transition: background-color .25s ease-in-out;
      -o-transition: background-color .25s ease-in-out;
      -ms-transition: background-color .25s ease-in-out;
      transition: background-color .25s ease-in-out;
}

input[type="button"], input[type="submit"], input[type="reset"], .button {
      padding: 0.7em 1.5em 0.7em 1.5em;
}

/* -----------------------   Instructions Page    -------------------------------*/
article#step-one {
      padding: 30px;
}

/* -----------------------   Opt-in Page    -------------------------------*/
.checkboxes-wrapper {
      font-size: 18px;
      margin: 20px 0;
      font-weight: 100;
      color: #666;
}

article#step-four, article#step-two, article#step-three {
      padding: 30px;
}

.upload-form-submit {
      position: relative;
      top: -18px;
}

#grdW2s th, #grdW2s td, #grdfeds th, #grdfeds td {
      padding: 10px;
}

.logo {
      text-align: right;
}

@media ( min-width :768px) {
      #wrapper {
            padding-left: 25%;
            padding-right: 5%;
            width: 100%;
      }
      #wrapper.toggled {
            padding-left: 0;
      }
      #sidebar-wrapper {
            width: 20%;
      }
      #wrapper.toggled #sidebar-wrapper {
            width: 0;
      }
      #page-content-wrapper, #main {
            padding: 20px;
            position: relative;
            margin: 50px auto 0;
            background-color: #fff;
            max-width: 100%;
      }
      #wrapper.toggled #page-content-wrapper {
            position: relative;
            margin-right: 0;
      }
      .mobile-menu-icon {
            display: none;
      }
}

@media ( max-width :768px) {
      #sidebar-wrapper {
            background-color: #333;
      }
      .mobile-menu-icon {
            z-index: 1000;
            position: fixed;
            left: 0px;
            top: 0;
            width: 40px;
            height: 40px;
            overflow-y: auto;
            background: #333;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
      }
      .upload-form-submit {
            position: static;
            top: 0;
            display: block;
            float: left;
            margin: 15px 0;
      }
}