@charset "utf-8";

/* Labels */
.header-label {
    position: relative;
    top: -5px;
    margin-left: 10px;
}
.table-cell-label {
    position: relative;
    top: -3px;
}

/* Hardware protocol colors */
.protocol-apteryx {
    background-color: #3498db;
}
.protocol-mqtt {
    background-color: #751f79;
}

/*User icon*/
.user-icon{
	margin-right: 5px;
	position: relative;
	top: 3px;
}

/*Hardware status*/
.status, .uptodate {
display: inline-block;
height: 24px;
width: 24px;
background-color: #cecece;
border-radius: 24px;
margin-left: 10px;
position: relative;
top: 7px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.status.status-loading, .uptodate.status-loading {
-webkit-animation:spin 0.6s linear infinite;
-moz-animation:spin 0.6s linear infinite;
animation:spin 0.6s linear infinite;
}

.status.status-loading:after, .uptodate.status-loading:after {
display: block;
width: 8px;
height: 8px;
background-color: #777;
border-radius: 8px;
content: "";
position: absolute;
top: 2px;
left: 8px;
}

.status-online{
background-color: #18bc9c;
}

.status-offline{
background-color: #e74c3c;
}

#update-all, #push-all {
margin-top: -10px;
}

.status-refresh{
margin-top: 10px;
}

.glyphicon-spin {
  -moz-animation: spin 1000ms infinite linear;
  -webkit-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.expected-information #sensors{
	width: 100%;
}

.remove-form{
	display: inline;
}

.remove-form button{
	padding: 5px;
	margin: 5px;
}

.sensor-ki .remove-form, .sensor-user .remove-form{
	visibility: hidden;
}

.sensor-ki li:hover .remove-form, .sensor-user li:hover .remove-form{
	visibility: visible;
}

.sensor-user .filler {
    width: 15px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
}

form.inline {
  display: inline-block;
}

.form-control.tiny{
	width: 60px;
}

.form-select{
  background-color:#ffffff;
  border:2px solid #dce4ec;
}

.input-sm {
  padding: 6px;
}

.input-min {
  min-width: 125px;
}

.alert a {
	color: #fff;
}

.top-margin {
	padding-top: 36px;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
	background-color: #18bc9c;
}

.errorlist {
	color: red;
}

.corner-with-address-group {
   display: flex;
   flex-direction: row;
   margin-top: 20px;
   align-items: center;
}

.corner-with-address-group label,
.corner-with-address-group input {
   margin: 0;
}

.corner-with-address-group label,
.corner-with-address-group input:not(:last-child) {
   margin-right: 10px;
}

.corner-with-address-group [name="corner_with_address"] {
   display: inline-block;
   width: auto;
   flex-grow: 2;
}

.add-note-form textarea {
   resize: none;
   overflow: auto;
}

@media screen and (min-width: 992px) {

   .add-note-form {
      padding-top: 52px;
   }

}

/* Address select widget */
.address-select-widget .address-display {
  min-height: 25px;
}

.address-select-widget .address-block,
.address-select-widget .edit-address-block {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
}

.address-select-widget .address-block:last-child,
.address-select-widget .corner-with-address-block:last-child {
   margin-bottom: 5px;
}

.address-select-widget .edit-address-block .select2-container,
.address-select-widget .edit-address-block > a:not(:last-child) {
   margin-right: 10px;
 }

/* Extend bootstrap list-group-item's to allow primary coloring */
.list-group-item-primary {
  color: #ffffff;
  background-color: #2c3e50;
}
a.list-group-item-primary,button.list-group-item-primary {
  color: #ffffff;
}
a.list-group-item-primary .list-group-item-heading,button.list-group-item-primary .list-group-item-heading {
  color: inherit;
}
a.list-group-item-primary:hover,button.list-group-item-primary:hover,a.list-group-item-primary:focus,button.list-group-item-primary:focus {
  color: #ffffff;
  background-color: #1a242f;
}
a.list-group-item-primary.active,button.list-group-item-primary.active,a.list-group-item-primary.active:hover,button.list-group-item-primary.active:hover,a.list-group-item-primary.active:focus,button.list-group-item-primary.active:focus {
  color: #ffffff;
  background-color: #ffffff;
  border-color: #ffffff;
}

