:root{
  --red:#f44336;
  --pink:#e91e63;
  --purple:#9c27b0;
  --purple-deep:#673ab7;
  --indigo:#3f51b5;
  --blue:#2196f3;
  --blue-light:#03a9f4;
  --cyan:#00bcd4;
  --teal:#009688;
  --green:#4caf50;
  --green-light:#8bc34a;
  --lime:#cddc39;
  --yellow:#ffeb3b;
  --amber:#ffc107;
  --orange:#ff9800;
  --orange-deep:#ff5722;
  --brown:#795548;
  --gray:#9e9e9e;
  --gray-blue:#607d8b;
}

body {
  padding-top: 4rem;
}

.title {
  display: inline-block;
}

.title2 {
  display: none;
}

@media (max-width: 576px) {
  .title {
    display: none;
  }

  .title2 {
    display: inline-block;
  }

  .btn-filter button {
    min-width: 165px;
    text-align: left;
  }
}

.jumbotron {
  padding: .5rem;
}

.has-float-label .form-control:placeholder-shown:not(:focus) + * {
  font-size: 16px;
  opacity: .5;
  top: .6em;
}

.has-float-label {
  margin-bottom: .5rem;
}

/*main {
	padding-top: 1rem;
}*/

input:focus::placeholder {
  color: transparent;
}

.btn-filter button {
  border-radius: 0;
}

/*.btn {
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}*/

table.dataTable td,
table.dataTable th {
  font-size: .875rem;
}

dl {
  margin-bottom: 0;
}

.bt-primary {
  border-top: solid 7px #007bff;
}

.bt-secondary {
  border-top: solid 7px #6c757d;
}

.bt-success {
  border-top: solid 7px #28a745;
}

.bt-danger {
  border-top: solid 7px #dc3545;
}

.bt-warning {
  border-top: solid 7px #ffc107;
}

.btn-instruct {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  /*vertical-align: middle;*/
  user-select: none;
  border: 1px solid transparent;
  padding: .125rem .5rem;
  font-size: .8rem;
  line-height: 1.5;
  border-radius: .25rem;
}

.btn-instruct-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-instruct-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.update-logs p {
  margin: 0;
  font-size: .85rem;
}

 .status--new {
  color: #000!important;
  background-color: var(--blue);
  font-weight: 500;
}

.status--clearance {
  color: #000!important;
  background-color: var(--gray);
  font-weight: 500;
}

.status--cleared {
  color: #000!important;
  background-color: var(--gray-blue);
  font-weight: 500;
}

.status--receiving {
  color: #000!important;
  background-color: var(--teal);
  font-weight: 500;
}

.status--process {
  color: #fff!important;
  background-color: var(--indigo);
  font-weight: 500;
}

.status--ready {
  color: #000!important;
  background-color: var(--amber);
  font-weight: 500;
}

.status--released {
  color: #000!important;
  background-color: var(--green);
  font-weight: 500;
}

.status--cancelled {
  color: #000!important;
  background-color: var(--red);
  font-weight: 500;
} 

.contactmail, .contactmail:hover {
  text-decoration: none;
  color: #000;
}