@charset "utf-8";

/* CSS Document */


/*
body {background:#1c1d1d; font-family: "Open Sans","sans-serif"; color:#fff;}
*/


/*
body {background:#1c1d1d; font-family: "Arial"; color:#fff;}
*/

@font-face {
  font-family: 'myriad-pro-regular';
  src: url('../fonts/MYRIADPRO-REGULAR.woff');
}

@font-face {
  font-family: 'myriad-pro-bold';
  src: url('../fonts/MYRIADPRO-BOLD.woff');
}
html, body{
  font-size: 16px;
}
@media (min-resolution: 120dpi) { 
	html, body { 
		font-size: 12px;
	}
}
body {
  background: rgb(0, 0, 0);
  background: var(--main-bg-color-default);
  font-family: "myriad-pro-regular";
  color: #FFF;
  color: var(--text-white-on-black);
}
@media (min-width: 768px){
  .navbar-nav > li > a {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
button:focus,
.button-like:focus {
  outline: 0 !important;
}
.btn{
  padding: 0.375rem 0.75rem;
}
.pagination > li > a, .pagination > li > span {
  padding: 0.375rem 0.75rem;
}
select.input-sm {
  height: 1.875rem !important;
  line-height: 1.875rem !important;
}
.selectize-dropdown, .selectize-input, .selectize-input input{
  font-size: 0.8125rem !important;
  line-height: 1.125rem !important;
}
.selectize-input{
  padding: 0.5rem !important;
}
.station-navigation-buttons .col-xs-12{
  padding-left: 2.0625rem;
  padding-right: 2.0625rem;
}
.nav > li > a{
  padding: 0.625rem 0.9375rem;
}
.station-icons-active{
  padding-top: 0.875rem !important;
  padding-bottom:0.875rem !important;
}
.modal-dialog{
  width:37.5rem;
}
/*.nav.nav-icons > li > a{
  padding: 1rem 0.9375rem;
}*/
.popover{
  font-size:0.875rem;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.1;
  color: inherit;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
h1,
.h1 {
  font-size: 2.25rem;
}
h2,
.h2 {
  font-size: 1.875rem;
}
h3,
.h3 {
  font-size: 1.5rem;
}
h4,
.h4 {
  font-size: 1.125rem;
}
h5,
.h5 {
  font-size: 1rem; /*0.875rem*/
}
h6,
.h6 {
  font-size: 0.875rem;
}
.input-group-addon {
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
}
.btn {
  font-size: 0.875rem;
}
.form-control {
  display: block;
  width: 100%;
  height: 2.125rem;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
}
.old-panel-link {
  display: inline-block;
  margin-left: 1.25rem;
}
#sideMenu .glyphicons:before {
  padding: 0.375rem 0.5rem;
}
.dont-wrap {
  white-space: nowrap;
}

.group-separator {
  margin-top: 0.9375rem;
}

.right-padding-small {
  padding-right: 0.625rem;
}

.right-padding-big {
  padding-right: 2.8125rem;
}

.title-font {
  color: #fff;
  color: var(--title-font-color);
}

.accounts-icon {
  margin-left: 0.125rem;
}

.input-has-error {
  background: #f0d0d0 !important;
  border: 0.1875rem solid #f00 !important;
  border-radius: 0.3125rem;
  outline-style: none !important;
}

.scrtabs-tabs-fixed-container {
  width: 100% !important;
}

#alarm-triggers-958 {
  padding-right: 1.875rem;
  margin-bottom: 0.9375rem;
}

#alarm-triggers-958-caption {
  width: 6.25rem;
  float: left;
  margin-left: 0.9375rem;
}

#alarm-triggers-958-empty,
#alarm-triggers-958-content {
  margin-left: 0.9375rem;
  outline: none;
}

#alarm-triggers-958-table td {
  text-align: center;
}

#alarm-triggers-958-table>tbody>tr:first-child>td:first-child {
  width: 100%;
}

.alarm-triggers-958-table {
  margin-bottom: 0.9375rem;
}

.alarm-triggers-958-table td {
  height: 3.75rem;
}

.alarm-triggers-958-icon {
  margin-left: 0.3125rem;
  color: #337ab7;
}

.meastrigger-rtc-setting {
  width: 15.625rem;
  float: right;
}

.storage-sort-icon {
  color: #a4a4a4;
  margin-left: 0.3125rem;
}

.spectrum-warning {
  display: inline-block !important;
  margin: 1.875rem !important;
}

.label-separation {
  margin-right: 0.3125rem;
}

.peripheral {
  word-wrap: normal;
  line-height: 2;
}

.peripheral p {
  color: #a4a4a4;
}

.button-separate {
  margin-top: 0.3125rem;
}

.change-password-form .checkbox {
  margin-bottom: 1.25rem;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.change-password-form .checkbox.show:before {
  content: '\e013';
  color: #1d9fdf;
  font-size: 0.625rem;
  margin: 0.3125rem 0 0 0.25rem;
  position: absolute;
  pointer-events: none;
  font-family: 'Glyphicons Halflings';
}

.change-password-form .checkbox .character-checkbox {
  width: 1.125rem;
  height: 1.125rem;
  cursor: pointer;
  border-radius: 0.1875rem;
  border: 0.0625rem solid #a4a4a4;
  vertical-align: middle;
  display: inline-block;
}

.change-password-form .checkbox .label {
  color: #a4a4a4;
  color: var(--station-list-item-p-color);
  font-size: 0.875rem;
  font-weight: normal;
}

.user-details-value {
  color: #d0d0d0 !important;
  color: var(--user-details-value-color) !important;
}

.user-details-warning {
  color: #337ab7 !important;
}

.user-details-div p {
  color: #a4a4a4;
}

.user-row-header {
  margin-left: 1.375rem;
}

.user-row-component-adjust {
  padding-top: 0.125rem;
}

.user-row-component {
  text-transform: none !important;
  margin-top: 0.9375rem !important;
  margin-bottom: 0.9375rem !important;
  white-space: nowrap !important;
}

.user-row-table>tbody>tr>td {
  text-transform: none;
  color: #a4a4a4;
  white-space: normal;
}

.side-bar-mini {
  width: 16.6875rem !important;
  min-height: 6.25rem !important;
}

.station-status-action-table {
  margin-top: 0.3125rem;
}

.station-status-action-table td {
  padding: 0.3125rem;
}

.station-status-action-icons {
  display: inline-block !important;
  padding-top: 0rem !important;
  padding-right: 0.3125rem !important;
}

.status-link {
  color: #1d9fdf;
}

.status-link:hover {
  color: #1d9fdf;
}

.textarea-rckey {
  width: 100% !important;
  height: 6.25rem !important;
}

.modal-switch {
  margin-top: -3.75rem;
}

.modal-dropdown {
  margin-top: -0.9375rem;
}

.modal-dropdown>.dropdown-toggle.btn-default:hover,
.modal-dropdown>.dropdown-toggle.btn-default:focus {
  border: 1px solid #000 !important;
}

.scrollable-menu {
  height: auto;
  max-height: 18.75rem;
  overflow-x: hidden;
}

.log-table-word-wrap td {
  white-space: normal;
  word-wrap: break-word;
  max-width: 12.5rem;
}

#log-list-info,
#unit-list-info,
#unit-list-info-single {
  color: #a4a4a4;
  color: var(--pagination-text-color);
}

#unit-list-info {
  margin-top: 0.625rem;
}

.log-list-info-hdr,
.unit-list-info-hdr {
  /*color: #fff !important;*/
  color: #FFF;
  color: var(--text-white-on-black);
}

.element-hidden {
  display: none !important;
}

.element-display-inline-block {
  display: inline-block !important;
}

.station-info-extra>table>tbody>tr>td {
  padding-left: 0.125rem;
}

.station-info-extra {
  text-transform: none;
  white-space: normal;
}

.station-info-extra>table {
  margin-top: 0.3125rem;
}

.station-row-adjust {
  margin-top: 1.25rem !important;
}

.station-info-adjust {
  margin-top: 0.625rem;
}

.station-info p {
  padding: 0.125rem 0.125rem;
  margin-bottom: 0rem;
}

.highlightable-row:active,
.highlightable-row:hover {
  background: #2d2e2f;
}

.page-adjuster-vertical {
  min-height: 1.5625rem;
}

.background-fix {
  background: #1c1d1d;
  background: var(--background-fix-bg);
  color: #a4a4a4;
  color: var(--background-fix-color);
  border: 0.0625rem solid #a4a4a4;
  border: 0.0625rem solid var(--background-fix-border-color);
}

.filter-bar-component {
  margin-bottom: 0.125rem !important;
}

.log-datetimepicker {
  margin-left: 0.1875rem;
}

.log-table {
  width: 100%;
}

.log-table td,
.log-table th {
  color: #a4a4a4;
  color: var(--log-table-color);
  line-height: 1.1;
  padding: 0.3125rem 0.3125rem;
}
.log-table td{
  word-break: break-word;
}
.log-table tr:hover {
  background: #2d2e2f;
}

.log-table tr:first-child {
  background: inherit;
}

@media(min-width: 48.0625rem) {
  .responsive-text-center {
    text-align: center;
  }
  .responsive-text-right-with-padding {
    text-align: right;
    padding-right: 2.8125rem;
  }
}

@media(max-width: 48rem) {
  .log-list>li {
    display: block;
  }
  .log-list {
    margin-top: 0.625rem;
  }
}

.log-list {
  margin-bottom: 0rem;
  margin-top: -1.25rem;
}

.log-data {
  color: #a4a4a4;
  line-height: 1.1;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}

.data-ok {
  color: #008000 !important;
}

.data-warning-big {
  color: #ff8000 !important;
}

.data-warning {
  color: #dfdf00 !important;
}

.data-warning-alt {
  color: var(--yellow-grid-gradient-top) !important;
}

.data-error {
  color: #f00 !important;
}

.clickable-object {
  cursor: pointer !important;
}

@media (max-width: 47.9375rem) {
  .filter-bar-component>.glyphicon {
    line-height: 1.8;
  }
}

@media (max-width: 23.6875rem) {
  #limit {
    margin-top: 0rem;
  }
  .pagination-user-panel>li {
    line-height: 4;
  }
}

@media (max-width: 26.8125rem) {
  .pagination-user-panel>li {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }
}

.pagination-user-panel {
  float: none;
  margin: 1.25rem 0;
}

#limit {
  margin-top: 1.25rem;
}

.pagination-user-panel>li {
  margin: 1.25rem 0;
}

.pagination-user-panel>li>a {
  color: #1d9fdf;
}

.pagination-user-panel>.active>a,
.pagination-user-panel>.active>span,
.pagination-user-panel>.active>a:hover,
.pagination-user-panel>.active>span:hover,
.pagination-user-panel>.active>a:focus,
.pagination-user-panel>.active>span:focus {
  background-color: #1d9fdf;
  border-color: #1d9fdf;
}

.pagination-user-panel>li>a,
.pagination-user-panel>li>span {
  float: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5625rem;
}

.pagination>li>a,
.pagination>li>span {
  background: #1c1d1d;
  border: 0.0625rem solid #a4a4a4;
}

.dropdown:not(.bootstrap-select) .dropdown-menu {
  z-index: 1050 !important;
  position: fixed;
}


/*
.bootstrap-select .dropdown-menu {
  position: absolute;
}*/

.bootstrap-select .dropdown-menu li {
  float: none !important;
  /* bootstrap-select plugin support */
}

.navbar-fix {
  top: -1.25rem
}

.has-glyphicon-fix .form-control-feedback {
  color: #337ab7;
  color: var(--svantek-accent-blue-thin);
}

.main-logo {
  display: block;
  width: 26.75rem;
  height: 7.0625rem;
  background: url("../images/main-logo-blue.png") no-repeat center;
  cursor: auto;
  margin: 0 auto;
  border: none;
}

.popover {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.popover-title {
  padding: 0.5rem 0.875rem;
  margin: 0;
  font-size: 0.875rem;
  background-color: #f7f7f7;
  border-bottom: 0.0625rem solid #ebebeb;
  border-radius: 0.3125rem 0.3125rem 0 0;
  color: #000;
}

.popover-content {
  padding: 0.5625rem 0.875rem;
  color: #000;
}

.svannet {
  margin-left: 4.6875rem;
  margin-right: 4.6875rem;
  background-color: #1c1d1d;
  color: #fff;
}

header.svannet {
  padding-top: 0;
  padding-bottom: 0;
}

.svannet h1 {
  font-size: 2.25rem;
}


/*BUTTONS*/

.caret {
  margin: 0.5625rem;
  right: 0;
  position: absolute;
}

/*.btn-default:focus,
.btn-default.focus {
  color: #fff;
  background-color: #1d9fdf;
  border: none;
}*/

.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
  color: #fff;
  background: none;
  /*border: none;*/
  background-color: #333434;
  background-color: var(--station-list-item-background-hover);
}

.btn-svn {
  font-size: 0.875rem;
  text-transform: uppercase;
  border-radius: 1.875rem;
  background: none;
  color: #fff;
  padding: 0.75rem 2.125rem;
  margin: 0 0.625rem;
  width: 11.25rem;
}

.btn-svn-big {
  width: 10rem !important;
}

.btn-svn-wide {
  width: 13.75rem !important;
}

.btn-svn-very-wide {
  width: 20rem !important;
}

.btn-svn-a,
.btn-svn-a:hover,
.btn-svn-a:active,
.btn-svn-a.active,
.btn-svn:hover,
.btn-svn:active,
.btn-svn.active,
.btn-svn.active:hover,
.btn-svn:active:hover,
.btn-svn:active:focus,
.btn-svn-a.active:focus,
.btn-svn-a.active:hover,
.btn-svn-a:active:hover,
.btn-svn-a:active:focus,
.btn-svn-a.active:focus {
  background-color: #1d9fdf;
  background-color: var(--btn-svn-bg);
  color: #fff;
  color: var(--btn-svn-color);
  border: 1px solid var(--btn-svn-border-hover-focus);
  padding: 0.75rem 2.125rem;
  margin: 0 0.625rem;
}

.btn-svn-a:hover,
.btn-svn-a.active:hover,
.btn-svn-a:active:hover {
  background-color: #fff;
  color: #000;
}

.btn-svn-small {
  padding: 0.375rem 0.75rem !important;
}

.btn-svn-list {
  text-transform: lowercase;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  width: 100%;
  border-radius: 0;
  margin-bottom: 0.3125rem !important;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  background: transparent;
  background: var(--station-list-item-background);
}

.btn-svn-list .device-list {
  border: 0.0625rem solid transparent;
  /* border: 1px solid var(--station-list-item-border-transparent-color); */
  /*border-bottom: 1px solid #3a3c3d;
  border-bottom: 1px solid var(--station-list-item-border-color);*/
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

.btn-svn-list:hover,
.btn-svn-list:focus,
.btn-svn-list.active,
.btn-svn-list:active,
.open>.dropdown-toggle.btn-svn-list:hover,
.btn-svn-list:active:focus,
.btn-svn-list.active:focus,
.open>.dropdown-toggle.btn-svn-list:focus,
.btn-svn-list:active.focus,
.btn-svn-list.active.focus,
.open>.dropdown-toggle.btn-svn-list.focus {
  background-color: #333434;
  background-color: var(--station-list-item-background-hover);
  border: 0;
}

.btn-svn-list:focus,
.btn-svn-list.focus {
  background-color: #333434;
  background-color: var(--station-list-item-background-hover);
  border: 0;
}

.btn-svn-list-selected {
  background-color: #333434;
  background-color: var(--station-list-item-background-hover);
}

.btn-svn-list-selected .device-list {
  border: 0.0625rem solid transparent;
  /* border: 1px solid var(--station-list-item-border-transparent-color); */
  /*border-bottom: 1px solid #1c1d1d;
  border-bottom: 1px solid var(--station-list-item-border-color);*/
}

.project-heading .btn-svn-list .device-list {
  border: 0;
  border-bottom: 0.0625rem solid #3a3c3d;
  border-bottom: 0.0625rem solid var(--station-list-item-border-color);
}


/*BTN TOGGLE*/

.switch {
  display: inline-block;
  float: right;
}

.cmn-toggle {
  display: none;
  position: relative;
  margin-left: -624.9375rem;
  visibility: hidden;
}

.cmn-toggle+label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cmn-toggle-label-on {
  position: relative;
  padding-left: 0.3125rem;
  z-index: 100;
  width: 100%;
  height: 100%;
  padding-top: 0.125rem;
  text-align: left !important;
}

.cmn-toggle-label-off {
  position: relative;
  padding-right: 0.3125rem;
  z-index: 100;
  width: 100%;
  height: 100%;
  padding-top: 0.125rem;
  text-align: right !important;
}

input.cmn-toggle-round+label {
  padding: 0.125rem;
  width: 3.125rem;
  height: 1.25rem;
  background: none;
  -webkit-border-radius: 3.75rem;
  -moz-border-radius: 3.75rem;
  -ms-border-radius: 3.75rem;
  -o-border-radius: 3.75rem;
  border-radius: 3.75rem;
}

input.cmn-toggle-round+label:before,
input.cmn-toggle-round+label:after {
  display: block;
  position: absolute;
  top: 0.0625rem;
  left: 0.0625rem;
  bottom: 0.0625rem;
  content: "";
}

input.cmn-toggle-round+label:before {
  right: 0.0625rem;
  background: none;
  border: 0.0625rem solid #a4a4a4;
  -webkit-border-radius: 3.75rem;
  -moz-border-radius: 3.75rem;
  -ms-border-radius: 3.75rem;
  -o-border-radius: 3.75rem;
  border-radius: 3.75rem;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
}

input.cmn-toggle-round+label:after {
  width: 1.25rem;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.3);
  box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.3);
  -webkit-transition: margin 0.2s;
  -moz-transition: margin 0.2s;
  -o-transition: margin 0.2s;
  transition: margin 0.2s;
  -webkit-box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.5);
}