a.list-group-item .badge,button.list-group-item .badge {
  color:#95a5a6;
  background-color:#ffffff
}
a.list-group-item-primary .badge,button.list-group-item-primary .badge {
  color:#2c3e50;
  background-color:#ffffff
}
a.list-group-item-success .badge,button.list-group-item-success .badge {
  color:#18bc9c;
  background-color:#ffffff
}
a.list-group-item-info .badge,button.list-group-item-info .badge {
  color:#3498db;
  background-color:#ffffff
}
a.list-group-item-warning .badge,button.list-group-item-warning .badge {
  color:#f39c12;
  background-color:#ffffff
}
a.list-group-item-danger .badge,button.list-group-item-danger .badge {
  color:#e74c3c;
  background-color:#ffffff
}

/* Linked labels */
a:hover:has(.label),
a:focus:has(.label) {
  text-decoration: none;
}


.graph-chart-container {
  position: relative;
  margin: auto;
  height: 60vh;
}

.settings-title {
  padding-left: 100px;
}

.settings-error {
  margin-left: 20px;
}

.settings-platform-billing-label {
  padding-top: 10px;
}

.settings-platform-billing-usage {
  margin-left: -19% !important;
}

.platform-billing-usage-table {
  border: 1px solid black;
}

.platform-billing-usage-table thead {
  background-color: #cbcbcb;
}

.sensor-organization-name {
  margin-left: 19px;
  margin-top: 11px;
  margin-bottom: 13px;
}

a:focus {
  outline: none;
}

.list-group-compact .list-group-item {
  padding: 7px 15px;
}
.list-group-compact .list-group-item .alert {
  margin: 0;
}

.table-header, .table-header:hover {
    color: inherit;
    text-decoration: inherit !important;
}

button {
    background-color: #ddd;
}

.container {
  width: 95% !important;
}

.sensor-settings-checkbox {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.sensor-settings-checkbox > input, .sensor-settings-checkbox > span {
    width: auto;
    height: 25px;
    margin: 5px 0 5px 15px;
}

.edit-role-form {
    display: inline;
}

.edit-role-form button {
    padding: 5px;
    margin: 5px;
}

.address-select-widget + .address-select-widget {
    margin-top: 10px;
}

.collapse-button .glyphicon {
  color: initial;
  font-size: 0.9em;
  transition-duration: 0.5s;
  transition-property: transform;
}


/* ICCID refresh */

#refresh-iccid {
  cursor: pointer;
  float: right;
  opacity: 1;
  pointer-events: auto;
}

#refresh-iccid.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

#refresh-iccid-info {
  color: black;
}

#refresh-iccid-info.warning {
  color: red;
}

#gsm-information-placeholder, #gsm-graph-placeholder {
  margin-top: 1rem;
}

/* Date-Time picker */
.flatpickr-container {
  display: flex;
  padding: 0;
}

.flatpickr-form {
  display: flex;
}

.flatpickr-form .flatpickr-container .input-group {
  display: flex;
}

.flatpickr-form .quick-select-buttons {
  margin-left: 1rem;
}

.flatpickr-form .flatpickr-container .btn-group:first-of-type .btn{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}

.flatpickr-input {
  border-color: #2c3e50;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* Notes list */
.table a:not(.btn) {
  text-decoration: none;
}
.table a:not(.btn):hover {
  text-decoration: underline;
}
.table .table-link{
   margin: 0px;
   padding: 0px;
   border: 0px;
   vertical-align: top;
}
.table .table-link-right{
   float: right;
   margin-right: 15px;
}
.table .table-link-left{
   float: left;
   margin-left: 15px;
}

/* Expandable list */
.expandable-list > .toggle-button {
  margin-bottom: 15px;
}

.quick-navigation-error {
  color: red;
  margin-left: 5px;
  margin-top: 10px;
}