td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../img/details_close.png') no-repeat center center;
}

td.detail-shown {
    background: url('../img/details_close.png') no-repeat center top;
    cursor: pointer;
}

.nav-pills .eatabs {
    background-color: lightgray;
}

ul.navbar-right {
  margin-left: auto;
}

.messages {
  border-left: 3px solid #CB1D1D;
  border-top: 0;
  background-color: #ffecec;
  background-size: 22px 22px;
  background-position: 15px 15px;
  background-repeat: no-repeat;
  padding-left: 50px;
  padding: 20px;
}

div.dataTables_wrapper {
  width: 100%;
  margin-top: 50px;
}

#div_id_device_hsns .btn-group {
  width: 250px;
  background-color: lightgrey;
  margin: 10px;
}

.device-formset label {
  display: inline;
  margin-left: 30px;
}

#loading {
  width: 100%;
  height: 100%;
  left: 0;
  position: fixed;
  display: block;
  z-index: 99;
}

#bind-unbind-btn {
  margin-left:300px; 
  margin-top:30px;
  width:300px;
  display: flex;
}

#device-mgmt-btn {
  margin-left:300px;
  margin-top:30px;
  width:300px;
  display: flex;
}

#bind-table {
  margin-left: 10px;
  margin-top: 70px;
}

#bind-table tr {
  text-align: center;
}

#bind-table td {
  text-align: center;
}

ul.custom-radio-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

#device-mgmt-table {
  margin-left: 100px;
  margin-top: 20px;
}

::placeholder {
  color: lightgrey;
  opacity: 1;
}
div.dataTables_wrapper .row {
  width: 100%;
  margin-top: 10px;
}

body.modal-open {
  pointer-events: none;
}

.dataTables_length {
  margin-left: 0px;
  display: flex;
}

.dataTables_length select.form-control {
  margin: 5px;
}

#recording-info-table_paginate .pagination li {
  margin-right: 5px;
}

#recording-info-table_paginate .pagination {
  position: absolute;
  right: 10px;
}

#device-params-table_paginate .pagination li {
  margin-right: 5px;
}

#device-params-table_paginate .pagination {
  position: absolute;
  right: 10px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}