input.cmn-toggle-round:checked+label:before {
  background-color: #00abe7;
  border: 0.0625rem solid #00abe7;
  background-color: var(--svantek-accent-blue);
  border: 0.0625rem solid var(--svantek-accent-blue);
}

input.cmn-toggle-round:checked+label:after {
  margin-left: 1.75rem;
}

input.cmn-toggle-round+label .cmn-toggle-label-on {
  display: none;
}

input.cmn-toggle-round+label .cmn-toggle-label-off {
  display: inline-block;
}

input.cmn-toggle-round:checked+label .cmn-toggle-label-on {
  display: inline-block;
  color: #fff;
}

input.cmn-toggle-round:checked+label .cmn-toggle-label-off {
  display: none;
}

.switch-big input.cmn-toggle-round+label {
  width: 4.1875rem;
  height: 1.5625rem;
  margin-top: 1.5625rem;
  padding: 0.0625rem;
}

.switch-big input.cmn-toggle-round:checked+label:after {
  margin-left: 2.4375rem;
}

.switch-big input.cmn-toggle-round+label:after {
  width: 1.5625rem;
}

.switch-wide input.cmn-toggle-round+label {
  width: 7.1875rem;
  height: 1.875rem;
  margin-top: 1.5625rem;
  padding: 0.0625rem;
}

.switch-wide input.cmn-toggle-round:checked+label:after {
  margin-left: 5.4375rem;
}

.switch-wide input.cmn-toggle-round+label:after {
  width: 1.5625rem;
}

.switch-wide .cmn-toggle-label-on {
  padding-top: 0.3125rem;
}

.switch-wide .cmn-toggle-label-off {
  padding-top: 0.3125rem;
}

.switch-wide-2 input.cmn-toggle-round+label {
  width: 10rem;
  height: 1.875rem;
  margin-top: 1.5625rem;
  padding: 0.0625rem;
}

.switch-wide-2 input.cmn-toggle-round:checked+label:after {
  margin-left: 8.25rem;
}

.switch-wide-2 input.cmn-toggle-round+label:after {
  width: 1.5625rem;
}

.switch-wide-2 .cmn-toggle-label-on {
  padding-top: 0.3125rem;
}

.switch-wide-2 .cmn-toggle-label-off {
  padding-top: 0.3125rem;
}

.switch-comp input.cmn-toggle-round+label {
  width: 5.625rem;
  height: 1.875rem;
  margin-top: 1.5625rem;
  padding: 0.0625rem;
}

.switch-comp input.cmn-toggle-round:checked+label:after {
  margin-left: 3.875rem;
}

.switch-comp input.cmn-toggle-round+label:after {
  width: 1.5625rem;
}

.switch-comp .cmn-toggle-label-on {
  padding-top: 0.3125rem;
}

.switch-comp .cmn-toggle-label-off {
  padding-top: 0.3125rem;
}

.switch-comp-2 input.cmn-toggle-round+label {
  width: 4.375rem;
  height: 1.875rem;
  margin-top: 1.5625rem;
  padding: 0.0625rem;
}

.switch-comp-2 input.cmn-toggle-round:checked+label:after {
  margin-left: 2.625rem;
}

.switch-comp-2 input.cmn-toggle-round+label:after {
  width: 1.5625rem;
}

.switch-comp-2 .cmn-toggle-label-on {
  padding-top: 0.3125rem;
}

.switch-comp-2 .cmn-toggle-label-off {
  padding-top: 0.3125rem;
}


/*ICONS*/

.side-bar-menu-icons {
  position: relative;
  min-height: 0.0625rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

.main-menu-icons {
  display: block;
  width: 1.4375rem;
  height: 1.25rem;
  cursor: pointer;
}

.main-menu-icons-house {
  background: url("../images/main-menu-icons-home.png") no-repeat 0 0;
}

.main-menu-icons-stats {
  background: url("../images/main-menu-icons-stats.png") no-repeat 0 0;
}

.main-menu-icons-data {
  background: url("../images/main-menu-icons-data.png") no-repeat 0 0;
}

.main-menu-icons-settings {
  background: url("../images/main-menu-icons-settings.png") no-repeat 0 0;
}

.status-icons {
  display: block;
  /*width: 20px;
  height: 23px;*/
  width: 1.25rem;
  height: 1.4375rem;
  cursor: pointer;
  background-size: 100% auto !important;
}

.status-icons-allert {
  background: url("../images/status-icons-allert.png") no-repeat 0 0;
  background: var(--status-icons-allert-url) no-repeat 0 0;
}

.status-icons-status {
  background: url("../images/status-icons-status-extended.png") no-repeat 0 0;
  background: var(--status-icons-status-url) no-repeat 0 0;
}

.status-icons-battery {
  background: url("../images/status-icons-battery.png") no-repeat 0 0;
  background: var(--status-icons-battery-url) no-repeat 0 0;
}

.status-icons-plug {
  background: url("../images/status-icons-plug.png") no-repeat 0 0;
  background: var(--status-icons-plug-url) no-repeat 0 0;
}

.status-icons-antena {
  background: url("../images/status-icons-antena.png") no-repeat 0 0;
  background: var(--status-icons-antena-url) no-repeat 0 0;
}

.status-icons-memory {
  background: url("../images/status-icons-memory.png") no-repeat 0 0;
  background: var(--status-icons-memory-url) no-repeat 0 0;
}

.status-icons-data-transfer {
  display: inline-block;
  background: url("../images/logs.png") no-repeat 0 0;
  background: var(--status-icons-logs-url) no-repeat 0 0;
  background-position: 0 0;
  width: 1.25rem;
  height: 1.1875rem;
  background-size: 5.125rem 1.1875rem;
}

.status-icons-statuses {
  display: inline-block;
  background: url("../images/logs.png") no-repeat 0 0;
  background: var(--status-icons-logs-url) no-repeat 0 0;
  background-position: -1.3125rem 0;
  width: 1.25rem;
  height: 1.1875rem;
  background-size: 5.125rem 1.1875rem;
}

.status-icons-changes {
  display: inline-block;
  background: url("../images/logs.png") no-repeat 0 0;
  background: var(--status-icons-logs-url) no-repeat 0 0;
  background-position: -2.625rem 0;
  width: 1.25rem;
  height: 1.1875rem;
  background-size: 5.125rem 1.1875rem;
}

.status-icons-logins {
  display: inline-block;
  background: url("../images/logs.png") no-repeat 0 0;
  background: var(--status-icons-logs-url) no-repeat 0 0;
  background-position: -3.9375rem 0;
  width: 1.25rem;
  height: 1.1875rem;
  background-size: 5.125rem 1.1875rem;
}

.on {
  background-position: 0 -1.5rem;
}

.greyed,
.red {
  background-position: 0 -3rem;
}

.yellow {
  background-position: 0 -4.5rem;
}

.sleep {
  background-position: 0 -6rem;
}

.sleep {
  animation: sleeping-blink-animation 2s steps(15, start) infinite;
  -webkit-animation: sleeping-blink-animation 2s steps(15, start) infinite;
}

.sleep-greyed {
  background-position: 0 -7.375rem;  
}
@keyframes sleeping-blink-animation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes sleeping-blink-animation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}

.profile-icons {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
}

.user-row-icon-active {
  background: url("../images/profile-icons-profile.png") no-repeat 0 -1.3125rem;
}

.user-row-icon-inactive {
  background: url("../images/profile-icons-profile.png") no-repeat 0 0;
}

.profile-icons-profile {
  background: url("../images/profile-icons-profile.png") no-repeat 0 0;
}

.profile-icons-allert {
  background: url("../images/profile-icons-allert.png") no-repeat 0 0;
}

.profile-icons-logout {
  background: url("../images/profile-icons-logout.png") no-repeat 0 0;
}

.user-inc .on {
  background-position: 0 -1.25rem;
}

.status-icons-status-small {
  background: url("../images/status-icons-status-small.png") no-repeat 0 0;
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  cursor: auto;
}

.device-status .on {
  background-position: 0 -0.6875rem;
}

.device-status .warning {
  background-position: 0 -1.375rem;
}

.icon-down {
  background: url("../images/icon-down.png") no-repeat;
  display: inline-block;
  width: 0.875rem;
  height: 0.5rem;
  cursor: auto;
}

.icon-download {
  background: url("../images/icon-download.png") no-repeat;
  -webkit-filter: hue-rotate(15deg);
  filter: hue-rotate(15deg);
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.3125rem;
  cursor: auto;
  background-size: contain;
}

.icon-trash {
  background: url("../images/icon-trash.png") no-repeat;
  -webkit-filter: hue-rotate(15deg);
  filter: hue-rotate(15deg);
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  cursor: auto;
  background-size: contain;
}

.icon-battery {
  background: url("../images/icon-battery.png") no-repeat;
  display: inline-block;
  width: 0.6428571429rem;
  height: 2.625rem;
  cursor: auto;
  background-size: contain;
}

.icon-memory {
  background: url("../images/icon-memory.png") no-repeat;
  display: inline-block;
  width: 0.6428571429rem;
  height: 2.625rem;
  cursor: auto;
  background-size: contain;
}


/*MAIN MENU */

.navbar-default {
  border: none;
  margin-bottom: 0rem;
  border-radius: 0rem;
}

.side-bar {
  min-height: 37.1875rem;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5.9375rem;
  z-index: 1010;
  background-color: #2d2e2f;
  font-size: 1.375rem;
}

.container-list-header {
  position: absolute;
  top: 0;
  /*background-color: #2d2e2f;*/
  border-bottom: 0.0625rem solid #000;
}

.navbar-default .navbar-nav>li>a {
  color: #a4a4a4;
  border: 0.0625rem solid transparent;
  border-radius: 0.3125rem;
}

.navbar-default .navbar-nav>li>a.side-bar-icon-active {
  border: 0.0625rem solid #1d9fdf;
}

.navbar-default .navbar-nav>li>a:hover {
  color: #1d9fdf;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus:not(.new-tab-link) {
  color: #1d9fdf;
  background-color: transparent;
  border: 0.0625rem solid #1d9fdf;
  /*border-radius: 5px;*/
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus:not(.new-tab-link) {
  color: #1d9fdf;
  background-color: #1d9fdf;
  border: 0.0625rem solid #1d9fdf;
  /*border-radius: 5px;*/
}


/*LOGIN */

.container-login {
  overflow: hidden;
}

#login {
  padding-top: 4%;
}

#login .container {
  margin: 0 auto;
}

#login .form-wrap {
  width: 40%;
  min-width: 21.875rem;
  margin-top: 5%;
  margin-left: auto;
  margin-right: auto;
}

#login .form-group {
  margin-bottom: 1.5625rem;
}

#login .checkbox {
  margin-bottom: 1.25rem;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

#login .checkbox.show:before {
  content: '\e013';
  color: #1d9fdf;
  font-size: 0.625rem;
  margin: 0.25rem 0 0 0.1875rem;
  position: absolute;
  pointer-events: none;
  font-family: 'Glyphicons Halflings';
}

#login .checkbox .character-checkbox {
  width: 1.125rem;
  height: 1.125rem;
  cursor: pointer;
  border-radius: 0.1875rem;
  border: 0.0625rem solid #a4a4a4;
  border: 0.0625rem solid var(--login-link-color);
  vertical-align: middle;
  display: inline-block;
}

#login .checkbox .label {
  color: #a4a4a4;
  color: var(--login-link-color);
  font-size: 0.875rem;
  font-weight: normal;
}

#login .btn.btn-custom {
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
}

#login .forget {
  float: right;
  display: inline-block;
  color: #a4a4a4;
  color: var(--login-link-color);
}

#login .copyright-login {
  color: #a4a4a4;
  color: var(--login-link-color);
  display: block;
  text-align: center;
  font-size: 1rem;
  margin: 1.875rem 0;
}

.captcha-image {
  margin: 0rem 43%;
}

.tos-textarea {
  width: 100%;
  min-width: 26.5625rem;
  height: 12.5rem;
  color: #000;
}

.tos-checkbox-label {
  margin-left: 1.25rem !important;
}

.tos-checkbox {
  margin-left: 0rem !important;
}

.svannet-logo {
  font-family: "myriad-pro-bold";
  display: block;
  width: 12.5rem;
  height: 7.0625rem;
  background: url(../images/svannet-logo.svg) no-repeat center;
  cursor: auto;
  margin-left: calc(50% - 270px);
  border: none;
  min-width: 9.375rem;
}

.svannet-logo div {
  padding-left: 13.75rem;
  color: #fff;
  color: var(--panel-login-wrapper-color);
  font-size: 3.75rem;
  font-weight: bold;
  padding-top: 0.9375rem;
}

@media(max-width: 81.875rem) {
  .svannet-logo:not(.create-form) {
    margin-left: 0rem;
    width: 14vw;
    height: 10vw;
  }
  .svannet-logo:not(.create-form) div {
    padding-left: 17vw;
    font-size: 4.5vw;
    padding-top: 1.5vw;
  }
}

@media(max-width: 56.25rem) {
  .svannet-logo:not(.create-form) {
    margin-left: 0rem;
    width: 7.5rem;
    height: 4.375rem;
  }
  .svannet-logo:not(.create-form) div {
    padding-left: 9.375rem;
    padding-top: 0.625rem;
    font-size: 2.5rem;
  }
}

@media(max-width: 34.6875rem) {
  .svannet-logo.create-form {
    margin-left: 0rem;
    width: 10.625rem;
    height: 7.5rem;
  }
  .svannet-logo.create-form div {
    padding-left: 11.25rem;
    padding-top: 1.875rem;
    font-size: 3.125rem;
  }
}


/*Inputs & Buttons*/

#login .form-control {
  /*width: 100%;
  height: 54px;
  padding: 6px 0px;
  font-size: 22px;
  line-height: 1.42857143;
  color: #fff;
  color: var(--form-control-color);
  background: none;
  background-image: none;
  border: none;
  border-bottom: 1px solid #6a6b6b;
  border-radius: 0;
  box-shadow: none;*/
  width: 100%;
  height: 2.1875rem;
  padding: 0.3125rem 0.3125rem;
  font-size: 1.125rem;
  line-height: 1.42857143;
  color: #064b90 !important;
  background: #FFF !important;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

/*#login #login-form {
  margin-top: 20%;
}*/

.btn-custom,
.btn-custom:hover,
.btn-custom:focus,
.btn-custom.active,
.btn-custom:active,
.btn-custom:active:focus,
.btn-custom.active:focus,
.btn-custom:active.focus,
.btn-custom.active.focus {
  margin: 1.875rem 40%;
}

