body {
  height: 100%;
  width: 100%;
}

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 2px;
}

h1 {
  margin-top: 10px;
}

.icon-pad-right {
  margin-right: 10px;
}

.icon-pad-left {
  margin-left: 10px;
}
#wrapper {
  padding-left: 0;
  height: 100%
  width: 100%;
}

#page-wrapper {
  width: 100%;
  height: 100%
}

.view-wrapper {
  background: #eceef0;
  padding:  15px;
}

.navbar-user {
  height: 90px;
  i {
    padding-right: 10px;
    font-size: 1.3em;
  }

  .btn-group {
    margin-top: 50%;
  }
}

.alerts-dropdown {
  .badge {
    margin-left: 10px;
    background-color: #fff;
    color: #222;
  }
}
/* Nav Messages */

.messages-dropdown .dropdown-menu .message-preview .avatar,
.messages-dropdown .dropdown-menu .message-preview .name,
.messages-dropdown .dropdown-menu .message-preview .message,
.messages-dropdown .dropdown-menu .message-preview .time {
  display: block;
}

.messages-dropdown .dropdown-menu .message-preview .avatar {
  float: left;
  margin-right: 15px;
}

.messages-dropdown .dropdown-menu .message-preview .name {
  font-weight: bold;
}

.messages-dropdown .dropdown-menu .message-preview .message {
  font-size: 12px;
}

.messages-dropdown .dropdown-menu .message-preview .time {
  font-size: 12px;
}


/* Nav Announcements */

.announcement-heading {
  font-size: 50px;
  margin: 0;
}

.announcement-text {
  margin: 0;
}

/* Table Headers */

table.tablesorter thead {
  cursor: pointer;
}

table.tablesorter thead tr th:hover {
  background-color: #f5f5f5;
}

/* Flot Chart Containers */

.flot-chart {
  display: block;
  height: 400px;
}

.flot-chart-content {
  width: 100%;
  height: 100%;
}

/* Edit Below to Customize Widths > 768px */
@media (min-width:768px) {

  /* Wrappers */

  #wrapper {
  padding-left: 225px;
  }

  #page-wrapper {

  }

  /* Side Nav */

  .side-nav {
  margin-left: -225px;
  left: 225px;
  width: 225px;
  position: fixed;
  top: 0;
  height: 100%;
  border-radius: 0;
  border: none;
  background: #34495e;
  font-size: 17px;
  overflow-y: auto;


    i {
      padding-right: 20px;
      font-size: 1.3em;
    }
  }

  /* Bootstrap Default Overrides - Customized Dropdowns for the Side Nav */

  .side-nav>li.dropdown>ul.dropdown-menu {
  position: relative;
  min-width: 225px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  }

  .side-nav>li.dropdown>ul.dropdown-menu>li>a {
  // color: #999999;
  padding: 15px 15px 15px 25px;
  }

  .side-nav>li.dropdown>ul.dropdown-menu>li>a:hover,
  .side-nav>li.dropdown>ul.dropdown-menu>li>a.active,
  .side-nav>li.dropdown>ul.dropdown-menu>li>a:focus {
  color: #fff;
  // background-color: #080808;
  }

  .side-nav>li>a {
  width: 225px;
  }

  .navbar-inverse .navbar-nav>li>a:hover,
  .navbar-inverse .navbar-nav>li>a:focus {
  // background-color: #080808;
  }



  /* Nav Messages */

  .messages-dropdown .dropdown-menu {
  min-width: 300px;
  }

  .messages-dropdown .dropdown-menu li a {
  white-space: normal;
  }

}


#spinner {
  background-color: rgba(0, 0, 0, 0.15);
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2e9;
}

.pane {
  background: #fdfdfd;
  display: block;
  padding: 20px 40px;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  border-radius: 10px;
  margin-bottom: 10px;

  &:last-child {
    margin-bottom: 0;
  }
}

.pane h3 {
  margin: 0;
}

.pane-header {
  border-bottom: 1px solid #ccc;
  padding: 10px 0 30px 0;
  margin-bottom: 30px;
}

.has-success .form-control {
  color: inherit;
}

.wave-enter, .wave-leave {
    -webkit-transition:all 5s;
    -moz-transition:all 5s;
    -o-transition:all 5s;
    transition:all 5s;
}
.wave-enter {
    position:absolute;
    left:100%;
}
.wave-enter-active {
    left:0;
}
.wave-leave {
    position:absolute;
    left:0;
}
.wave-leave-active {
    left:-100%;
}