html,
body {
  height: 100%;
}

.wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -60px;
  padding: 0 0 60px;
}

.wrap > .container {
  padding: 70px 15px 20px;
}

.footer {
  height: 60px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

.jumbotron {
  text-align: center;
  background-color: transparent;
}

.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

.not-set {
  color: #c55;
  font-style: italic;
}

/* add sorting icons to gridview sort links */

a.asc:after,
a.desc:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px;
}

a.asc:after {
  content: /*"\e113"*/ "\e151";
}

a.desc:after {
  content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
  content: "\e153";
}

.sort-numerical a.desc:after {
  content: "\e154";
}

.sort-ordinal a.asc:after {
  content: "\e155";
}

.sort-ordinal a.desc:after {
  content: "\e156";
}

.grid-view th {
  white-space: nowrap;
}
.grid-view {
  /* overflow-y: scroll;*/
}

.hint-block {
  display: block;
  margin-top: 5px;
  color: #999;
}

.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */

.nav li > form > button.logout {
  padding: 15px;
  border: none;
}

@media (max-width: 767px) {
  .nav li > form > button.logout {
    display: block;
    text-align: left;
    width: 100%;
    padding: 10px 15px;
  }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
  text-decoration: none;
}

.nav > li > form > button.logout:focus {
  outline: none;
}

.jn-alert {
  padding: 10px 20px;
  background-color: #0275d8;
  color: #fff;
}

.bg-warning.jn-alert {
  background-color: #f39c12;
  color: #fff;
}

.jn-alert .close {
  font-size: 20px;
  color: #fff;
  opacity: 1;
  font-weight: normal;
}

.form-group.pagesize {
  max-width: 80px;
}

fieldset.jn-fieldset {
  border: solid 1px #ddd !important;
  padding: 0 10px 10px 10px;
  border-bottom: none;
  margin-top: 20px;
  margin-bottom: 20px;
}

legend.jn-legend {
  width: auto !important;
  border: none;
}

.required label.control-label:after {
  content: " *";
  color: red;
}

body
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  margin-top: -1px;
}

.login-page,
.register-page {
}

.login-page .panel.panel-default {
  margin-top: 30%;
}

.content h1 {
  text-align: center;
}

.admin-dashboard {
  margin-top: 20px;
}

.admin-dashboard .admin-item {
  height: 130px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
}

.content-header:after {
  display: table;
  content: " ";
  clear: both;
}

.content-header ul.breadcrumb:after {
  display: table;
  content: " ";
  clear: both;
}

.content-header > ul.breadcrumb {
  position: relative;
  top: 0px;
}

.content h1 {
  margin-top: 0px;
}

.content-header + .content {
  padding-top: 0px;
}

.logo-lg {
}

.grid-view .table-striped > tbody > tr.muted {
  background-color: #fafafa;
  color: #aaa;
}

.login-logo a,
.register-logo a {
}

.login-box-body,
.register-box-body {
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.action-button {
  width: 100px;
}

.item-form #images:after,
.item-view #images:after {
  content: " ";
  display: table;
  clear: both;
}

.item-form #item-uploadfiles {
  display: none;
}

.item-form .item {
  padding: 5px;
  position: relative;
}

.item-form .item .item-remove {
  position: absolute;
  right: 0;
  padding-right: 12px;
  padding-top: 2px;
}
.purchase-order-view {
  margin-bottom: 30px;
}
.item-form #images .thumbnail {
  max-width: 130px;
}
.variable {
  color: #3c8dbc;
}
.hide {
  display: none;
}
@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
    width: 200px;
  }

  .sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span:not(.pull-right),
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    width: 200px;
  }
}
.dynamicform_wrapper {
  overflow-y: scroll;
}

table.table textarea {
  margin-right: 0px !important;
}
.dynamicform_wrapper input[type="text"].form-control {
  min-width: 60px;
}