#footer {
  color: #6d6d6d;
  font-size: 0.75rem;
  text-align: center;
}

#footer p {
  margin-bottom: 0;
}

#footer a {
  color: inherit;
}

.side-bar .logo {
  display: block;
  width: 4.6875rem;
  height: 4.6875rem;
  background: url("../images/logo-blue.png") no-repeat center;
  cursor: auto;
  margin: 1.875rem 0 3.75rem -0.3125rem
}

.side-bar .svannet-logo-small {
  display: block;
  width: 4.6875rem;
  height: 2.8125rem;
  background: url("../images/svannet-logo.svg") no-repeat center;
  cursor: auto;
  margin: 1.875rem 0 3.75rem -0.375rem
}

.side-bar .svannet-logo-text {
  padding-top: 2.1875rem;
  margin-left: -0.9375rem;
  font-size: 0.875rem;
  font-family: 'myriad-pro-bold';
  color: #ddd;
  width: 5.3125rem;
}

.copyright {
  position: absolute;
  font-size: 0.8125rem;
  text-transform: uppercase;
  bottom: 0.3125rem;
  left: 0.9375rem;
  text-align: center;
  color: #a4a4a4;
}


/*STATUS BAR - list*/

.status-list {
  left: inherit;
  right: 0;
  width: 26.875rem;
  z-index: 1010;
  background-color: #2d2e2f;
  font-size: 0.875rem;
}

.device-name-status {
  margin-top: 1.875rem;
  margin-bottom: 1.25rem;
}

.device-name-status h4 {
  margin-top: 0.1875rem;
  margin-bottom: 0.375rem;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 11.5rem;
  color: #FFF;
  color: var(--station-list-item-h5-color);
}

.device-name-status p {
  color: #a4a4a4;
  color: var(--station-list-item-p-color);
  margin: 0 0 0.3125rem;
}

.controller-name-status {
  margin-left: 1.1875rem !important;
}

.nav-tabs {
  border-bottom: 0.0625rem solid #494b4c;
}

.nav-status {
  background: rgba(28, 29, 29, 0.9);
  background: var(--nav-status-background);
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: #1d9fdf;
  cursor: default;
  background-color: transparent;
  border: 0.1875rem solid;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom-color: #1d9fdf;
}

.nav-tabs>li>a {
  color: #a4a4a4;
  cursor: default;
  background-color: transparent;
  border: none;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
  color: #1d9fdf;
  cursor: default;
  background-color: transparent;
  border: none;
}

.status-status {
  padding: 0.9375rem;
  /*20px*/
}

.status-status li {
  font-size: 0.875rem;
  list-style: none;
}

.status-buttons {
  padding-left: 0.3125rem;
  margin-bottom: 0.625rem;
  line-height: 5.8125rem;
  bottom: 0;
}

.status-table {
  margin-top: 1.25rem;
}

.status-names {
  /*width: 50%;*/
  color: #a4a4a4;
  color: var(--status-names-color);
  margin-top: 1.875rem;
  padding-right: 0.625rem !important;
}

.status-data {
  /*width: 50%;*/
  color: #fff;
  color: var(--status-data-color);
  margin-top: 1.875rem;
}

.status-data .allert {
  color: #ef3b2d;
}


/*STATUS BAR */

.status {
  /*width: 237px;*/
  width: 21.875rem;
  overflow: auto;
  position: absolute;
  text-align: left;
  bottom: 0;
  min-height: inherit;
  overflow-x: hidden;
}

.status .device-name-status {
  margin: 1.875rem 0 0 0.5rem;
}

.status .device-name-status-result-name {
  margin: 0rem 0 0 0.5rem;
}

.status .device-name-status p {
  display: inline-block;
  margin: 0;
}

.status .device-name-status-result-name p {
  display: inline-block;
}

.status .device-name-fix p {
  margin: 0 0.5625rem;
}


/*PROFILE*/

.separator {
  font-size: 3.125rem;
  line-height: 1.125rem;
  color: #1c1d1d;
}

.user-inc>li>a:hover,
.user-inc>li>a:focus {
  background-color: transparent;
  border: none;
}

.user-incs>.active>a,
.user-inc>.active>a:hover,
.user-inc>.active>a:focus {
  background-color: transparent;
  border: none;
}


/*DB STATUS*/

* {
  box-sizing: border-box;
}

.sizing-box {
  height: 4.375rem;
  width: 10rem;
}

.signal-bars {
  display: inline-block;
}

.signal-bars .bar {
  width: 6%;
  margin-left: 1%;
  min-height: 20%;
  display: inline-block;
  border-radius: 0.1875rem;
}

.signal-bars .bar.first-bar {
  height: 50%;
  background-color: #437b43;
  background-color: var(--result-display-first-bar-bg);
}

.signal-bars .bar.second-bar {
  height: 50%;
  background-color: #00b0e1;
  background-color: var(--result-display-second-bar-bg);
}

.signal-bars .bar.third-bar {
  height: 50%;
  background-color: #00b6da;
  background-color: var(--result-display-third-bar-bg);
}

.signal-bars .bar.fourth-bar {
  height: 50%;
  background-color: #00bdd2;
  background-color: var(--result-display-fourth-bar-bg);
}

.signal-bars .bar.fifth-bar {
  height: 50%;
  background-color: #00c1cd;
  background-color: var(--result-display-fifth-bar-bg);
}

.signal-bars .bar.sixth-bar {
  height: 60%;
  background-color: #e8da43;
  background-color: var(--result-display-sixth-bar-bg);
}

.signal-bars .bar.seventh-bar {
  height: 70%;
  background-color: #e8ac43;
  background-color: var(--result-display-seventh-bar-bg);
}

.signal-bars .bar.eighth-bar {
  height: 80%;
  background-color: #e87543;
  background-color: var(--result-display-eighth-bar-bg);
}

.signal-bars .bar.ninth-bar {
  height: 90%;
  background-color: #e84343;
  background-color: var(--result-display-ninth-bar-bg);
}

.signal-bars .bar.tenth-bar {
  height: 100%;
  background-color: #e84343;
  background-color: var(--result-display-tenth-bar-bg);
}

.nine-bars .bar.tenth-bar,
.eight-bars .bar.ninth-bar,
.eight-bars .bar.tenth-bar,
.seven-bars .bar.tenth-bar,
.seven-bars .bar.ninth-bar,
.seven-bars .bar.eighth-bar,
.six-bars .bar.tenth-bar,
.six-bars .bar.ninth-bar,
.six-bars .bar.eighth-bar,
.six-bars .bar.seventh-bar,
.five-bars .bar.tenth-bar,
.five-bars .bar.ninth-bar,
.five-bars .bar.eighth-bar,
.five-bars .bar.seventh-bar,
.five-bars .bar.sixth-bar,
.four-bars .bar.tenth-bar,
.four-bars .bar.ninth-bar,
.four-bars .bar.eighth-bar,
.four-bars .bar.seventh-bar,
.four-bars .bar.sixth-bar,
.four-bars .bar.fifth-bar,
.three-bars .bar.tenth-bar,
.three-bars .bar.ninth-bar,
.three-bars .bar.eighth-bar,
.three-bars .bar.seventh-bar,
.three-bars .bar.sixth-bar,
.three-bars .bar.fifth-bar,
.three-bars .bar.fourth-bar,
.one-bar .bar:not(.first-bar),
.two-bars .bar:not(.first-bar):not(.second-bar),
.no-bars .bar.tenth-bar,
.no-bars .bar.ninth-bar,
.no-bars .bar.eighth-bar,
.no-bars .bar.seventh-bar,
.no-bars .bar.sixth-bar,
.no-bars .bar.fifth-bar,
.no-bars .bar.fourth-bar,
.no-bars .bar.third-bar,
.no-bars .bar.second-bar,
.no-bars .bar.first-bar {
  background: none;
  border: 0.0625rem solid #a4a4a4;
}

.device-status-db h3 {
  margin-bottom: -1.5rem;
}

.device-status-db p {
  margin-left: 0rem;
  color: #fff;
}

.device-status-db p span {
  margin-left: 1.125rem;
  color: #a4a4a4;
}

.device-status-fix p {
  color: #fff;
  color: var(--device-status-fix-p-color);
  vertical-align: top;
}


/*SPECTRUM STATUS*/


/*BATTERY STATUS*/

.device-battery-status {
  display: inline-block;
}

.device-battery-status h3,
.device-battery-status p {
  margin: 0 0 0 0.5rem
}

.device-battery-status .signal-bars {
  display: block;
  padding-top: 0.5rem;
}

.device-battery-status .signal-bars .bar {
  height: 6%;
  margin-top: 2%;
  min-height: 6%;
  display: block;
  border-radius: 0rem;
  width: 11%;
  margin-left: 3%;
}

.device-battery-status .four-bars .bar.fifth-bar,
.device-battery-status .three-bars .bar.fifth-bar,
.device-battery-status .three-bars .bar.fourth-bar,
.device-battery-status .one-bar .bar:not(.first-bar),
.device-battery-status .two-bars .bar:not(.first-bar):not(.second-bar),
.device-battery-status .no-bars .bar.fifth-bar,
.device-battery-status .no-bars .bar.fourth-bar,
.device-battery-status .no-bars .bar.third-bar,
.device-battery-status .no-bars .bar.second-bar,
.device-battery-status .no-bars .bar.first-bar {
  background: none;
  border: none;
}


/*MEMORY STATUS*/

.device-memory-status {
  display: inline-block;
}

.device-memory-status h3,
.device-memory-status p {
  margin: 0 0 0 0.5rem
}


/*STATUS CHECK*/

.device-satus-check p span {
  color: #fff;
}


/*DEVICE LIST*/

.header-fix {
  border: none;
  margin: 1.25rem 0 0rem;
}

.device-list h5 {
  color: #fff;
  color: var(--station-list-item-h5-color);
  text-transform: uppercase;
  margin-bottom: 0.3125rem;
  margin-top: 0.9375rem;
  white-space: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}

.device-list p {
  color: #a4a4a4;
  color: var(--station-list-item-p-color);
}

.device-list p:hover {
  text-decoration: none;
}

.nav-icons>li>a:hover,
.nav-icons>li>a:focus,
.nav-icons>li>a.focus {
  background-color: #333434;
  background-color: var(--station-list-item-background-hover);
  border: none;
}

.nav-icons>.active>a,
.nav-icons>.active>a:hover,
.nav-icons>.active>a:focus,
.nav-icons>.active>a.focus {
  background-color: #333434;
  border: none;
}

@media (max-width: 34.375rem) {
  /*.storage-list-options {
    padding-bottom: 60px;
  }*/
}

@media (max-width: 48rem) {
  .refresh-btn {
    margin-bottom: 0.625rem;
  }
  /*.storage-list-options {
    height: 50px !important;
  }*/
  .storage-icons-wide {
    display: none;
  }
}

@media (min-width: 48rem) {
  /*.storage-list-options {
    height: 50px !important;
  }*/
  .storage-icons-short {
    display: none;
  }
}


/*STORAGE LIST*/

.storage-list-options {
  margin-bottom: 1.25rem;
  height: auto;
  border-bottom: 0.0625rem solid #3a3c3d;
}

.storage-list-options a {
  margin-right: 1.25rem;
}

.storage-list-options .text-right a {
  margin-left: 1.25rem;
  margin-right: 0rem;
}

.storage-list-options a:hover,
.storage-list-options a:focus,
.storage-list-options a:active,
.storage-list-options a.active {
  color: #fff;
  color: var(--storage-list-options-a-hover-color);
  text-decoration: underline;
}

.storage-list-navigation {
  margin-left: 0.9375rem;
  color: #a4a4a4;
}

.storage-list-navigation a {
  color: #a4a4a4;
}

.storage-list-navigation a:hover,
.storage-list-navigation a:focus,
.storage-list-navigation a:active,
.storage-list-navigation a.active {
  color: #fff;
  text-decoration: underline;
}

.storage-nav-icon {
  font-size: 1.25rem;
  color: #a4a4a4;
  color: var(--storage-list-color);
  top: 0.3125rem;
  margin-right: 0.3125rem;
}

.storage-list-titles {
  margin: 1.25rem 0;
}

.storage-data {
  border-bottom: 0.0625rem solid #3a3c3d;
  min-height: 2.125rem;
  line-height: 2.125rem;
  padding-top: 0.625rem;
}

.storage-data:hover {
  /* border-bottom: 1px solid #292a2a; */
  background-color: #292a2a;
  /* border-bottom: 1px solid var(--storage-data-hover-background);*/
  background-color: var(--storage-data-hover-background);
}

.storage-list-options a,
.storage-data a,
.storage-data p,
.storage-list-titles a {
  color: #a4a4a4;
  color: var(--storage-list-color);
}

.storage-data p span {
  color: #fff;
}

.file-caption {
  padding-left: 2.5rem;
}

@media (max-width: 75rem) {
  .file-caption {
    padding-left: 1.875rem;
  }
}

.file-check {
  display: inline;
}

.file-checkbox {
  margin-top: 1.25rem !important;
}

.data-checkboxes li {
  display: inline-block;
}

.data-checkboxes .checkbox {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.checkbox input[type="checkbox"] {
  opacity: 0;
  z-index: 1;
  position: inherit;
  margin-left: -2.3125rem;
}

.checkbox input[type="checkbox"]:checked+label::after {
  content: '\e013';
  font-size: 0.5rem;
  font-family: 'Glyphicons Halflings';
}

.checkbox-success input[type="checkbox"]:checked+label::after {
  color: #1d9fdf;
}

.checkbox-success input[type="checkbox"]:checked+label {
  color: #fff;
}

.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 0.3125rem;
  margin: 0 1.75rem 0 0;
  color: #a4a4a4;
}

.checkbox label::before {
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  left: 0;
  margin-right: 0.3125rem;
  margin-left: -1.5625rem;
  border: 0.0625rem solid #a4a4a4;
  border-radius: 0.1875rem;
  background: none;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox-success input[type="checkbox"]:checked+label::before {
  background: none;
  border-color: #fff;
}

.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  left: 0;
  top: 0;
  margin-top: -0.125rem;
  margin-left: -1.25rem;
  padding-left: 0.1875rem;
  font-size: 0.6875rem;
  color: #fff;
}


/*LIVE DATA*/


/*OVERVIEW*/

.title-header {
  border-bottom: 0.0625rem solid #494b4c;
  border-bottom: 0.0625rem solid var(--title-header-border-color);
  margin-top: 1.875rem;
}

.btn-data {
  font-size: 0.875rem;
  text-transform: inherit;
  border-radius: 1.875rem;
  background: none;
  color: #a4a4a4;
  padding: 0.25rem 1.25rem;
  margin: 0;
  width: 100%;
  text-align: left;
  margin-top: 0.875rem;
}

.btn-data:hover,
.btn-data:active,
.btn-data.active,
.btn-data.active:hover,
.btn-data:active:hover,
.btn-data:active:focus {
  padding: 0.25rem 1.25rem;
  margin: 0;
  margin-top: 0.875rem;
}

.device-overview .sizing-box {
  height: 5.625rem;
  width: 100%;
}

.device-overview .signal-bars .bar {
  width: 7%;
  margin-left: 1%;
}

.device-overview h1 {
  margin-bottom: -2.0625rem;
  margin-top: 1.25rem;
}

.device-overview p {
  margin-left: 0rem;
  color: #fff;
  color: var(--device-overview-p-color);
  float: left;
}

.device-overview p span {
  margin-left: 0;
  color: #a4a4a4;
  color: var(--device-overview-p-span-color);
  position: absolute;
  margin-right: 2.25rem;
}

.device-overview .signal-bars {
  margin-bottom: 1.25rem;
}

.device-overview .dropdown {
  margin-right: 0.8125rem;
}

#summary-results .dropdown {
  margin-right: -0.8125rem;
}

.device-overview-multi-channel-fix {}

.submenu-tabs {
  white-space: nowrap;
  overflow-x: auto;
}

.submenu-tabs .nav-tabs>li.active>a,
.submenu-tabs .nav-tabs>li.active>a:hover,
.submenu-tabs .nav-tabs>li.active>a:focus {
  color: #fff;
  text-transform: uppercase;
}

.nav-tabs>li>a {
  color: #a4a4a4;
  text-transform: uppercase;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
  color: #fff;
}

