.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-secondary,
.users-list-table .btn-secondary:active,
.users-list-table .btn-secondary:focus,
.users-list-table .btn-secondary: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;
    color: var(--active-blue);
    font-size: 2rem;
    z-index: 1; 
    position: absolute;
    left: -0.5rem;
    /*
    border-radius: 0.3125rem;
    background-color: rgba(255, 255, 255, 0.2);
    background-color: var(--connection-chart-zoom-btn-bg);
    */
}

.chonnectionChartZoomBtn {
  z-index: 1; 
  position: absolute;
  left: -1.5rem;
  top: 2.75rem;
}

.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;
}

.table-operations {
  width: 100%;
}

.table-operations #thead {
  color: white;
color: var(--table-operations-thead)
}

.table-operations #tbody {
  color: black;
color: var(--table-operations-tbody)
}


.table-operations thead#thead th {
  text-align: center;
}

.table-operations tr.success td {
  background-color: rgba(0, 171, 0, 0.9) !important;
background-color: var(--table-operations-tr-success-td-bg) !important;
}

.table-operations tr.warning td {
  background-color: rgb(255, 235, 59) !important;
background-color: var(--table-operations-tr-warning-td-bg) !important;
}

.table-operations tr.danger td {
  background-color: rgb(169, 68, 66) !important;
background-color: var(--table-operations-tr-danger-td-bg) !important;
}

.table-operations tbody#tbody td {
  text-align: center;
  vertical-align: middle;
}

.table-operations td > p {
  margin: 0;
  font-size: 17px;
}

.table-operations td.element-progress-item div.progress {
  /*width: 100%;*/
  margin: auto;
}

.table-operations div.progress .progress-bar {
  border-radius: 7%;
  color: black;
color: var(--table-operations-div-progress-progress-bar);
}

.table-operations .progress-bar-item {
  border: #5bc0de solid 1px !important;
border: var(--table-operations-progress-bar-item-border) solid 1px !important;
}

.table-operations .progress-bar-warning {
  border: #f5a83e solid 1px !important;
border: var(--table-operations-progress-bar-warning-border) solid 1px !important;
}
.table-operations span.label-operation {
  display: none;
}
@media (max-width: 768px) {
  .table-operations tbody#tbody tr {
      display: flex;
      flex-flow: column wrap;
      padding: 0;
      list-style: none;
      margin-bottom: 0.5rem;
  }
  .table-operations thead#thead tr{
      display: none;
  }

  .table-operations span.label-operation {
      display: inline;
      padding-right: inherit;
      float: left;
      font-weight: bold;
  }
}

.table-operations [class*=classic]:before {
  content: "Loading...";
}

.table-operations .classic {
  text-align: center;
  font-weight: bold;
  font-family: sans-serif;
  font-size: 45px;
  animation: table-operations-c1 1s linear infinite alternate;
}

@keyframes table-operations-c1 {
  to {
      opacity: 0
  }
}

#table-operations-loadingdiv {
  height: 100px;
  position: relative;
}

#table-operations-loadingdiv .circle-infinite-loading {
  top: 55% !important;
  left: calc(50% - 3.4375rem) !important;
}

.new-operation-to-instrument {
  height: 2rem;
  margin-top: 0.4rem;
}

.new-operation-to-instrument > p{
  position: relative;
  display: inline-block;
  margin: 0px;
  max-width: calc(100% - 5rem);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.new-operation-to-instrument .switch {
  position: relative;
  top: 0.2rem;
}

.new-operation-to-instrument .switch > label {
  margin: 0rem !important;
}

.new-operation-to-instrument:hover {
  background-color: var(--row-hover) !important;
}

.new-operation-from-title,
.new-operation-to-title {
  border-bottom: 1px solid #00686D;
  margin-bottom: 0.6rem;
}

.new-operation-to-title {
  margin-top: 1rem;
}

#new-operation-to {
  margin-bottom: 2rem;
  overflow-y: auto;
  max-height: calc(100vh - 30rem);
  min-height: 4rem;
}

