
.instrument-list-info {
	color: #ddd;
}
.msg-please-wait {
	margin-left: 5em;
}
.device-warning {
	width: 100%;
	padding: 0.3125rem;
	color: #000;
	margin-top: 0.3125rem;
}
.edit-label-icon-pencil {
	cursor: pointer;
	color: #1d9ffd;
	color: var(--svantek-accent-blue-thin);
	font-size: 1.125rem;
	display: inline-block;
}
.edit-label-icon-ok-cancel {
	margin-left: 0.125rem;
	cursor: pointer;
	color: #1d9ffd;
	color: var(--svantek-accent-blue-thin);
	font-size: 1.125rem;
	display: inline-block;
}
.device-user-text {
	color: #fff;
	margin-left: 0.3125rem;
	margin-top: 0.3125rem;
}
.device-user-text-edit {
	display: none;
	width: 100%;
	height: 1.875rem;
}
.search-field-icon.glyphicon-remove,
.alarm-search-field-icon.glyphicon-remove {
	cursor: pointer;
  	pointer-events: initial; /* or - auto // or -  unset  */
}
#filters::-ms-clear {
  display: none;
}

.users-list-table .btn-default,
.users-list-table .btn-default:active,
.users-list-table .btn-default:focus,
.users-list-table .btn-default:focus:active {
    color: #fff;
    background-color: var(--svantek-accent-blue);
    border-color: var(--svantek-accent-blue);
    outline: none;
}

.gps-info-source-info {
	color: #8a6d3b;
}


.pieLabel {
    background-color: black;
    background-color: var(--connection-chart-pie-label-bg);
    font-weight: bold;
    border-radius: 0.3125rem;
    opacity: 1;

}

.chonnectionChartZoomBtn {
    display: none;
    border: none;
    border-radius: 0.3125rem;
    background-color: rgba(255, 255, 255, 0.2);
    background-color: var(--connection-chart-zoom-btn-bg);
    margin-top: 0.3125rem;
    margin-left: 0.3125rem;
}

.remove-license-request {
	color: #a94442;
	float: right;
	cursor: pointer;
}

.mobile-signal-icon {
  height: 1.2rem;
  width: 2.35rem;
  /* To show you the power of flexbox! */
  display: flex;
  /* Bars should be placed left to right */
  flex-direction: row;
  /* Evenly space the bars with space in between */
  justify-content: space-between;
  /* Sink the bars to the bottom, so they go up in steps */
  align-items: baseline;
}

.mobile-signal-icon.network-info {
  width: 4rem;
}

.mobile-signal-icon .mobile-signal-bar {
  /* 4 + 3 + 4 + 3 + 4 = 18px (as set above)
     4px per bar and 3px margins between */
  width: 0.25rem;
  /* All bars faded by default */
  opacity: 30%;
  /* Choose a color */
  background: #DE3A35;
	margin-right: 0.1rem;
}

.mobile-signal-icon.two-bars .mobile-signal-bar {
  background: #D9622D;
}

.mobile-signal-icon.three-bars .mobile-signal-bar {
  background: #D58326;  
}

.mobile-signal-icon.four-bars .mobile-signal-bar {
  background: #948428;  
}

.mobile-signal-icon.five-bars .mobile-signal-bar {
  background: #247330;  
}

/* 3 different heights for 5 different bars */
.mobile-signal-icon .mobile-signal-bar:nth-child(1) { height: 20%; }
.mobile-signal-icon .mobile-signal-bar:nth-child(2) { height: 40%; }
.mobile-signal-icon .mobile-signal-bar:nth-child(3) { height: 60%; }
.mobile-signal-icon .mobile-signal-bar:nth-child(4) { height: 80%; }
.mobile-signal-icon .mobile-signal-bar:nth-child(5) { height: 100%; }

/* Emphasize different bars depending on
   weak/medium/strong classes */
.mobile-signal-icon.one-bar .mobile-signal-bar:nth-child(1),
.mobile-signal-icon.two-bars .mobile-signal-bar:nth-child(1),
.mobile-signal-icon.two-bars .mobile-signal-bar:nth-child(2),
.mobile-signal-icon.three-bars .mobile-signal-bar:nth-child(1),
.mobile-signal-icon.three-bars .mobile-signal-bar:nth-child(2),
.mobile-signal-icon.three-bars .mobile-signal-bar:nth-child(3),
.mobile-signal-icon.four-bars .mobile-signal-bar:nth-child(1),
.mobile-signal-icon.four-bars .mobile-signal-bar:nth-child(2),
.mobile-signal-icon.four-bars .mobile-signal-bar:nth-child(3),
.mobile-signal-icon.four-bars .mobile-signal-bar:nth-child(4),
.mobile-signal-icon.five-bars .mobile-signal-bar:nth-child(1),
.mobile-signal-icon.five-bars .mobile-signal-bar:nth-child(2),
.mobile-signal-icon.five-bars .mobile-signal-bar:nth-child(3),
.mobile-signal-icon.five-bars .mobile-signal-bar:nth-child(4),
.mobile-signal-icon.five-bars .mobile-signal-bar:nth-child(5)
{ opacity: 100%; }

.mobile-signal-icon .mobile-signal-network {
  border: 1px solid var(--log-table-color);
  position: relative;
  top: -0.25rem;
  padding: 0 0.1rem 0 0.1rem;
}