.map-img {
  display: block;
  width: 39.75rem;
  height: 11.8125rem;
  background: url("../images/map.png") no-repeat center;
  cursor: auto;
  margin: 0 auto;
  border: none;
}


/*SUMMARY RESULTS*/

#summary-results h1 {
  margin: 0;
}

#summary-results p {
  color: #a4a4a4;
  color: var(--summary-results-p);
}

.summary-data {
  margin: 3.125rem 0;
  padding-right: 2.5rem;
}

.summary-data p,
.summary-data p span {
  margin: 0.625rem 0 0;
  color: #fff;
  color: var(--summary-data-color);
}

.padding-left-fix {
  padding-left: 0;
}

.results-secound {
  color: #a4a4a4;
  color: var(--results-second-color);
  border-left: 0.0625rem solid #494b4c;
}

.active-status-info {
  margin-top: 1.875rem;
  color: #a4a4a4;
  color: var(--active-status-info-color);
}

.navbar-caption {
  color: #a4a4a4;
}

#navTabs {
  z-index: 750;
}


/*TIME HISTORY RESULTS*/


/*SPECTRUM*/


/*CONFIGURATION*/

.config-section p {
  display: inline-block;
  margin-top: 1.875rem;
  /*margin-top: 1.65rem;*/
  color: #a4a4a4;
  color: var(--config-section-paragraph-color);
}

.config-section .btn-data {
  width: 7.1875rem;
  margin-left: 0.625rem;
  margin-top: 0rem;
  border: 0.0625rem solid #fff;
  border: 0.0625rem solid var(--svg-fill-navigation);
}

.config-section .btn-data:hover {
  width: 7.1875rem;
  margin-left: 0.625rem;
  margin-top: 0rem;
  border: 0.0625rem solid var(--modalbox-btn-border-selected);
}

#uploadfile-group {
  margin-top: 1.875rem;
  margin-left: 3.125rem;
  margin-bottom: 0rem;
}

.uploadfile-form {
  display: inline-block;
}

.config-section .btn-data:active,
.config-section .btn-data.active,
.config-section .btn-data.active:hover,
.config-section .btn-data:active:hover,
.config-section .btn-data:active:focus {
  width: 7.1875rem;
  margin-left: 0.625rem;
  margin-top: 0rem;
}

.config-section .dropdown {
  display: inline-block;
}

.config-section .input-box {
  padding: 0.125rem;
  margin-top: 1.875rem;
  margin-left: 0.625rem;
  color: #000;
  border: 0.0625rem solid #ccc;
  border-radius: 0.25rem;
  -webkit-box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075);
  box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  margin-right: 0.3125rem;
}

.config-section .input-box:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075), 0 0 0.5rem rgba(102, 175, 233, .6);
  box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075), 0 0 0.5rem rgba(102, 175, 233, .6);
}

.alone-fix {
  margin-top: 1.0625rem;
  width: 7.5rem;
  float: right;
  margin-right: 0.875rem;
}

.alone-fix-2 {
  margin-top: 1.5625rem;
  width: 7.5rem;
  float: right;
  margin-right: 0.3125rem;
}

.alone-fix-3 {
  margin-top: 1.5625rem;
  width: 10rem;
  float: right;
  margin-right: 0.625rem;
}

.alone-fix-4 {
  margin-top: 1.5625rem;
  width: 13.75rem;
  float: right;
  margin-right: 0.3125rem;
}

.alone-fix-5 {
  margin-top: 1.5625rem;
  width: 20rem;
  float: right;
  margin-right: 0.625rem;
}

.vert-adjust {
  margin-top: 0.1875rem;
}


/*MOBILE MENU */

.logo-mobile {
  display: block;
  width: 8.75rem;
  height: 1.625rem;
  background: url("../images/logo-blue-mobile.png") no-repeat center;
  cursor: auto;
  margin: 0.625rem 0 0 0.9375rem;
}

.svannet-logo-mobile {
  display: block;
  width: 4.375rem;
  background: url("../images/svannet-logo.svg") no-repeat center;
  cursor: auto;
  margin-left: 0.3125rem;
}

.navbar-collapse.collapse.in {
  display: block !important;
}

.top-bar .user-inc {
  float: right;
  margin: 0 0.9375rem 0 0;
}

.top-bar .user-inc li {
  float: left;
  padding-top: 0.375rem;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #219edb;
  width: 1.5rem;
  height: 0.0625rem;
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 0.4375rem;
}

.navbar-toggle {
  background: none;
  border: none;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background: none;
}

.user-mobile {
  float: inherit!important;
}

@media screen and (min-width: 48rem) {
  .container, .stationListContainer {
    /*    width: inherit;*/

    overflow: auto;

    width: 100%;
    padding-left: 0;
    overflow: auto;
    padding-right: 0;
    margin: auto;
    box-sizing:border-box;
  }
  .container-list,
  .container-list-users,
  .container-list-header {
    position: absolute;
    padding: 0rem 1.25rem;
    width: inherit;
  }
  .svannet {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .navbar-nav>li {
    /*padding-top:15px;*/
  }
  .nav-icons>li {
    /*padding-top: 0.4375rem;*/
    padding-top: 0.5375rem;
  }
}

.container-list {
  right: 26.875rem;
  left: 5.9375rem;
  position: absolute;
  padding: 0rem 2.5rem;
  width: inherit;
}

.container-list-users,
.container-list-header {
  /*right: 267px;
  left: 95px;*/
  right:0;
  left:0;
  position: absolute;
  padding: 0rem 2.5rem;
  width: inherit;
}

@media (min-width: 48rem) {
  .navbar>.container .navbar-brand,
  .navbar>.container-fluid .navbar-brand {
    margin-left: 0rem;
  }
  .navbar>.stationListContainer .navbar-brand{
    margin-left:0;
  }
}

@media screen and (max-width: 63.9375rem) {
  .side-bar-visibility {
    /*display: none;*/
  }
  .container, .stationListContainer {


    width: 100%;
    padding-left: 5.3125rem;
    overflow: auto;
    padding-right: 22.8125rem;
    margin: auto;
    bottom: 0;
    box-sizing:border-box;
  }
  /*MOBILE MENU */
  .top-bar {
    z-index: 1020;
  }
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 0.0625rem solid transparent;
    box-shadow: inset 0 0.0625rem 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav-mobile {
    float: none!important;
    margin: 0.4688rem 0;
    margin-top: 0.875rem;
    display: inline-block;
    border-bottom: 0.0625rem solid #494b4c;
    width: 100%;
  }
  .navbar-right-mobile {
    display: block;
    border: none;
    margin: 0.4688rem 0;
  }
  .navbar-nav>li {
    float: none;
  }
  .navbar-nav>li>a {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .top-bar .separator {
    line-height: 0.375rem;
  }
  .dropdown-menu {
    position: static;
    top: 100%;
    left: 0;
    z-index: 1010;
    display: none;
    float: none;
    width: auto;
    padding: 0.625rem 0.9375rem;
    margin: 0;
    font-size: 0.875rem;
    text-align: left;
    list-style: none;
    /*background: none;*/
    box-shadow: none;
    border: none;
  }
  .dropdown-menu>li>a {
    color: #a4a4a4;
  }
  .top-bar .caret {
    margin: 0.5625rem 1.5rem;
  }
  .top-bar .device-status p {
    margin-left: 0.375rem;
  }
  .top-bar .device-name-status a {
    float: left;
  }
  .device-name-mobile {
    border-bottom: 0.0625rem solid #494b4c;
    padding-left: 0;
  }
  .top-bar .device-name-status {
    margin: 0.625rem 0;
    padding-left: 0;
  }
  .top-bar .device-name-status h1,
  .top-bar .device-name-status h2,
  .top-bar .device-name-status h3 {
    margin: 0rem;
  }
  .top-bar .nav>li>a {
    padding: 0.625rem 0.9375rem 0.625rem 0;
  }
  .user-mobile {
    float: inherit!important;
  }
  .user-mobile li {
    float: inherit!important;
  }
  .user-mobile span {
    display: inline-block;
    margin-right: 0.625rem;
  }
  .top-bar .navbar-nav>.open>a,
  .top-bar .navbar-nav>.open>a:hover,
  .top-bar .navbar-nav>.open>a:focus,
  .top-bar .navbar-nav .open .dropdown-menu>.active>a,
  .top-bar .navbar-nav .open .dropdown-menu>.active>a:hover,
  .top-bar .navbar-nav .open .dropdown-menu>.active>a:focus {
    background: none;
  }
  /*MOBILE MENU END */
  #instrument-list .navbar-nav>li {
    display: inline-block;
  }
  @media (max-width: 48rem) {
    .storage-list-titles {
      display: none;
    }
  }
  .container-list,
  .container-list-users,
  .container-list-header {
    position: absolute;
    padding: 0rem 1.25rem;
    /*width:inherit;*/
  }
  .project-heading .col-lg-3 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 62.5rem) {
  .side-bar-wide {
    height: 3.125rem;
  }
  .side-bar-wide-content {
    display: none;
  }
}

@media (min-width: 63.9375rem) {
  .container, .stationListContainer {
    width: 100%;
    padding-left: 5.3125rem;
    overflow: auto;
    padding-right: 21.875rem;
    margin: auto;
    bottom: 0;
    box-sizing:border-box;
  }
  .top-bar {
    display: none;
  }
  .container-list {
    right: 26.875rem;
    left: 5.9375rem;
    position: absolute;
    padding: 0rem 1.25rem;
    /*width:inherit;*/
  }
  .container-list-users,
  .container-list-header {
    /*right: 250px;
    left: 68px;
    position: absolute;
    padding: 0px 20px;*/
    left: 3.4375rem;
    position: relative;
    padding: 0rem 1.25rem;
    width: inherit;
    padding-right: 22.1875rem;
  }
  #swarm-iframe.container-list-header {
    padding-right: 21.1875rem;
  }
}

@media (max-width: 74.9375rem) {
  .first-summary {
    margin-top: 6.25rem;
  }
}

@media (min-width: 75rem) {
  .container, .stationListContainer {
    width: 100%;
    padding-left: 5.3125rem;
    overflow: auto;
    padding-right: 21.875rem;
    margin: auto;
    bottom: 0;
    box-sizing:border-box;
  }
  .container-list {
    right: 26.875rem;
    left: 5.9375rem;
    position: absolute;
    padding: 0rem 1.25rem;
    width: inherit;
  }
  .container-list-users,
  .container-list-header {
    /*right: 267px;
    left: 68px;
    position: absolute;
    padding: 0px 20px;
    width: inherit;*/

    left: 3.4375rem;
    position: relative;
    padding: 0rem 1.25rem;
    width: inherit;
    padding-right: 21.5rem;
  }
  .container-list-users.project-list,
  .container-list-header.project-list {
    padding-right: 20.6875rem;
    /*padding-right: 21.6875rem;*/
  }
}

@media (min-width: 85rem) {
  .container, .stationListContainer {
    width: 100%;
    padding-left: 5.3125rem;
    overflow: auto;
    padding-right: 21.875rem;
    margin: auto;
    bottom: 0;
    box-sizing:border-box;
  }
  .container-list {
    right: 26.875rem;
    left: 5.9375rem;
    position: absolute;
    padding: 0rem 1.25rem;
    width: inherit;
  }
  .container-list-users,
  .container-list-header {
    /*right: 267px;
    left: 68px;
    position: absolute;
    padding: 0px 20px;
    width: inherit;*/
    left: 3.4375rem;
    position: relative;
    padding: 0rem 1.25rem;
    width: inherit;
    padding-right: 21.5625rem;
  }
  #swarm-iframe.container-list-header,
  #swarm-loading.container-list-header{
    padding:0;
    padding-right: 21.5625rem;
  }
  
  .container-list-users.project-list,
  .container-list-header.project-list {
    /*padding-right: 19.6875rem;*/
    padding-right: 20.6875rem;
  }
  .top-bar {
    display: none;
  }
}
#swarm-loading{
  text-align:center;
}
#swarm-loading:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
@media (max-width: 80rem) {
  .multi-channel-separator,
  .multi-logger-separator {
    display: none !important;
  }
  .multi-channel-slm-header {
    width: 16.66666667%;
  }
}

@media (min-width: 47.4375rem) {
  .multi-channel-selector,
  .multi-logger-selector {
    display: none;
  }
}

@media (max-width: 48rem) {
  .multi-channel-separator{/*.multi-channel-visibility*/
    display: none !important;
  }
  .multi-channel-vlm-header,
  .multi-channel-slm-header,
  .multi-channel-vlm-channel-1,
  .multi-channel-vlm-channel-2,
  .multi-channel-vlm-channel-3,
  .multi-channel-vlm-channel-4,
  .multi-channel-slm-channel-1,
  .multi-channel-slm-channel-2,
  .multi-channel-slm-channel-3,
  .multi-channel-slm-channel-4,
  .multi-channel-mode-caption-header,
  .multi-channel-mode-channel-1,
  .multi-channel-mode-channel-2,
  .multi-channel-mode-channel-3,
  .multi-channel-mode-channel-4 {
    width: 50%;
  }
  /*.multi-channel-vlm-channel-1,
  .multi-channel-vlm-channel-2,
  .multi-channel-vlm-channel-3,
  .multi-channel-vlm-channel-4,
  .multi-channel-slm-channel-1,
  .multi-channel-slm-channel-2,
  .multi-channel-slm-channel-3,
  .multi-channel-slm-channel-4 {
    text-align: right !important;
  }*/
  .multi-channel-mode-ctrl input.cmn-toggle-round+label {
    width: 5.9375rem;
  }
  .multi-channel-mode-ctrl input.cmn-toggle-round:checked+label:after {
    margin-left: 4.1875rem;
  }
  .multi-channel-mode-ctrl input.cmn-toggle-round+label:after {
    width: 1.5625rem;
  }
  .multi-logger-slm-profile-names {
    width: 16.66666667%;
  }
  .multi-logger-slm-header-1,
  .multi-logger-slm-header-2,
  .multi-logger-slm-header-3,
  .multi-logger-slm-header-4 {
    width: 33.33333333%;
  }
  .multi-logger-vlm-header,
  .multi-logger-vlm-channel-1,
  .multi-logger-vlm-channel-2,
  .multi-logger-vlm-channel-3,
  .multi-logger-vlm-channel-4,
  .multi-logger-slm-channel-1,
  .multi-logger-slm-channel-2,
  .multi-logger-slm-channel-3,
  .multi-logger-slm-channel-4 {
    width: 50%;
  }
  .multi-logger-channel-slm-caption {
    width: 83.333333333%;
    text-align: right;
  }
  .multi-logger-channel-vlm-caption,
  .multi-logger-spectrum-value {
    text-align: right;
  }
}

.storage-data p {
  margin: 0;
}

.config-section .col-xs-12 {
  border-left: 0.1875rem solid transparent;
}

.config-section .col-xs-12:hover {
  border-left: 0.1875rem dotted #457AB2;
  /* border-left: 3px dotted var(--button-blue-bg-bottom) */
}

.subsection-borderless {
  border-left: 0 !important;
}

.advanced-alarms-edit-address-book {
  display: inline-block;
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-right: 0rem;
  color: #1d9fdf;
  font-size: 1rem;
}

.advanced-alarms-edit-address-book .glyphicon {
  top: 0.0625rem;
  margin-left: 0.3125rem;
}

.advanced-alarms-edit-address-book:hover {
  color: #fff;
}

.advanced-alarms-add {
  display: inline-block;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  margin-right: 0rem;
  color: #1d9fdf;
  color: var(--svantek-accent-blue);
  font-size: 1rem;
}

.advanced-alarms-add .glyphicon {
  top: 0.0625rem;
  margin-right: 0.3125rem;
}

.advanced-alarms-add:hover {
  color: #fff;
  color: var(--glyphicon-hover-color);
}

.advanced-alarms-delete {
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
  float: right;
}

.advanced-alarms-delete .glyphicon {
  top: 0.125rem;
  margin-right: 0.3125rem;
}

.advanced-alarms-name {
  display: inline-block;
}

.advanced-alarms-entry {
  margin-top: 0rem;
}

.advanced-alarms-name-switch {
  float: none;
  margin-top: 0rem;
  margin-left: 0.625rem;
}

