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;
}

.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;
    }
}
@media (min-width: 1200px) {
  .container {
    width: 98%;
}

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

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

.login-box {
  width: 360px;
  margin: 7% auto;
}

.login-box label {
  padding: 0;
}
.login-box .form-horizontal .form-group {
  margin-left: 0;
}
.login-box .form-group {
  margin-bottom: 0;
}
.card {
  border: 1px solid #a8a8a8;
  border-radius: .25rem;
  background-color: #fff;
  background-clip: border-box;
}

.card-body {
  padding: 1.25rem;
}
.rounded {
  border-radius: 4px;
}

.bottom-mr {
  padding-bottom: 30px;
}
tfoot tr {
  background: #f2edc2;
}
tfoot td {
  text-align: right;
  font-weight: bold;
}


body{margin-top:20px;}

.content-item {
  padding:30px 0;
  background-color:#FFFFFF;
}

.content-item.grey {
  background-color:#F0F0F0;
  padding:50px 0;
  height:100%;
}

.content-item h2 {
  font-weight:700;
  font-size:35px;
  line-height:45px;
  text-transform:uppercase;
  margin:20px 0;
}

.content-item h3 {
  font-weight:400;
  font-size:20px;
  color:#555555;
  margin:10px 0 15px;
  padding:0;
}

.content-headline {
  height:1px;
  text-align:center;
  margin:20px 0 70px;
}

.content-headline h2 {
  background-color:#FFFFFF;
  display:inline-block;
  margin:-20px auto 0;
  padding:0 20px;
}

.grey .content-headline h2 {
  background-color:#F0F0F0;
}

.content-headline h3 {
  font-size:14px;
  color:#AAAAAA;
  display:block;
}


#comments {
  box-shadow: 0 -1px 6px 1px rgba(0,0,0,0.1);
  background-color:#FFFFFF;
}

#comments form {
  margin-bottom:30px;
}

#comments .btn {
  margin-top:7px;
}

#comments form fieldset {
  clear:both;
}

#comments form textarea {
  height:100px;
}

#comments .media {
  border-top:1px dashed #DDDDDD;
  padding:20px 0;
  margin:0;
}

#comments .media > .pull-left {
  margin-right:20px;
}

#comments .media img {
  max-width:100px;
}

#comments .media h4 {
  margin:0 0 10px;
}

#comments .media h4 span {
  font-size:14px;
  float:right;
  color:#999999;
}

#comments .media p {
  margin-bottom:15px;
  text-align:justify;
}

#comments .media-detail {
  margin:0;
}

#comments .media-detail li {
  color:#AAAAAA;
  font-size:12px;
  padding-right: 10px;
  font-weight:600;
}

#comments .media-detail a:hover {
  text-decoration:underline;
}

#comments .media-detail li:last-child {
  padding-right:0;
}

#comments .media-detail li i {
  color:#666666;
  font-size:15px;
  margin-right:10px;
}

#message-error {
  color: #5cb85c;
  display: none;
}

#message-success {
  color: #d9534f;
  display: none;
}
.file-input {
  margin-top: 20px;
}

.list-style-none {
  list-style: none
}
#w1-filters {
  display: none;
}
.toggle-view {
  cursor: pointer;
}


}

@media screen and (max-width: 480px) {
  .sub-table th, .sub-table td {
    display: block;
    width: 100% !important;
    text-align: center;
    font-size: 14px;
  }

  .sub-table tr > td:first-child {
    border-top: 3px double #ccc;
    margin-top: 10px;
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .sub-table th, .sub-table td {
    display: block;
    width: 100% !important;
    text-align: center;
    font-size: 14px;
    padding: 0 !important;
  }

  .sub-table tr > td:first-child {
    border-top: 3px double #ccc;
    margin-top: 10px;
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .kv-grid-table th, .kv-grid-table td {
    padding: 0 !important;
  }
}

#w1-filters {
  display: none;
}