/* official 
.table-operations tr {
  border-top: 0px !important;
  border-bottom: 1px solid #00686D !important;
}
*/

/* new */
.table-operations table {
  border-collapse: separate;
  border-spacing: 0 0.5rem;
}

.table-operations table tr td:first-child { border-top-left-radius: .8rem; border-bottom-left-radius: .8rem;}
.table-operations table tr td:last-child { border-top-right-radius: .8rem; border-bottom-right-radius: .8rem;}

.table-operations {
  overflow-y: auto;
  max-height: calc(100vh - 20rem);
  min-height: 4rem;
  padding-top: 2rem;
  border: 0;
}

#table-operations-add,
#table-operations-remove,
.table-operations-owner-wrapper .selectize-control.single {
  margin-bottom: .5rem;
}

#page-modal-box-yesno-text .new-operation-project-wrapper {
  display: flow-root;
}


.table-operations th,
.table-operations td {
  border: 0px !important;
}

.table-operations td:last-child {
  width: 25%;
  text-align: center;
}

.table-operations .remove-button-wrapper {
  display: inline-block;
  float: left;
  margin-right: 1rem;
}

.table-operations .remove-button-wrapper .glyphicons-remove {
  position:relative;
  top: 0.2rem;
}

.station-operations-action-button.glyphicons-remove {
  color: var(--popup-msg-box-remove-color);
  cursor: pointer;
}

.table-operations .danger .remove-button-wrapper .glyphicons-remove {
  color: #fff;
  top: 0.6rem;
}

.new-operation-to-instrument .clone-settings-firmware-warning {
  display: inline-block;
  position: relative;
  margin-left: 0.2rem;
} 

.new-operation-to-instrument .clone-settings-firmware-warning svg {
  fill: var(--marker-orange-bottom);
  width: 1.375rem;
  height: 1.375rem;
}

.new-operation-project-wrapper {
  margin-bottom: 0.4rem;
}

@media screen and (max-width: 767px) {
  .table-responsive.table-operations td {
      width: 100%;
  }
  .table-responsive.table-operations table {
    border-spacing: 0 1rem;
  }
  .table-responsive.table-operations table tr td:first-child { 
    border-top-left-radius: .8rem; 
    border-bottom-left-radius: 0;
    border-top-right-radius: .8rem; 
  }
  .table-responsive.table-operations table tr td:last-child { 
    border-top-right-radius: 0; 
    border-bottom-right-radius: .8rem;
    border-bottom-left-radius: .8rem;
  }
}

.table-operations .state.status-icons-status {
  display: inline-block;
  position: relative;
  top: 0.3rem;
  width: 1.25rem;
  height: 1.4375rem;
  background-size: 100% auto !important;
}

.table-operations-owner-wrapper {
  display: inline-block;
}

.table-operations-owner-wrapper .selectize-control.single {
  width: 25rem;
}

.table-operations-remove-wrapper {
  display: inline-block;
  float: right;
}

.station-operations-wrapper {
  width: 100%;
  text-align: center;
  min-height: 20rem;
}

#table-operations-nonediv {
  text-align: left;
}

@media screen and (max-width: 1024px) {
  .table-operations-add-wrapper,
  .table-operations-owner-wrapper {
    display: block;
    float: right;
    width: 100%;
    margin: 0;
  }
  #table-operations-add,
  .table-operations-owner-wrapper .selectize-control.single {
    float: right;
  }
}

.table-operations .material-symbols-rounded {
  position: relative;
  top: 0.3rem;
  cursor: default;
  margin-bottom: 0.7rem;
}

.table-operations .col-station {
  margin-bottom: 0.22rem;
}

.table-operations-owner-wrapper .selectize-control.single .selectize-input {
  display: inline-block !important;
}