.advanced-alarms-name-switch input.cmn-toggle-round+label {
  margin-top: 0rem;
}

.advanced-alarms-name-switch label {
  margin-bottom: -0.3125rem;
}

.advanced-alarms-name-switch .cmn-toggle-label-on {
  padding-top: 0.5rem;
  top: -0.1875rem;
}

.advanced-alarms-name-switch .cmn-toggle-label-off {
  padding-top: 0.5rem;
  top: -0.1875rem;
}

.advanced-alarms-subsection {
  color: #fff;
  color: var(--advanced-alarms-subsection-color);
}

.advanced-alarms-entry-content p {
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
}

.advanced-alarms-token {
  display: inline-block;
  margin-top: 0.125rem !important;
  margin-bottom: 0.125rem !important;
  border: 0.0625rem solid #fff;
  border: 1px solid var(--advanced-alarms-token-color);
  border-radius: 1.25rem;
  color: #a4a4a4;
  color: var(--advanced-alarms-token-color);
  padding: 0.3125rem 0.9375rem 0.3125rem 0.9375rem;
  max-width: 25rem;
}

.subsection-separator {
  margin-top: 0.625rem;
  border-top: 0.0625rem solid #494b4c;
}

.subsection-popup-top {
  border-top: 0.0625rem solid #494b4c;
}

.subsection-popup-hdr {
  margin-top: -0.625rem;
  margin-bottom: 0.625rem;
  border-top: 0.0625rem solid #494b4c;
}

.subsection-popup-bottom {
  border-bottom: 0.0625rem solid #494b4c;
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
}

.switch-advanced-alarm-popup input.cmn-toggle-round+label {
  margin: 0rem;
}

.label-advanced-alarms-popup {
  display: inline-block;
  margin-top: 0.3125rem;
}

.advanced-alarms-input-box {
  float: right;
  text-align: center; /*right;*/
  padding: 0.125rem;
  color: #000;
  border: 0.0625rem solid #ccc;
  border-radius: 0.25rem;
  -webkit-box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075);
  box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.advanced-alarms-input-box:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075), 0 0 0.5rem rgba(102, 175, 233, .6);
  box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075), 0 0 0.5rem rgba(102, 175, 233, .6);
}

.address-book-line-sep {
  border-bottom: 0.0625rem solid #494b4c;
  margin-bottom: 0.375rem;
}

.address-book-line {
  width: 100%;
  color: #337ab7;
  color: var(--svantek-accent-blue);
  font-size: 0.75rem;
  display: inline-block;
  border-bottom: 0.0625rem solid #494b4c;
  margin-top: -0.375rem;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}

.address-book-line-hdr {
  font-size: 0.75rem;
}

.address-book-line-icons {
  top: 0.3rem;
  font-size: 1.125rem;
}

.address-book-input {
  width: 100%;
  /*    
    float: right;
    text-align: right;
*/
  padding: 0.125rem;
  color: #000;
  border: 0.0625rem solid #ccc;
  border-radius: 0.25rem;
  -webkit-box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075);
  box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.address-book-input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075), 0 0 0.5rem rgba(102, 175, 233, .6);
  box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075), 0 0 0.5rem rgba(102, 175, 233, .6);
}

#address-book-content {
  width: 100%;
  height: 25rem;
  max-height: 25rem;
  overflow: auto;
}

.advanced-alarms-item-icon {
  top: 0.125rem;
  margin-right: 0.3125rem;
}

.advanced-alarms-item-icon-added {
  color: #07be66;
}

.advanced-alarms-popup-switch {
  float: none;
  margin-top: 0rem;
  margin-left: 0.625rem;
}

.advanced-alarms-popup-switch .cmn-toggle-label-on,
.advanced-alarms-popup-switch .cmn-toggle-label-off {
  color: #fff;
  color: var(--heading-white-on-black);
}

.advanced-alarms-popup-title-inline {
  display: inline-block;
  color: var(--advanced-alarms-subsection-color);
}

.switch-advanced-alarm-popup-inline {
  display: inline-block;
}

.advanced-alarms-popup-checkbox {
  margin-top: -0.125rem;
  width: 1.5625rem;
  height: 1.5625rem;
}

.advanced-alarms-popup-checkbox span.glyphicon {
  opacity: 0;
  top: -0.1875rem;
  left: -0.3125rem;
  font-size: 0.75rem;
}

.advanced-alarms-popup-checkbox-small {
  float: right;
  margin-top: -0.125rem;
  width: 1.5625rem;
  height: 1.5625rem;
}

.advanced-alarms-popup-checkbox.active span.glyphicon {
  opacity: 1;
}

.advanced-alarms-popup-checkbox-small span.glyphicon {
  opacity: 0;
  top: -0.1875rem;
  left: -0.3125rem;
  font-size: 0.75rem;
}

.advanced-alarms-popup-checkbox-small.active span.glyphicon {
  opacity: 1;
}

#advanced-alarm-max-duration,
#advanced-alarm-min-break {
  float: none;
}

#advanced-alarms-message {
  width: 100%;
}

.advanced-alarms-add-popup {
  color: #1d9fdf;
}

.address-book-line.selected {
  background-color: #333434;
  background-color: var(--address-book-entry-selected);
}

.address-book-selector {
  font-size: 1rem;
  display: inline-block;
}

.recipient-remove-icon,
.advanced-alarm-spectrum-remove,
.advanced-alarm-condition-extend,
.advanced-alarm-condition-threshold-extend,
.advanced-alarm-condition-collapse,
.advanced-alarm-condition-threshold-collapse {
  font-size: 0.875rem;
  color: #337ab7;
  margin-left: 0.3125rem;
}

.advanced-alarm-recipient {
  margin-bottom: 0.625rem;
}

.advanced-alarms-token:hover {
  background-color: #337ab7;
  background-color: var(--svantek-accent-blue);
  border-color: var(--svantek-accent-blue);
  color: #fff;
}

.advanced-alarms-token.nohover:hover {
  background-color: transparent;
  color: #a4a4a4;
}

.advanced-alarms-expand,
.advanced-alarms-collapse {
  color: #337ab7;
  font-size: 1.125rem;
  margin-left: 0.3125rem;
  cursor: pointer !important;
}

.advanced-alarms-expand:hover,
.advanced-alarms-collapse:hover {
  color: #21507C;
}

.advanced-alarms-add-condition-single {
  float: right;
  color: #ccc;
  color: var(--advanced-alarms-trigger-color);
}

.advanced-alarm-no-actions {
  color: #a94442;
  margin-left: 0.9375rem;
}

#page-modal-box-threshold .modal-body {
  min-height: 24.625rem;
  border-bottom: 0.0625rem solid #494b4c;
  border-top: 0.0625rem solid #494b4c;
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
}

#page-modal-box-threshold-extended {
  background-color: #333434;
  background-color: var(--modal-box-threshold-extended-bg);
  border-top-right: 0.0625rem solid #1d9fdf;
  border-top-right-radius: 0.625rem;
  border-bottom-right: 0.0625rem solid #1d9fdf;
  border-bottom-right-radius: 0.625rem;
  padding: 0rem;
}

#page-modal-box-threshold-text-extended {
  width: 100%;
  height: 100%;
}

#page-modal-box-threshold-main {
  padding: 0rem;
}

.modal-context-threshold-box {
  padding: 0rem;
}

#page-modal-box-threshold-extended .modal-body {
  padding: 0rem;
}

@media(max-width: 62rem) {
  /*#page-modal-box-threshold .modal-dialog {
    margin: 30px auto;
  }*/
}

@media(max-width: 62rem) {
  #page-modal-box-threshold-extended {
    border-top-right-radius: 0rem;
    border-bottom-left: 0.0625rem solid #1d9fdf;
    border-bottom-left-radius: 0.625rem;
  }
}

.width-100-pix-perc {
  width: 6.25rem;
}

.width-100-perc {
  width: 100%;
}

@media(max-width: 48rem) {
  .width-100-pix-perc {
    width: 100%
  }
}

.advanced-alarms-add-freq {
  color: #1d9fdf;
  font-size: 1rem;
}

.advanced-alarms-add-freq:hover {
  color: #9e9e9e;
}

.advanced-alarms-add-freq-icon {
  margin-right: 0.125rem;
}

.advanced-alarms-freq-input-box {
  float: none;
  margin-left: 0.3125rem;
}

.advanced-alarm-spectrum-remove {
  top: 0.1875rem;
}

.advanced-alarm-spectrum-remove:hover {
  color: #fff;
}

#advAlarmPlotPlaceholder div.xAxis {
  display: inline-block;
}

#advAlarmPlotPlaceholder div.xAxis div.tickLabel {
  color: #aaa;
  font-weight: bold;
  /*rotation-point:50% 50%;*/
  /* CSS3 */
  /*rotation:270deg;*/
  /* CSS3 */
}

.tickLabelOct13 {
  margin-left: -0.4375rem;
  transform: rotate(-90deg) translateX(-30px);
  -ms-transform: rotate(-90deg) translateX(-30px);
  /* IE 9 */
  -moz-transform: rotate(-90deg) translateX(-30px);
  /* Firefox */
  -webkit-transform: rotate(-90deg) translateX(-30px);
  /* Safari and Chrome */
  -o-transform: rotate(-90deg);
  /* Opera */
}

.tickLabelOct11 {
  margin-left: -0.8125rem;
  transform: rotate(-90deg) translateX(-20px);
  -ms-transform: rotate(-90deg) translateX(-20px);
  /* IE 9 */
  -moz-transform: rotate(-90deg) translateX(-20px);
  /* Firefox */
  -webkit-transform: rotate(-90deg) translateX(-20px);
  /* Safari and Chrome */
  -o-transform: rotate(-90deg);
  /* Opera */
}

.advanced-alarms-spectrum-freq,
.advanced-alarms-spectrum-total {
  margin-top: 0.125rem;
  display: inline-block;
  width: 9.0625rem;
}

.advanced-alarms-add-freq-selector .selectize-input {
  width: 5.625rem !important;
}

.advanced-alarms-add-freq-selector-buttons {
  top: -0.625rem;
  /*margin-left: 0.4375rem;*/
  color: #1d9fdf;
  font-size: 1rem;
}

#advAlarmsSpectrumFreqsContainer {
  width: 95%;
  min-width: 6.25rem;
  height: 5.9375rem;
  max-height: 5.9375rem;
  overflow-y: auto;
}

.advanced-alarms-system-tigger-title {
  display: inline-block;
}

.advanced-alarms-system-trigger-filler {
  height: 1.875rem;
}

@media(max-width: 48rem) {
  .advanced-alarms-system-trigger-filler {
    display: none;
  }
}

.dropdown-submenu {
  position: absolute;
}

.advanced-alarm-name-icon-pencil {
  margin-right: 0.3125rem;
  cursor: pointer;
  color: #1d9ffd;
  font-size: 1.125rem;
  display: inline-block;
}

.advanced-alarm-name-ok-cancel {
  top: 0.3125rem;
  margin-left: 0.125rem;
  cursor: pointer;
  color: #1d9ffd;
  font-size: 1.125rem;
  display: inline-block;
}

.advanced-alarm-text-edit {
  margin-top: 1.25rem;
  margin-bottom: 0.3125rem;
  display: inline-block;
  width: 12.5rem;
  height: 1.875rem;
}

/*.advanced-alarm-edit-adjust {
  top: 4px;
}*/

a[data-toggle="popover"] {
  outline: none;
}

.button-like {
  margin: 0;
  overflow: visible;
  text-transform: none;
  cursor: pointer;
  position: relative;
}

.button-like[disabled] {
  cursor: default;
}

.button-like::-moz-focus-inner {
  padding: 0;
  border: 0;
}


/*.button-like:active,
.button-like.active {
  border-bottom: 1px solid #333434 !important;
}*/

#thUnitsWarningText {
  display: inline-block;
}

#thUnitsWarningContent {
  display: inline-block;
  background-color: #a94442;
  color: #000;
  padding: 0.3125rem;
  border-radius: 0.625rem;
}

#thUnitsWarningContent .glyphicon {
  top: 0.1875rem;
  margin-left: 0.3125rem;
}

.project-wrapper {
  display: inline-block;
  width: 100%;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
  margin-bottom: 0.625rem;
}

.project-block {
  display: inline-block;
  border: 0.0625rem solid #1d9fdf;
  border-radius: 0.3125rem;
  padding: 0.625rem;
  width: 100%;
}

.project-heading:hover,
.project-selected {
  background-color: #333434;
}

.project-body {
  width: 100%;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  color: #a4a4a4;
  line-height: 2.0;
}

.project-heading {
  display: inline-block;
  color: #a4a4a4;
  padding: 0.3125rem;
  width: 100%;
}

.project-heading-name {
  color: #fff;
  font-size: 1.125rem;
  text-transform: uppercase;
}

.user-button {
  min-width: 13.75rem;
}

.project-button {
  min-width: 18.75rem;
  margin-top: 0.625rem;
}

.project-files,
.project-afd-config {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.project-station-remove {
  top: 0.125rem;
  margin-right: 0.3125rem;
  color: #1d9fdf;
}

.project-station-edit {
  margin-right: 0.3125rem;
  color: #1d9fdf;
}

.station-status-action-button:hover,
.project-station-remove:hover,
.project-station-edit:hover {
  color: #fff;
}

.afd-config-switch {
  float: none;
  margin-left: 0.625rem;
}

.afd-config-switch label {
  top: 0.625rem;
}

.afd-config-btn-group {
  margin-left: 0.625rem;
}

.afd-config-day,
.afd-config-hours,
.afd-period-select,
.afd-config-rtc {
  min-width: 12.5rem;
  max-width: 12.5rem;
  margin-left: 0.625rem;
}

.afd-timezone {
  max-width: 100%;
  min-width: 12.5rem;
  width: 25rem;
}

.afd-timezone .item {
  width: calc(100% - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.afd-cleanup {
  min-width: 12.5rem;
  margin-left: 0.625rem;
  display: inline-block;
}

.afd-cleanup.storage {
  min-width: 6.25rem;
  max-width: 6.25rem;
}

.afd-cleanup-row {
  /*width: 100%;*/
  display: inline-block;
}

.afd-cleanup-title {
  display: inline-block;
  position: relative;
  top: -0.75rem;
  margin-left: 0.75rem;
}

.afd-clear-time {
  max-width: 6.25rem;
  min-width: 6.25rem;
}

.project-description-textarea {
  width: 100% !important;
  height: 6.25rem !important;
}

.project-add-button {
  float: right;
}

#ppoint-latitude-edit,
#ppoint-longitude-edit {
  margin-left: 0.3125rem;
  min-width: 6.5625rem;
  max-width: 6.5625rem;
}

.project-button-delete {
  background: #a94442 !important;
}

.meteo-results-nomap {
  float: right;
  margin-top: -0.625rem;
  margin-right: 1.25rem;
}

.meteo-results-map {
  float: right;
  margin-top: -0.625rem;
  margin-right: 1.5625rem;
}

#meteo-result-temp,
#meteo-result-humidity,
#meteo-result-pressure,
#meteo-result-windspeed,
#meteo-result-rain,
#meteo-result-dust1,
#meteo-result-dust2h,
#meteo-result-dust10,
#meteo-result-tsp {
  padding: 0.3125rem;
}

#meteo-result-temp-value,
#meteo-result-humidity-value,
#meteo-result-pressure-value,
#meteo-result-windspeed-value,
#meteo-result-rain-value,
#meteo-result-dust1-value,
#meteo-result-dust2h-value,
#meteo-result-dust10-value,
#meteo-result-tsp-value {
  display: inline-block;
}

#meteo-result-direction-value {
  color: #1d9fdf;
}

.live-data-instant-header {
  display: inline-block;
}

#remoteDestList {
  width: 100%;
}

#remoteDestList tbody tr {
  color: #fff;
  color: var(--remote-dest-text-color);
  line-height: 1.875rem;
}

#remoteDestList tbody tr .cell-breakable {
  word-break: break-word;
}

#remoteDestList th {
  text-align: center;
  padding-bottom: 0.9375rem;
}

.remote-dest-icons {
  font-size: 1.125rem;
  margin-right: 0.125rem;
}

#remoteDestList .remote-dest-icons {
  color: #1d9fdf;
}

#remoteDestAddBtn:hover {}

