/* Sticky footer styles
 * http://getbootstrap.com/2.3.2/examples/sticky-footer.html
-------------------------------------------------- */
html, body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -60px auto;
}
/* Set the fixed height of the footer here */
#push, footer {
  height: 60px; /*see #wrap[margin]*/
}
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* END
-------------------------------------------------- */

header.container-fluid { padding-left: 0px; padding-right: 0px; }
footer { background-color: #f5f5f5; font-size: 12px; }
footer li {
    float: left;
    margin-right: 1.5em;
}
.glyphicon-loading  {
    background-image: url('../img/loading.gif'); 
    background-repeat: no-repeat;
    background-position: center;
    height: 16px;
    width: 16px;
}
.form-control.captcha-img {
    height: auto;
    display: block;
}
.progress.progress-sm {
    height: 10px;
}
.progress.progress-sm > .progress-bar {
    line-height: 10px;
    font-size: 6px;
}

.progress { position: relative; margin-bottom: 3px; }
.progress-bar, .progress-text { position: absolute; font-size: 10px; color: #FFF; }
.progress-bar { z-index: 10; }
.progress-bar.progress-max { width: 100%; z-index: 9; }
.progress-text { line-height: 20px; width: 100%; z-index: 12; font-weight: bold; }
.progress-bar.text-right, .progress-text.text-right { 
    padding-right: 10px; text-align: right;
}
.progress-bar.text-left, .progress-text.text-left { 
    padding-left: 10px; text-align: left;
}

/*http://tweaks.klickagent.ch/#30.05.2014_TwitterBootstrapCenterModal*/
.modal.modal_center {
      width: 100%;
      position: fixed;
      text-align: center;
      margin: 0px auto;
      top: 0px;
      left: 0px;
      bottom: 0px;
      right: 0px;
      z-index: 1050;
  }
 .modal.modal_center .modal_wrapper {
      display: table;
      overflow: auto;
      overflow-y: scroll;
      height: 100%;
      -webkit-overflow-scrolling: touch;
      outline: 0;
      text-align: center;
      margin: 0px auto;
  }
 .modal.modal_center .modal-dialog {
      margin-top: 0px;
      display: table-cell;
      vertical-align: middle;
      margin: 0px 20px;
  }
  
legend h3 { margin-top: 0; }
.input-group label.form-control { background-color: transparent; }
.alert.alert-sm { padding: 10px; }
  
.label-grey { background-color: #AAA; }
.progress-bar-grey { background-color: #ABABAB; }
.alert-grey { color: #555; background-color: #EEE; border: 1px solid #CCC; }