html {
  position: relative;
  min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.login {
    color: white;
    background: url(https://app.simpla.be/gfx/bg-login.gif) repeat;
    text-align:center;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  /**height: 60px;*/
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}

main{
    padding-top:70px;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
  margin-bottom:8px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ui-autocomplete
{
    z-index:99999 !important;
}

.dropdown-menu {
    z-index: 2000;
}

.table tbody tr td
{
    vertical-align:middle;
}

/** PROGESS */
/** PROGESS */
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #0078cc;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 5px;
}

div.dropdown-menu.show
{
    width:100px;
}

.navbar-brand
{
    max-width: 79%;
    overflow: hidden;
}

.draftlabel {
    vertical-align: middle;
    margin: 0px;
    background: #f8f9fa;
    text-align: center;
    border-radius: 3px;
    color: #212529;
    padding: 3px;
    position: relative;
    width: 100px;
}

.lockedlabel {
    vertical-align: middle;
    margin: 0px;
    background: #198754;
    text-align: center;
    border-radius: 3px;
    color: white;
    padding: 3px;
    position: relative;
    width: 100px;
}

.timeoutlabel {
    vertical-align: middle;
    margin: 0px;
    background: #FFC107;
    text-align: center;
    border-radius: 3px;
    color: white;
    padding: 3px;
    position: relative;
    width: 100px;
}

.orderlabel {
    vertical-align: middle;
    margin: 0px;
    background: #007BFF;
    text-align: center;
    border-radius: 3px;
    color: white;
    padding: 3px;
    position: relative;
    width: 100px;
}

.oklabel {
    vertical-align: middle;
    margin: 0px;
    background: #57C785;
    text-align: center;
    border-radius: 3px;
    color: white;
    padding: 3px;
    position: relative;
    width: 100px;
}

.noklabel {
    vertical-align: middle;
    margin: 0px;
    background: #DC3545;
    text-align: center;
    border-radius: 3px;
    color: white;
    padding: 3px;
    position: relative;
    width: 100px;
}

.donelabel {
    vertical-align: middle;
    margin: 0px;
    background: #00D26A;
    text-align: center;
    border-radius: 3px;
    color: white;
    padding: 3px;
    position: relative;
    width: 100px;
}

.darklabel {
    vertical-align: middle;
    margin: 0px;
    background: #212529;
    text-align: center;
    border-radius: 3px;
    color: white;
    padding: 3px;
    position: relative;
    width: 100px;
}

.btn
{
    text-transform:uppercase;
}