#remoteDestList .remote-dest-icons:hover {
  color: #fff;
  color: var(--remote-dest-icon-highlight-color);
}

.remote-dest-btn {
  display: inline-block;
  background-color: #fff;
  color: #000;
  padding: 0rem 0.625rem 0rem 1.25rem;
  border-radius: 0.3125rem;
  border: 1px solid #000;
  font-weight: bold;
}

.remote-dest-btn:hover {
  color: #1d9fdf !important;
  color: var(--svantek-accent-blue) !important;
}

.remote-dest-btn .glyphicon {
  margin-right: 0.3125rem;
}

.remote-dest-selectable {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}

.remote-dest-selectable:hover {
  background-color: #333434;
  color: #fff !important;
}

.remote-dest-selectable.active {
  background-color: #1d9fdf;
  background-color: var(--svantek-accent-blue);
  color: #fff !important;
}

.device-name-status-meas {
  margin-top: 0rem !important;
}

.device-name-status-meas-paused,
.device-name-status-meas-trigger {
  background-color: #a20;
  border-radius: 0.3125rem;
  color: #000;
  width: 13rem;
}

.user-profile-premium {
  /*-webkit-filter: hue-rotate(225deg);
	-filter: hue-rotate(225deg);*/
  background-position: 0 -2.5rem !important;
}

.user-profile-premium-star-top,
.user-profile-premium-star-side {
  position: absolute;
  color: #337ab7;
  font-size: 0.875rem;
}

.user-profile-premium-star-top {
  top: 0.3125rem;
  left: 0.9375rem;
}

.user-profile-premium-star-side {
  top: 0.75rem;
  left: 2.1875rem;
}

.user-profile-premium-star:hover {
  color: #337ab7;
}

.explorer-file-options {
  color: #1d9fdf !important;
}

.explorer-file-options:hover {
  text-decoration: none;
}

.project-files {
  padding: 0rem;
}

.file-entry {
  padding-right: 0rem;
  padding-left: 0.3125rem;
}

.file-entry.selected {
  background-color: #333434;
  background-color: var(--storage-data-hover-background);
}

.storage-list-titles {
  padding-right: 0rem;
  padding-left: 0.3125rem;
}

.glyphicon.checkbox-mini {
  top: 0.0625rem;
}

.file-entry {
  user-select: none;
  /* CSS3 (little to no support) */
  -ms-user-select: none;
  /* IE 10+ */
  -moz-user-select: none;
  /* Gecko (Firefox) */
  -webkit-user-select: none;
  /* Webkit (Safari, Chrome) */
}

.file-entry .dropdown {
  display: inline-block;
}

.file-caption .btn-checkbox-mini {
  margin-left: -1.5625rem !important;
  top: 0rem;
}

.file-selected-group,
.file-all-group {
  margin-top: 1.875rem;
  white-space: nowrap;
  background-color: #1c1d1d;
  background-color: var(--file-group-background);
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  /*margin-left: 10px;
  width: 220px;*/
  width: 14.0625rem;
  border-radius: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.file-all-group a {
  width: 100%;
}

.file-all-group .glyphicons-filter {
  margin-left: -0.5rem;
  color: #02a4d4;
  margin-top: -0.3125rem;
  font-size: 1rem;
}

.file-all-group .file-selected-button {
  margin: 0.125rem;
}

.file-all-group .file-selected-button.active {
  background-color: #337ab7;
}

.file-all-group .file-selected-button.active .glyphicons-filter {
  color: #fff;
}

.file-selected-line {
  width: 100%;
}

.file-selected-button {
  padding: 0.3125rem;
  border-radius: 0.3125rem;
}

.file-selected-button span {
  float: left;
}

.file-selected-button.offset {
  margin-top: 0.3125rem;
}

.file-selected-button:hover {
  background-color: #fff;
  background-color: var(--file-selected-button-hover-background);
  color: #000;
}

.file-menu-dropdown .icon-download {
  position: absolute;
}

.file-menu-dropdown .icon-trash {
  position: absolute;
}

.file-menu-dropdown .file-menu-text {
  margin-left: 1.4375rem;
}

.authenticate-button,
.project-files-page-selector-next,
.project-files-page-selector-prev {
  cursor: pointer;
  display: inline-block;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  border-radius: 0.3125rem;
  text-decoration: none;
  background-color: #fff;
  background-color: var(--authenticate-button-background);
  color: #000;
}

.project-files-page-selector-next,
.project-files-page-selector-prev {
  padding: 0;
  padding-top: 0.3125rem;
  background-color: transparent;
  color: #337ab7;
  color: var(--svantek-accent-blue);
}

.authenticate-button .glyphicon,
.project-files-page-selector-prev .glyphicon {
  margin-right: 0.3125rem;
}

.authenticate-button .social {
  margin-right: 0.6875rem;
  margin-left: 0.0625rem;
  top: 0.1875rem;
  font-size: 1rem;
}

.project-files-page-selector-next .glyphicon {
  margin-left: 0.3125rem;
}

.authenticate-button:hover,
.project-files-page-selector-next:hover,
.project-files-page-selector-prev:hover {
  text-decoration: none;
}

.authenticate-button.float-right {
  float: right;
}

.authenticate-button:hover,
.project-files-page-selector-next:hover,
.project-files-page-selector-prev:hover {
  color: #1d9fdf;
}

.project-files-page-selector-next:hover,
.project-files-page-selector-prev:hover {
  color: #FFF;
  color: var(--text-white-on-black);
}

.project-files-page-selector-next.disabled,
.project-files-page-selector-prev.disabled {
  /*background-color: #000;
  color: #4a4b4c;
  cursor: not-allowed;*/
  background-color: transparent;
  color: #000;
  color: var(--text-status-disabled-icon-color);
  cursor: not-allowed;
}

@media(max-width: 41.8125rem) {
  .authenticate-button.float-right {
    float: none;
  }
}

@media(max-width: 64rem) {
  .authenticate-button .social {
    margin-right: 0.4375rem;
  }
}

.main-menu-icons-pm {
  background: url("../images/main-menu-icons-pm.png") no-repeat 0 0;
}

.main-menu-icons-profile {
  background: url("../images/main-menu-icons-profile.png") no-repeat 0 0;
}

.main-menu-icons {
  background-position: 0 -1.25rem;
}

.block-table {
  display: table;
}

.block-table-cell-lg-6 {
  display: table-cell;
  vertical-align: middle;
  float: none;
  min-width: 24.0625rem;
}

@media screen and (max-width: 74.9375rem) {
  .block-table-cell-lg-6 {
    float: left;
  }
}

.user-notification {
  color: #ddd;
  border: 0.0625rem solid #a6a6a6;
  display: inline-block;
  width: 100%;
  padding: 0.3125rem 0;
  border-radius: 0.625rem;
}

.user-notification-new {
  background-color: #494b4c;
  border: 0.0625rem solid #494b4c;
}

.user-notification-accept,
.user-notification-reject,
.user-notification-viewed {
  cursor: pointer;
  margin-top: 0.3125rem;
  color: #1d9fdf;
  padding: 0.3125rem;
  border-radius: 0.3125rem;
}

.user-notification-accept .glyphicon,
.user-notification-reject .glyphicon,
.user-notification-viewed .glyphicon {
  margin-right: 0.3125rem;
}

.user-notification-accept .glyphicon {
  color: #3c763d;
}

.user-notification-reject .glyphicon {
  color: #a94442;
}

.user-notification-accept:hover,
.user-notification-reject:hover,
.user-notification-viewed:hover {
  color: #000;
  background-color: #fff;
}

.sms-email-number-book-select {
  color: #1d9fdf;
  font-size: 1rem;
  margin-left: 0.3125rem;
  top: 0.1875rem;
  cursor: pointer;
}

.sms-email-number-book-select:hover {
  color: #fff;
}

.advanced-alarm-spectrum-value-error {
  background-color: #a94442;
  border: 0.0625rem solid transparent;
}

#advanced-alarm-condition-title {
  max-height: 3rem;
  overflow: hidden;
  margin-bottom: 0.625rem;
  text-overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.advanced-alarm-pretrigger-switch {
  float: none !important;
  margin-left: 0.625rem !important;
}

.main-menu-glyphicons {
  color: #fff;
}

.main-menu-glyphicons:hover {
  color: #fff;
}

.svannet-app-icons {
  position: absolute;
  display: block;
  width: 2.5rem;
  height: 1.625rem;
  bottom: 4.0625rem;
  left: 1.875rem;
  cursor: pointer;
  opacity: 0.5
}

.svannet-app-icons .glyphicon-scale {
  color: #1d9fdf;
}

.svannet-app-icons .glyphicon-arrow-up {
  left: 1.375rem;
  position: absolute;
  color: #0f0;
  font-size: 0.75rem;
}

.svannet-app-icons .glyphicon-arrow-down {
  position: absolute;
  left: 1.75rem;
  top: 0.625rem;
  font-size: 0.75rem;
  color: #f00;
}

.svannet-app-icons:hover {
  opacity: 1;
}

.svannet-app-widget .popover {
  color: #000;
  white-space: nowrap;
}

.log-datetimepicker {
  width: 11.5625rem !important;
}

.top-menu-user {
  margin-left: 3.125rem;
}

.top-menu-normal {
  margin-left: 1.25rem;
}

.top-menu-live {
  margin-left: 4.375rem;
  width: 100%;
  padding-left: 0.625rem;
}

.station-navigation-buttons button,
.station-list-all-button {
  min-width: 12.75rem;
  color: #ddd;
  color: var(--svg-fill-navigation) !important;
  text-transform: uppercase;
  background: transparent;
  border-radius: 1.25rem;
  border: 0.0625rem solid #FFF;
  border: 0.0625rem solid var(--svg-fill-navigation);
  margin-top: 0.625rem;
}

.station-navigation-buttons button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.station-list-all-button {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.station-navigation-buttons button:hover,
.station-list-all-button:hover {
  border: 0.0625rem solid #1d9fdf;
  background: #1d9fdf;
  color: #fff;
}

.station-navigation-buttons button.selected,
.station-list-all-button.selected {
  border: 0.0625rem solid #337ab7 !important;
  background-color: #1d9fdf !important;
  color: #fff;
  /*border:1px solid #333434;*/
}

.station-navigation-buttons button.selected:hover,
.station-navigation-buttons button.selected:active,
.station-navigation-buttons button.selected:focus,
.station-list-all-button.selected:active,
.station-list-all-button.selected:hover,
.station-list-all-button.selected:focus
{
  border: 0.0625rem solid #1db5df !important;
  background-color: #1db5df !important;
  color: #fff !important;
  border: 0.0625rem solid #333434;
}

.station-navigation-buttons button:focus,
.station-navigation-buttons button.focus,
.station-list-all-button:focus,
.station-list-all-button.focus {
  border: 0.0625rem solid #333434;
}

.station-navigation-buttons button:active:hover,
.station-navigation-buttons button.active:hover,
.station-navigation-buttons button:active:focus,
.station-navigation-buttons button.active:focus,
.station-navigation-buttons button:active.focus,
.station-navigation-buttons button.active.focus .station-list-all-button:active:hover,
.station-list-all-button.active:hover,
.station-list-all-button:active:focus,
.station-list-all-button.active:focus,
.station-list-all-button:active.focus,
.station-list-all-button.active.focus {
  border: 0.0625rem solid #333434;
}

#mobile-device-user-text {
  display: inline-block;
  margin-bottom: -0.5rem;
  max-width: calc(100% - 40px);
}

#mobile-device-user-text h4 {
  max-width: 100%;
}

#mobile-device-user-text-edit {
  width: calc(100% - 60px);
}

#stationStatusData {
  overflow: hidden;
  height: auto;
  height: auto;
  max-height: 0;
}

#stationStatusData.extended {
  transition: max-height 1.5s ease-out;
  max-height: unset;
}

#stationStatusData td {
  padding: 0.125rem;
}

#stationStatusData h4 {
  margin-top: 1.25rem;
}

.side-bar {
  border-right: 0.0625rem solid #000;
}

#unitSideBar {
  border-left: 0.0625rem solid #000;
}

.page-current {
  color: #a4a4a4;
  color: var(--page-current-color);
}

.page-first,
.page-prev,
.page-next,
.page-last {
  color: #337ab7;
  color: var(--svantek-accent-blue);
  cursor: pointer;
}

.page-first:hover,
.page-prev:hover,
.page-next:hover,
.page-last:hover {
  color: #fff;
  color: var(--glyphicon-hover-color);
}

.page-first.disabled,
.page-prev.disabled,
.page-next.disabled,
.page-last.disabled {
  color: #000;
  color: var(--page-navigation-color-disabled);
  cursor: normal;
}

.refresh-btn:hover,
.search-field-icon.glyphicon-remove:hover {
  color: #fff;
  color: var(--glyphicon-hover-color);
}

.refresh-btn:hover svg {
  fill: var(--glyphicon-hover-color);
}

.station-title-active {
  text-decoration: none !important;
}

#newest-notification {
  position: fixed;
  z-index: 10000;
  top: 1.25rem;
  /*right: 285px;*/
  right: -37.5rem;
  opacity: 0.8;
  border: 0.0625rem solid #fff;
  border-radius: 0.625rem;
  animation: slide-from-right 1s forwards;
  -webkit-animation: slide-from-right 1s forwards;
}

@-webkit-keyframes slide-from-right {
  100% {
    right: 17.8125rem;
  }
}

@keyframes slide-from-right {
  100% {
    right: 17.8125rem;
  }
}

#newest-notification:hover {
  opacity: 1;
}

.single-notification {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

@media(max-width: 63.9375rem) {
  #newest-notification {
    right: auto;
    left: 1.25rem;
    margin-right: 1.25rem;
    width: calc(100% - 40px);
  }
}

.station-interface-buttons {
  float: left;
  width:100%;
}

.station-info-content {
  float: left;
  padding: 0.9375rem;
  width: 100%;
  margin-top: 1.875rem;
  margin-left: 0.3125rem;
}
.side-bar .station-info-content{
  margin-left:0;
}
.station-list-all-button.extended,
.station-interface-buttons .btn-default {
  min-width: 15.625rem;
}

.main-menu-icons-list>li>a {
  width: 4.0625rem;
  padding-top: 0.9375rem;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-bottom: 0.625rem;
}

.main-menu-icons-list .main-menu-icons,
.main-menu-icons-list .main-menu-glyphicons {
  margin-left: 1.25rem;
}

.main-menu-icons-list .main-menu-icons-description {
  font-size: 0.75rem;
  display: block;
  width: 100%;
  color: #fff;
}

.main-menu-icons-list .main-menu-icons-description:hover {
  color: #fff;
}

#myTabs a {
  cursor: pointer;
  color: var(--mytabs-a-color);
}

.main-menu-glyphicons.glyphicons {
  margin-left: 0.75rem !important;
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
  font-size: 1.5rem;
}

.main-menu-glyphicons.glyphicons.no-margins {
  margin-left: 0rem !important;
  margin-top: 0rem;
  margin-bottom: 0rem;
  font-size: 1.5rem;
}

.main-menu-glyphicons.pm {
  margin-left: 0.9375rem !important;
}

.no-outline {
  outline: none;
}

.no-fade .fade {
  opacity: 1 !important;
}

.svannet-info-box-content {
  color: #337ab7;
  font-size: 1.25rem;
}

.svannet-info-box-updates {
  padding: 0.3125rem;
}

.svannet-info-box-update-list {
  max-height: calc(100% - 200px);
  overflow-y: auto;
}

.svannet-info-box-update-entry {
  background-color: #2b2b2b;
  border-radius: 0.625rem;
  padding: 0.625rem;
  margin-top: 0.3125rem;
}

.btn-svn-flexible {
  min-width: 6.25rem;
  width: 100%;
  max-width: 15.625rem;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.input-box-with-error {
  background: #a94442;
  border: #a94442;
  color: #ccc;
}

@keyframes audio-playing-animation {
  0% { filter: hue-rotate(0deg) brightness(1);}
  50% { filter: hue-rotate(-60deg) brightness(2);}
  100% { filter: hue-rotate(0deg) brightness(1);}
  }
@-webkit-keyframes audio-playing-animation {
  0% { filter: hue-rotate(0deg) brightness(1);}
  50% { filter: hue-rotate(-60deg) brightness(2);}
  100% { filter: hue-rotate(0deg) brightness(1);}
  }
@keyframes infinite-rotate {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
  }
@-webkit-keyframes infinite-rotate {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
  }

#audio-stream-button .icon {
  display: inline-block;
  /* background: url('../images/audio-streaming-small.png'); */
  width: 2rem;
  height: 1.125rem;
  top: 0.1875rem;
  position: relative;
  margin-right: 0.3125rem;
}

