html,
body {
    height: 100%;
    /*font-size: 14px;*/
}

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

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

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

h1,
.h1 {
  font-size: 28px;
}
h2,
.h2 {
  font-size: 26px;
}
h3,
.h3 {
  font-size: 22px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 12px;
}
h6,
.h6 {
  font-size: 12px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 10px;
  margin-bottom: 5px;
}

.table tr:hover{ background:#C0FFD2 !important;  }
.table thead tr:hover{ background:transparent !important; }
.navbar-inverse .navbar-nav > li > a{ font-size: 14px; }
.navbar-inverse .navbar-nav > li > a.active {
    color: #FFFFFF;
}
.grid-view th{
    white-space: nowrap;
    background: #333333;
    color: #FFFFFF;
}
.grid-view th a{ color:#FFFFFF;}
.filters td{ background: #FFFFFF !important}
.table tbody a {  color: #337ab7 !important; }
.left{text-align:left;}
.right{text-align:right;}
.float-right{ display: inline-block; float:right;}
.float-left{ display: inline-block; float:left;}
.clear{ clear:both; width:100%; display: block;}
.btn {  padding: 6px 25px; margin-bottom:5px;}
.table tbody a.btn{ color:#FFFFFF !important; }
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.noleftpadding {
   padding-left: 0 !important;
   margin-left: 0 !important;
}
.norightpadding {
   padding-right: 0 !important;
   margin-right: 0 !important;
}
.pagination{ float:right;}

/*.table tr.rented{ background:#C9D6FC !important; }
.table tr.sold{ background:#F7C4AB !important;}
.table tr.delete{ background:#f2f2f2 !important;}
.table tr.kiv{ background:#FFC3FB !important; }
*/
.table tr.rented{ background:#ADC2FF !important; }
.table tr.sold{ background:#FAA67C !important;}
.table tr.delete{ background:#C1C1C1 !important;}
.table tr.kiv{ background:#FFA4FA !important; }

.tooltip-inner {   text-align:left !important;  }  
.popover{
  font-size: 12px !important;
  width: 100%;
  max-width: 500px; 
}

  .ui-tooltip, .arrow:after {
    background: black !important;
    /* border: 2px solid white !important; */
  }
  .ui-tooltip {
    padding: 5px 10px;
    color: white !important;
    border-radius: 10px !important;
    /* font: normal 14px "Helvetica Neue", Sans-Serif; */
    /* box-shadow: 0 0 7px black; */
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }

.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
  height: 300px;
}

@media screen and (max-width: 599px) {
  .responsive-table{ 
      overflow-x: auto;
      width:100%;
      height:100%
  }
}