#audio-stream-button .glyphicons {
  display: none;
  font-size: 0.875rem;
  color: #00ade4;
  position: absolute;
}

#audio-stream-button.loading .icon,
#audio-stream-button.starting .icon,
#audio-stream-button.buffering .icon {
  visibility: hidden;
}

#audio-stream-button.loading .glyphicons,
#audio-stream-button.starting .glyphicons,
#audio-stream-button.buffering .glyphicons {
  display: inline-block;
}

#audio-stream-button.loading {
  cursor: no-drop;
}

#audio-stream-button.loading .glyphicons {
  color: #4a4b4c;
  -webkit-animation: infinite-rotate 2s linear infinite; /* Safari */
  animation: infinite-rotate 2s linear infinite;
}

#audio-stream-button.starting {
  cursor: pointer;
}

#audio-stream-button.starting .glyphicons {
  color: #29b321;
  -webkit-animation: infinite-rotate 2s linear infinite; /* Safari */
  animation: infinite-rotate 2s linear infinite;
}

#audio-stream-button.buffering {
  cursor: pointer;
}

#audio-stream-button.buffering .glyphicons {
  color: #8a6d3b;
  -webkit-animation: infinite-rotate 2s linear infinite; /* Safari */
  animation: infinite-rotate 2s linear infinite;
}

#audio-stream-button.playing {
  cursor: pointer;
}

#audio-stream-button.playing .icon {
  /* color: #29b321; */
  animation: audio-playing-animation 1s infinite normal;
  -webkit-animation: audio-playing-animation 1s infinite normal;
}

#audio-stream-button.playing .icon path {
  fill: #2196F3;
}

.audio-streamer-flash-warning {
  display: inline-block;
  white-space: normal;
  max-width: 25rem;
  margin-right: 0.625rem;
  text-align: center;
  padding: 0.3125rem;
  border-radius: 0.3125rem;
  color: #f5f5f5;
  margin-top: 0.3125rem;
}
.audio-streamer-flash-warning.event {
  background-color: transparent;
  max-width: 100%;
  padding: 0rem;
  margin-right: 0rem;
}

.audio-streamer-flash-warning.event .glyphicons-exclamation-sign {
  color: #a94442;
  font-size: 1rem;
}

.server-changes-caption {
  font-size: 1.5rem;
  margin-top: -1.875rem;
  padding-bottom: 0.3125rem;
  margin-bottom: 0.625rem;
  border-bottom: 0.0625rem solid #999;
}

.server-changes-date {
  font-weight: bolder;
  font-style: italic;
  color: #999;
  color: var(--admin-caption-color);
}
.server-changes-user-type {
  font-style: italic;
  color: #999;
  color: var(--admin-caption-color);
}
.server-changes-title {
  list-style-type: none;
  font-weight: bolder;
  color: #ccc;
  color: var(--admin-caption-color);
  margin: 0.3125rem 0rem 0.3125rem -1.25rem;
}
.server-changes-text {

}
#changes-list-wrapper {
  min-height: 18.75rem;
  max-height: calc(100vh - 250px);
  overflow-y: auto;
}

.user-entry-caption h5,
.user-entry-caption p {
  display: inline-block;
  margin-left: 0.625rem;
  overflow: visible;
}

.user-entry-caption .glyphicons-user.premium {
  color: #e0b33c;
  top: 0.25rem;
}

.user-entry-caption .glyphicons-user.free {
  color: #fff;
  top: 0.25rem;
}

.user-entry-caption .glyphicons-user.inactive {
  color: #a4a4a4;
  top: 0.25rem;
}

.user-entry-caption .glyphicons-user {
  font-size: 1.25rem;
}

#advanced-alarm-start-min-duration-row {
  display: inline-block;
  position: relative;
  top: 0.4375rem;
  margin-left: 0.3125rem;
  color: #f4f4f4;
}

.advanced-alarm-operation-row {
  display: inline-block;
  width: 100%;
}

.advanced-alarm-operation-row.continuous {
  width: 50%;
}

.intperiod-infinity-disabled,
.loggersplitting-disabled,
.measfun-octaves,
.spect1filter-z {
  margin-top: 1.5625rem;
  float: right;
}

.intperiod-infinity-disabled .glyphicons-warning-sign,
.loggersplitting-disabled .glyphicons-warning-sign,
.measfun-octaves .glyphicons-warning-sign,
.spect1filter-z .glyphicons-warning-sign {
  color: #8a6d3b;
  top: 0.125rem;
}

.dropdown-menu li.caption {
  color: #a4a4a4;
}

.dropdown-menu li .caption-entry {
  margin-left: 0.625rem;
}

@-webkit-keyframes animation-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes animation-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.animation-fade-in {
  /*-webkit-animation-fill-mode: both;
  animation-fill-mode: both;*/
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: animation-fade-in;
  animation-name: animation-fade-in;
}

.panel-filters .glyphicons-check {
  margin-right: -0.875rem;
  left: -0.625rem;
  top: -0.1875rem;
  font-size: 1rem;
}

.panel-filters .glyphicons-ok-sign,
.panel-filters .glyphicons-upload,
.panel-filters .glyphicons-ban-circle,
.panel-filters .glyphicons-exclamation-sign {
  margin-right: -0.75rem;
  left: -0.625rem;
  top: -0.0625rem;
}


.add-license-button {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  border-radius: 0.3125rem;
}

.add-license-button {
  display: inline-block;
  color: #000;
  cursor: pointer;
  background: #fff;
  line-height: 1.5 !important;
}

.add-license-button {
  font-weight: bold;
  font-size: 1rem;
}

.add-license-button .glyphicon {
  margin-right: 0.3125rem;
}

.add-license-button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.add-license-button:hover:not(.disabled) {
  color: #1d9fdf;
  background: #fff;
}

.license-list {
  margin-top: 0.625rem;
}

.license-list .name {
  font-weight: bold;
  display: inline-block;
  width: 30%;
}

.license-list .state {
  font-weight: bold;
  display: inline-block;
  width: 10%;
}

.license-list .date-start {
  font-weight: bold;
  display: inline-block;
  width: 20%;
}

.license-list .date-expiry {
  font-weight: bold;
  display: inline-block;
  width: 30%;
}

.license-list .date-small,
.license-list .date-valid {
  font-weight: bold;
  display: inline-block;
  min-width: 25rem;
}

.license-list .date-next {
  white-space: nowrap;
  font-size: 0.875rem;  
  position: relative;
  top: -0.0625rem;
}

.license-list .used {
  font-weight: bold;
  display: inline-block;
  width: 20%;
}

.license-list .date-valid.caption,
.license-list .used.caption {
  display: none;
}

.license-list .date-valid .small-caption,
.license-list .used .small-caption {
  display: none;
}

@media(max-width: 53.125rem) {
  .license-list .date-valid .small-caption {
    display: inline-block;
  }
}

@media(min-width: 53.1875rem) {
  .license-list .date-valid.caption {
    display: inline-block;
  }
}

@media(max-width: 69.9375rem) {
  .license-list .used .small-caption {
    display: inline-block;
  }
}

@media(min-width: 70rem) {
  .license-list .used.caption {
    display: inline-block;
  }
}

.license-block .name,
.license-block .state,
.license-block .date,
.license-block .state-small,
.license-block .date-small,
.license-block .used,
.license-block .used-small {
  font-weight: normal;
}

.license-block .glyphicons-chevron-down,
.license-block .glyphicons-chevron-up {
  top: 0.125rem;
  color: #fff;
  cursor: pointer;
}

.license-block .glyphicon-plus {
  margin-left: 0.3125rem;
  cursor: pointer;
  color: #1d9ffd;
}

.license-block .glyphicon-plus:hover {
  color: #fff;
}

.license-list .state-small,
.license-list .date-small,
.license-list .used-small {
  display: none;
}

@media(max-width: 53.125rem) {
  .license-list .state,
  .license-list .date-start,
  .license-list .date-expiry,
  .license-list .used {
    display: none;
  }
  .license-block .state-small,
  .license-block .date-small,
  .license-block .used-small {
    display: block;
  }
  .license-list .date-small {
    display: inline-block;
  }
  .license-list .name {
    width: 50%;
  }
}

.license-group-list {
  margin-top: 0.625rem;
}

.license-group-list .license {
  width: 50%;
  display: inline-block;
}

.license-group-list .project {
  width: 50%;
  display: inline-block;
  text-align: right
}

.license-group-block {
  border: 0.0625rem solid #2196F3;
  padding: 0.3125rem;
  margin-top: 0.625rem;
  border-radius: 0.625rem;
}

.license-group-block .glyphicons-remove {
  cursor: pointer;
  color: #a94442;
  top: 0.1875rem;
}
.license-group-block .glyphicons-remove:hover {
  color: #F44336;
}

.add-license-to-group,
.add-project-to-group,
.add-license-group {
  margin-top: 0.625rem;
}

.remove-license-group {
  margin-right: 0.625rem;
}

.remove-license-group .glyphicons-remove {
  top: 0rem;
}

.remove-license-group .add-license-text {
  position: relative;
  top: -0.1875rem;
}

.progress-static {
  display: inline-block;
  width: 12.5rem;
}

.license-group-block .usage-block .modified {
  color: #ffc107;
}

.license-group-block .progress-static {
  top: 0.25rem;
}

div.user-update-details-req:not(.form-group) {
  color: #a94442;
}

input.user-update-details-req {
  background-color: #FF9800;
}

div.user-update-details-req .selectize-input {
  background-color: #FF9800 !important;
  background-image: -moz-linear-gradient(top, #FF9800, #FF9800) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FF9800), to(#FF9800)) !important;
  background-image: -webkit-linear-gradient(top, #FF9800, #FF9800) !important;
  background-image: -o-linear-gradient(top, #FF9800, #FF9800) !important;
  background-image: linear-gradient(to bottom, #FF9800, #FF9800) !important;
}

.show-policies-textarea {
  width: 100%;
  min-height: 31.25rem;
  color: #000;
  border-radius: 0.3125rem;
  resize: none;
  text-align: justify;
}

.tos-more {
  border: 0.0625rem solid #2196F3;
  border-radius: 0.3125rem;
  display: inline-block;
  padding: 0rem 0.3125rem 0rem 0.3125rem;
  cursor: pointer;
}
.tos-more-next {
  border: 0.0625rem solid #2196F3;
  border-radius: 0.3125rem;
  display: inline-block;
  padding: 0.1875rem 0.4375rem 0.1875rem 0.4375rem;
  cursor: pointer;
  margin-left: 0.625rem;
}
.learnMoreDiv{
  line-height: 1.5rem;
  margin-bottom: 0.625rem;
  font-size: 1rem;
  width: 100%;
    float: left;
}
.suboption{
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
  width: 100%;
  background: #2f2f2f;
  padding: 0.625rem;
  margin-bottom: 0.625rem;
  border-radius: 0.3125rem;
  flex-wrap: wrap;
  background: var(--p-bg);
}
#cookie-bar {
  background-color: #2196F3;
  color: #fff;
  width: 100%;
  display: inline-block;
  position: fixed;
  bottom: 0rem;
  left: 0rem;
  text-align: center;
  line-height: 2.1875rem;
  z-index: 1030;
}

.cookie-accept,
.cookie-more {
  color: #fff;
  padding: 0.3125rem;
  cursor: pointer;
  border-radius: 0.3125rem;
  margin-left: 0.5rem;
}

.cookie-accept {
  background-color: #039603;
}
.cookie-accept:hover {
  background-color: #00c300;  
  text-decoration: none;
  color: #fff;
}

.cookie-more {
  background-color: #3821f3;
}

.cookie-more:hover {
  background-color: #3567f5;  
  text-decoration: none;
  color: #fff;
}

#users-table th,
#users-table td {
  /*padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 0.3125rem;*/
  padding-top: 0.22rem;
  padding-bottom: 0.22rem;
  margin-right: 0.22rem;
}

#users-table tr.btn-svn-list-selected {
  background-color: #333434;
  background-color: var(--svantek-accent-blue);
}

#users-table tr {
  cursor: pointer;
}

#users-table tr:nth-child(even):not(.btn-svn-list-selected):not(.distributor-group) {
  background-color: #222;
  background-color: var(--users-table-tr-even-background);
}

#users-table th {
  white-space: nowrap;
  font-size: 0.875rem;
}

#users-table td {
  color: #d0d0d0;
  color: var(--user-table-td-color);
}

#users-table tr.btn-svn-list-selected td {
  color: #fff;
}

#users-table td ul {
  margin-left: 1.875rem;
}

#users-table_info{
  padding-top:0.5rem !important;
  font-size:0.875rem !important;
}
#users-table_length select{
  padding-top:0;
  padding-bottom:0;
  width:4.6875rem;
}
#users-table>tbody>tr.child ul.dtr-details>li {
  border-bottom: 0.0625rem solid #efefef;
  border-bottom: 0.0625rem solid var(--users-table-subtable-border-color);
}

#users-table tr.user-disabled td {
  color: #777;
}

#users-table td.account-premium {
  color: #e0b33c;
}

#users-table tr.btn-svn-list-selected td.account-premium {
  color: #e0b33c;
  color: var(--users-table-td-premium-selected-color);
}

#users-table td.cell-date {
  min-width: 9.375rem;
}
#users-table_filter input{
  height:1.875rem;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
  top: 0.5625rem !important;
  left: 0.25rem !important;
  height: 0.875rem !important;
  width: 0.875rem !important;
  line-height: 0.875rem !important;
}
#users-table td .cell-data {
  margin-right: 0.3125rem;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1rem !important;
}

#users-table .distributor-group {
  background-color: #337ab7;
}

.distributor-select .selectize-control {
  min-width: 26.8125rem;
}

.distributor-select {
  float: right;
}

#users-table_wrapper .dt-buttons.btn-group {
  width: 100%;
}

.user-station-select {
  width: 12.5rem;
  color: #000;
  border-radius: 0.3125rem;
}

.user-station-select option {
  padding: 0.125rem;
}


.no-assignment-info {
  margin: 0.625rem 0rem 0.625rem 1.25rem;
  color: #fff;
}

.unassigned-license-info {
  color: #607d8b;
}

.unassigned-license-info .glyphicons {
  top: 0.1875rem;
  color: #fff;
}

.no-licenses,
.demo-access-active {
  font-size: 1.125rem;
  color: #607D8B;
  margin-left: 0.9375rem;
}

.license-group-list .project-usage {
  display: inline-block;
  color: #c1c1c1;
}

.license-group-list .project-usage .glyphicons {
  color: #607d8b;
}

.license-group-list .project-usage .glyphicons-scale,
.license-group-list .project-usage .glyphicons-transfer {
  top: 0.1875rem;
}

.license-group-list .project-usage .glyphicons-database {
  top: 0.125rem;
}

.license-group-list .project-usage .glyphicons-sms {
  top: 0.0625rem;
}

.license-block {
  margin-bottom: 0.625rem;
}

.license-title {
  margin-bottom: 0.625rem;
  color: #607d8b;
  text-transform: uppercase;
}

.license-title .glyphicons {
  color: #e0b33c;
  top: 0.125rem;
}

.license-group-list .stations-in-projects {
  display: inline-block;
  margin-right: 0.625rem;
}

#stations-in-unassigned-projects {
  float: right;
  margin-top: 0.625rem;
  color: #a4a4a4;
}

.stations-warning,
.disabled-terms-warning {
  color: #a94442;
}

#asset-list div:first {
  
}

.asset-station {
  color: #a4a4a4;
  color: var(--station-list-item-p-color);
  padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
  border: 0.0625rem solid #2196F3;
  border-radius: 0.3125rem;
  line-height: 1.5625rem;
  margin-top: 0.625rem;
}

.asset-station img {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  position: relative;
  top: -0.0625rem;
  margin-right: 0.625rem;
}

.row-forecol {
  background-color: transparent;
  background-color: var(--station-list-ext-status-background-fore);
}

.row-forecol .status-data {
  color: #fff;
  color: var(--station-list-ext-status-text-fore);
}

.row-backcol {
  background-color: #2b2b2b;
  background-color: var(--station-list-ext-status-background-back);
}

.row-backcol .status-data {
  color: #fff;
  color: var(--station-list-ext-status-text-back);
}

tr.row-backcol > td:last-child {
  padding-right: 1.25rem !important;
}

.status-component-meter {
  width: 6.25rem; 
  float: right; 
  margin-right: 1.875rem; 
  margin-top: 0.625rem;
}

.status-component-meteo {
  width: 6.25rem;
  float: right;
  margin-right: 1.875rem;
  margin-top: 0.625rem;
}

.status-component-cam {
  width: 6.25rem;
  float: right;
  margin-right: 1.875rem;
  margin-top: 0.625rem;
}

.status-component-radar {
  width: 6.25rem;
  float: right;
  margin-right: 1.875rem;
  margin-top: 0.625rem;
}

.status-component-pendrive {
  width: 1.875rem;
  margin-bottom: 0.625rem;
  float: right;
  margin-right: calc(50% - 10px);
  margin-top: 0.625rem;
}

.status-component-extbattery {
  width: 5rem;
  float: right;
  margin-right: calc(50% - 35px);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.license-block .glyphicon-pencil,
.license-block .glyphicon-ok,
.license-block .glyphicon-remove {
  margin-right: 0.3125rem;
  cursor: pointer;
  color: #1d9ffd;
  font-size: 1.125rem;
}

.license-block .name-full input {
  width: calc(100% - 100px);
  display: inline-block;
  margin-right: 0.625rem;
}

.license-upgrade-table th,
.license-upgrade-table td {
  padding: 0.625rem 0rem 0.625rem 0rem;
}

.license-upgrade-table .glyphicons-arrow-right {  
  font-size: 2.5rem;
  color: #107e42;
}

.mandatory-input.error {
  background-color: #a94442;
  color: #fff;
}

.new-feature-announce {
  font-size: 1.125rem;
  position: absolute !important;
  outline-style: none;
  cursor: pointer;
  animation: shake-with-delay 5.0s;
  animation-iteration-count: infinite;
  color: #ffc107;
  z-index: 1000;
}

@keyframes shake-with-delay {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  1% { transform: translate(-1px, -2px) rotate(-1deg); }
  2% { transform: translate(-3px, 0px) rotate(1deg); }
  3% { transform: translate(3px, 2px) rotate(0deg); }
  4% { transform: translate(1px, -1px) rotate(1deg); }
  5% { transform: translate(-1px, 2px) rotate(-1deg); }
  6% { transform: translate(-3px, 1px) rotate(0deg); }
  7% { transform: translate(3px, 1px) rotate(-1deg); }
  8% { transform: translate(-1px, -1px) rotate(1deg); }
  9% { transform: translate(1px, 2px) rotate(0deg); }
  10% { transform: translate(1px, -1px) rotate(-1deg); }
}

.station-corner-clip {
  width: 0.9375rem;
  height: 0.9375rem;
  /* background-color: #000; */
  background: var(--main-bg-color-default);
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem; /*15px*/
  z-index: 100;
}

.station-corner-clip:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-top: 0.9375rem solid #fff;
  border-top: 0.9375rem solid var(--corner-clip-color);
  border-right: 0.9375rem solid var(--corner-clip-bg);
  width: 0;
}

@media(max-width: 63.9375rem) {
  .station-corner-clip {
    left: 0.3125rem;
  }
}

.btn-svn-list-selected .station-corner-clip:before,
.btn-svn-list:hover .station-corner-clip:before {
  border-right: 0.9375rem solid #333434;
}

#upgrade-extend {
  width: 1.5625rem !important; 
  height: 1.5625rem !important; 
  margin: 0rem; 
  padding: 0rem; 
  position: relative; 
  top: 0.3125rem;
}

#upgrade-request-btn:disabled {
  opacity: 0.7;
}

#instrument-list-more {
  margin-top: 0.625rem;
}
#instrument-list-more .more-loader {
  height: 2rem;
}
#instrument-list-more .more-button {
  display: inline-block; 
  cursor: pointer; 
  border: 0.0625rem solid #fff; 
  padding: 0.3125rem; 
  border-radius: 0.3125rem;
}
#instrument-list-more .more-button:hover {
  background-color: #337ab7;
  border: 0.0625rem solid #337ab7; 
}
#instrument-list-button-top,
#instrument-list-button-bottom {
  position: fixed; 
  opacity: 0.5; 
  font-size: 1.5rem; 
  border-radius: 0.625rem; 
  padding: 0.3125rem; 
  cursor: pointer; 
  right: 18.4375rem; 
  z-index: 1000;
}

#instrument-list-button-top {
  top: 8.125rem;
}

#instrument-list-button-top.posfix {
  top: 10.9375rem;
}

#instrument-list-button-bottom {
  bottom: 0.3125rem;
}

@media(max-width: 63.875rem) {
  #instrument-list-button-top,
  #instrument-list-button-bottom {
    right: 0.3125rem;
  }
  #instrument-list-button-top {
    top: 3.125rem !important;
  }
}

#instrument-list-button-top:hover,
#instrument-list-button-bottom:hover {
  opacity: 1;
}

#instrument-list-more .more-loader .circle-infinite-loading.single {
  top: 0.4375rem;
  left: calc(50% - 12px);
}

.connection-logs-msg {
  color: #2196f3;
  color: var(--svantek-accent-blue-thin);
}

.form-control {
  border: 0.0625rem solid var(--form-control-border-color);
}
.copied-to-clipboard {
  top: -0.125rem;
  position: relative;
  color: #27842b;
}
.info-saved {
  color: #27842b;
  top: 0.125rem;
  position: relative;
}

.row-status-image {
  display: none;
}

.row-status-image td {
  width: 100%;
}

@media (max-width: 106.25rem) and (min-width: 75rem) {
  .status-images {
    display: none;
  }
  .row-status-image {
    display: table-row;
  }
}

.connection-test-log {
  margin-top: 0.625rem;
}

.connection-test-log ul {
  margin-top: 0.625rem;
  border: 0.0625rem solid #4a4b4c;
  border-radius: 0.3125rem;
  padding: 0.3125rem 0.3125rem 0.3125rem 1.5625rem;
  font-size: 0.875rem;
  color: #f68026;
}

.connection-test-log li {
  margin-bottom: 0.3125rem;
}

.connection-test-log li.adjust-info {
  color: #8a6d3b;
}

#instrument-list .glyphicons-important-day {
  color: #218cc1;
  color: var(--svantek-accent-blue-thin);
  top: 0.875rem;
  font-size: 1.375rem;
  float: right;
  outline: none;
}

@media(min-width: 75rem) {
  #instrument-list .glyphicons-important-day {
    left: 1.875rem;
  }
}

.input-wrong-content {
  background: rgba(255, 0, 0, 0.5);
}

.test-ftp-connection-button {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  border-radius: 0.3125rem;
  display: inline-block;
  color: #000;
  cursor: pointer;
  background: #fff;
  line-height: 1.5 !important;
  font-weight: bold;
  font-size: 1rem;

}

.test-ftp-connection-button .glyphicon {
  margin-right: 0.3125rem;
}

.test-ftp-connection-button:hover {
  color: #1d9fdf;
  background: #fff;
}

.test-ftp-connection-button.disabled {
  background: #333434;
  color: #a4a4a4;
  cursor: no-drop;
}

.test-ftp-connection-button > .text {
  position: relative;
  top: -0.1rem;
}

.test-ftp-connection-button > .glyphicons-check {
  top: -0.05rem;
} 

.showing-alarms-for-serial-wrapper {
  text-align: center;
}

.showing-alarms-for-serial-wrapper > div {
  background: #a78623;
  color: #fff;
  display: inline-block;
  padding-left: 0.625rem;
  margin: 0.3125rem;
  border-radius: 0.625rem;
}

.showing-alarms-for-serial-wrapper > div > span:not(.glyphicons) {
  top: -0.125rem;
  position: relative;
}

.showing-alarms-for-serial-wrapper > div > .glyphicons {
  cursor: pointer;
}

.showing-alarms-for-serial-wrapper > div > .glyphicons:hover {
  color: #000;
}

#stationStatusData .btn-default,
.project-body .btn-default {
  color: var(--svg-fill-navigation);
  background: transparent;
}

#stationStatusData .btn-default:hover {
  background: var(--modalbox-btn-bg-selected) !important
}

#consent_1, #consent_2, #consent_3, #consent_4 {
  box-shadow: unset;
  -webkit-box-shadow: unset;
}

.refresh-btn,
.search-field-icon,
.alarm-search-field-icon,
a {
  color: var(--svantek-accent-blue);
}
.refresh-btn svg {
  width: 1.25rem;
  fill: var(--svantek-accent-blue-thin);
}

.popover {
  z-index: 1030 !important;
}

div.dt-button-info {
  background-color: #333 !important;
  background-color: var(--datatables-clipboard-bg) !important;
  color: #fff !important;
  color: var(--datatables-clipboard-text) !important;
}

div.dt-button-info h2 {
  background-color: #333 !important;  
  background-color: var(--datatables-clipboard-bg) !important;
  color: #fff !important;
  color: var(--datatables-clipboard-text) !important;
}

.dataTables_paginate .pagination > .active > a, 
.dataTables_paginate .pagination > .active > span, 
.dataTables_paginate .pagination > .active > a:hover, 
.dataTables_paginate .pagination > .active > span:hover, 
.dataTables_paginate .pagination > .active > a:focus, 
.dataTables_paginate .pagination > .active > span:focus {
  background-color: var(--svantek-accent-blue);
  border-color: var(--svantek-accent-blue);
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
  background-color: var(--svantek-accent-blue) !important;
}

.popup-msg-box,
#eventlist-popup-loader {
  z-index: 2000;
  position: fixed;
  top: -6.25rem;
  left: 0rem;
  width: 100%;
  text-align: center;
  pointer-events: none;

  animation-name: slide-popup-msg-box;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

#eventlist-popup-loader {
  animation-name: slide-eventlist-popup-loader;
}

.popup-msg-box-content,
.eventlist-popup-loader-content {
  background: #434343;
  background: var(--popup-msg-box-bg);
  border: 0.0625rem solid #222;
  border: 0.0625rem solid var(--popup-msg-box-border);
  padding: 0.4375rem 0.75rem 0.75rem 0.75rem;
  border-radius: 0.3125rem;
  display: inline-block;
  box-shadow: 0.625rem 0.625rem 0.5rem #000;
  box-shadow: 0.625rem 0.625rem 0.5rem var(--popup-msg-box-shadow);
  pointer-events: auto;
}

.popup-msg-box-content.warning {
  background: #9c5954;
}
.popup-msg-box-text,
.eventlist-popup-loader-text {
  font-size: 1rem;
}

.popup-msg-box-content.warning .popup-msg-box-text {
  color: #fff;
}

.popup-msg-box .glyphicons-remove {
  color: #953e3c;
  color: var(--popup-msg-box-remove-color);
  cursor: pointer;
  font-size: 1.125rem;
  top: 0.25rem;
}

.popup-msg-box .glyphicons-remove:hover {
  color: #fff;
  color: var(--popup-msg-box-remove-hover);
}

@keyframes slide-popup-msg-box {
    0% {
        top: -6.25rem;
    }
    100% {
        top: 0.9375rem;
    }
}
@keyframes slide-eventlist-popup-loader {
  0% {
    top: -6.25rem;
  }
  100% {
    top: 4.5rem;
  }
}
.form-control-feedback {
  width: 2.125rem;
  height: 2.125rem;
  line-height: 2.125rem;
}

.user-edit-form .switch-wide input.cmn-toggle-round:disabled+label,
.user-edit-form input:disabled,
.user-edit-form a.disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

.cert-panel .text-muted {
  color: var(--certificates-muted-text);
}

.cert-panel .text-smaller-uppercase {
  font-size: 0.8rem;
  text-transform: uppercase;
}

.cert-panel .attr-name {
  margin-bottom: 0;
}

.cert-panel .lab-name {
  font-size: 1.5rem;
}

.cert-blue-button {
  color:#FFF !important;
  background: var(--svantek-accent-blue) !important;
  height: 2.25rem;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border:0 !important;
  text-decoration: none;
}

.cert-blue-button:hover{
  color:#FFF !important;
  background: #0f4574 !important;
  text-decoration: none;
}

.cert-panel .cert-top-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: var(--certificates-line-color) solid 1px;
  padding-bottom: 0.6rem;
}

.cert-panel .cert-bottom-bar {
  display: flex;
  justify-content: space-between;
}

.btn-save {
  color: #fff;
  margin-right: 0.6rem;
  background-color: #009f40 !important;
  border-color: #009f40 !important;
  text-transform: uppercase;
}

.btn-cancel {
  color: #fff;
  border-color: var(--svantek-accent-blue) !important;
  background: var(--svantek-accent-blue) !important;
  float: right;
  text-transform: uppercase;
}

.twv-msg-title {
  font-size: 24px;
  text-align: center;
}

.twv-msg-text {
  font-size: 16px;
}

.code-digit {
    text-align: center;
    width: 2.1rem !important;
    display: inline-block;
    margin-right: 0.2rem;
}
input.code-digit::-webkit-outer-spin-button,
input.code-digit::-webkit-inner-spin-button 
{
    -webkit-appearance: none;
    margin: 0;
}
/* For Firefox  */
    
input.code-digit {
    -moz-appearance: textfield;
}
.twv-wrapper .circle-infinite-loading.single {
    margin-top: 3.75rem;
    top: 0;
}
.resend-button-info {
    position: relative;        
}
.resend-button-info .circle-infinite-loading.single {
    margin-top: 0 !important;
} 
#user-t2v-email {

}
.change-password-form {
  float: left
}
.change-password-section {
  border: 1px solid #494b4c;
  padding: 0.625rem;
  border-radius: 0.3125rem;  
  min-height: 26.125rem;
  margin-bottom: 0.625rem;
  position: relative;
}
.change-password-section > div,
.change-password-section button {
  margin-left: 0.3125rem;
}

.change-password-section button {
  position: absolute;
  bottom: 0.625rem;
  left: 0.625rem;
}

.change-password-form .glyphicons {
  top: 0.125rem;
}

.change-password-repeat-error {
  color: red;
  margin-top: 0.3125rem;
  margin-left: 0.3125rem;
}

.change-password-strength {
  position: relative;
  margin-top: 0.3125rem;
}

.change-password-strength > div {
  display: inline-block;
  width: calc(25% - 0.9375rem);
  text-align: center;
  margin-left: 0.0625rem;
  position: relative;
}

.change-password-strength > div {
  border: 0.0625rem solid #ccc;
  height: 1.5625rem;
}

.change-password-strength > div > .text {
  color: #fff;
  display: none;
  top: 0.125rem;
  position: relative;
}

.change-password-strength > div.active {
  border: 0px;
}
.change-password-strength > div.active.score {
  top: -0.625rem;
}

.change-password-strength > div.active.score > .text {
  display: inline-block;
}

.change-password-strength > div.active.very_weak {
  background-color: #e84343;
  background-color: var(--result-display-tenth-bar-bg);
}

.change-password-strength > div.active.weak {
  background-color: #e8ac43;
  background-color: var(--result-display-seventh-bar-bg);
}

.change-password-strength > div.active.good {
  background-color: #00bdd2;
  background-color: var(--result-display-fourth-bar-bg);
}

.change-password-strength > div.active.strong {
  background-color: #437b43;
  background-color: var(--result-display-first-bar-bg);
}

.change-password-strength .glyphicons {
  top: -0.25rem;
  cursor: pointer;
}

.change-password-section {
  padding-bottom: 2rem;
}

#remote-project-lang+label .cmn-toggle-label-on,
#remote-project-lang+label .cmn-toggle-label-off {
  top: 0.1rem;
}

.dropbox-ref-token {
  display: inline-block;
  margin-right: 0.3125rem;
  width: calc(100% - 12rem - 0.6250rem);
}

#dropbox-generate-ref-token {
  width: 12rem;
}