@charset "utf-8";
h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.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: var(--active-blue);
}

input.cmn-toggle-round:checked+label:before {
  background-color: var(--active-blue);
  border: 1px solid var(--active-blue);
}
input.cmn-toggle-round+label:after{
  width: 1rem;
  height: 1rem;
  margin-top: 0.25rem;
  margin-left: 0.25rem;
  background-color: var(--active-blue);
  top: 0;
}

.add-new-project-button-row .col-lg-9 {
  padding: 0;
}

.svannet-logo {
  margin-left: 0;
}

.modal-content-box-btn {
  border: 1px solid #FFF;
}

.project-button:hover {
  border: 1px solid #337ab7 !important;
}

.project-button.selected {
  border: 1px solid #337ab7 !important;
}

.project-button.selected:hover,
.project-button.selected:active,
.project-button.selected:focus {
  border: 1px solid #337ab7 !important;
}

.menu-wrapper .project-button.selected:hover,
.project-button.selected:active,
.project-button.selected:focus {
  border: 1px solid #337ab7 !important;
}

#mobile-nav {
  display: none;
}

#mobile-nav ul {
  margin: 0;
  width: 100%;
  padding-bottom: 0.625rem;
  margin-bottom: 0.625rem;
  border-bottom: 1px solid #666;
}

#mobile-nav .menu-wrapper ul {
  border-bottom: 0;
}

#mobile-nav .menu-wrapper #project-tabs ul {
  border-bottom: 1px solid #666;
}

#mobile-nav .station-navigation-buttons {
  width: 100%;
  display: block;
  float: left;
}

#mobile-nav #project-point-filters ul.list-inline {
  padding-bottom: 0;
  margin-bottom: 0;
}

#panel-login-wrapper {
  display: flex;
  float: left;
  width: 100%;
  height: auto;
  align-items: center;
  justify-content: center;
}

#panel-login-wrapper .text {
  box-sizing: border-box;
  color: #FFF;
  color: var(--panel-login-wrapper-color);
  cursor: auto;
  display: block;
  font-family: myriad-pro-bold;
  font-size: 3.75rem;
  font-weight: 700;
  height: 6.2875rem;
  line-height: 5.3571rem;
  padding-left: 1.25rem;
  padding-top: 0.9375rem;
  text-size-adjust: 100%;
  width: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#mobile-nav .side-bar-icon-active {
  background: #337ab7;
}

#mobile-nav .navbar-nav>li>a {
  padding: 0.3125rem 0;
  margin-bottom: 0;
}

#mobile-nav .navbar-nav>li {
  padding-left: 0.625rem;
  float: left;
}

#mobile-nav .side-bar-icon-active:hover {
  background: #337ab7 !important;
}

.badge {
  padding: 0.1875rem 0.4375rem 0.125rem;
  vertical-align: middle;
  line-height: 0.875rem;
}

#mobile-nav .menu-wrapper {
  position: relative;
  height: 2.25rem;
  margin: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
  z-index: 1030;
}

#mobile-nav .menu {
  height: 3.75rem;
  box-sizing: border-box;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  overflow-x: scroll;
  padding-left: 0.625rem;
}

.menu .item {
  display: inline-block;
  width: auto;
  box-sizing: border-box;
  list-style: none;
}

.menu button {
  color: #fff;
  color: var(--svg-fill-navigation);
  text-transform: uppercase;
  background: transparent;
  border-radius: 1.25rem;
  border: 1px solid #FFF;
  border: 1px solid var(--svg-fill-navigation);
  margin-right: 0.3125rem;
  margin-top: 0;
  min-width: 0;
}

.menu button.clickable-project {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.menu button.selected {
  border: 1px solid #337ab7;
  background: #337ab7 !important;
  color: #fff;
}

.menu button:hover {
  border: 1px solid #337ab7;
  background: #337ab7;
  color: #fff;
}

.menu a {
  color: #ddd !important;
  text-transform: uppercase;
  background: transparent;
  color: var(--the-a4a4a4-color);
  border-radius: 1.25rem;
  border: 1px solid #FFF;
  margin-right: 0.3125rem;
  margin-top: 0;
  min-width: 0;
}

.menu a.clickable-project {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.menu a.selected {
  border: 1px solid #337ab7;
  background: #337ab7;
  color: #fff;
}

.menu a:hover {
  border: 1px solid #337ab7;
  background: #337ab7;
  color: #fff;
}

.menu a.webinterface-link,
.menu a.statuses-link,
.menu a.logins-link,
.menu a.datas-link,
.menu a.configuration-link,
.menu a.changes-link,
.menu a.status-link {
  color: #ddd !important;
  text-transform: uppercase;
  background: transparent;
  color: var(--the-a4a4a4-color);
  border-radius: 1.25rem;
  border: 0 !important;
  margin-right: 0 !important;
  margin-top: 0;
  min-width: 0;
}

.menu a.webinterface-link:hover,
.menu a.statuses-link:hover,
.menu a.logins-link:hover,
.menu a.datas-link:hover,
.menu a.configuration-link:hover,
.menu a.changes-link:hover,
.menu a.status-link:hover {
  border: 0 !important;
  background: transparent !important;
  color: #fff;
}

.menu .item.active a {
  border: 1px solid #337ab7;
  background: #337ab7;
  color: #fff;
}

.paddles {}

.paddle {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 2.25rem;
  border: 0;
  width: 2.25rem;
  font-weight: bold;
}

.left-paddle {
  left: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 80%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 80%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 80%);

  background: -moz-linear-gradient(left, var(--paddles-bg-2) 0%,  var(--paddles-bg-1) 80%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  var(--paddles-bg-2) 0%, var(--paddles-bg-1) 80%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  var(--paddles-bg-2) 0%, var(--paddles-bg-1) 80%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=1);
  /* IE6-9 */
  color:#FFF !important;
  color:var(--paddles-color) !important;
}

.left-paddle:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=1);
  /* IE6-9 */
}

.right-paddle {
  right: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,1+100 */
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1) 100%);


  background: -moz-linear-gradient(left, var(--paddles-bg-1) 20%, var(--paddles-bg-2) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, var(--paddles-bg-1)  20%, var(--paddles-bg-2) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, var(--paddles-bg-1)  20%, var(--paddles-bg-2) 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=1);
  /* IE6-9 */
  color:#FFF !important;
  color:var(--paddles-color) !important;
}

.right-paddle:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,1+100 */
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=1);
  /* IE6-9 */
}

.hidden {
  display: none;
}

.full-width-mobile {
  display: none;
}

.project-title-selector-dropdown.open .dropdown-menu {
  background: #3a3a3a;
}

.dropdown-menu>li>a {
  padding: 0.1875rem 0.625rem;
}

#project-top-table-wrapper {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  position: relative;
}

#toggle-buttons-grp {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
}

#main-project-title {
  width: 100%;
}

.flex-wrapper {
  display: flex;
  float: left;
  width: 100%;
  height: auto;
}

#project-tabs-time-range {
  flex: 0 0 20.625rem;
}

.list-inline.nav.nav-tabs.nav-status {}

#project-tabs {
  display: flex;
  align-items: end;
}

#project-top-table {
  width: 100%;
  display: block;
  float: left;
}

#project-top-table .title {
  padding-right: 5.625rem;
}

#project-top-table .left {
  display: block;
  float: left;
  width: 25rem;
  height: auto;
  position: relative;
  z-index: 9;
}

#project-top-table .right {
  display: block;
  float: right;
  height: auto;
  padding-left: 26.25rem;
  margin-left: -25rem;
  box-sizing: border-box;
}

#mapBlock {
  position: relative;
}

#map-controls {
  display: block;
  top: 0;
  right: 0;
  height: auto;
  width: auto;
  z-index: 10;
  max-width:100%;
  float:left;
  overflow: hidden;
}

#map-controls a {
  overflow: hidden;
  display: block;
  float: left;
  position: relative;
}
#map-controls a:last-child {
  padding-right: 1rem;
  border-right: 1px solid var(--main-popup-group-box-border);
}
#map-controls #entry-point {
  display: block;
  opacity: 0.7;
  transition: all 0.5s ease-in-out;
  float: left;
}

#map-controls #entry-point:hover {
  display: block;
  background: #337AB7;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}

#map-controls #entry-point .svgFill:hover svg {
  fill: #FFF !important;
}

#map-controls #simple {
  display: none;
  float: left;
}

#map-controls #extended {
  display: none;
  float: left;
}

#map-controls svg {
  cursor: pointer;
}

#map-controls input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  cursor: pointer;
}

.markerControls {
  display: block;
  float: left;
  width: auto;
  padding: .5rem 1rem;
  background: var(--panel-header-bg-color);
  border-radius: 1rem;
  margin-top:.5rem;
  align-items: center;
}

.valueInput {
  /* width: 3.75rem; */
  margin-left: 1.25rem;
  color: #FFF;
  border-radius: 0.3125rem;
  background: #2B6697;
  border: 0;
}

#map-controls input[type=range] {
  -webkit-appearance: none;
  width: 8.75rem;
  margin: 0.575rem 0;
  float: left;
  background: #323434;
}

#map-controls input[type=range]:focus {
  outline: none;
}

#map-controls input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.2875rem;
  cursor: pointer;
  box-shadow: 0.0313rem 0.0313rem 0.1875rem #000000, 0rem 0rem 0.0313rem #0d0d0d;
  background: #337ab7;
  border-radius: 1.5625rem;
  border: 0.0125rem solid #010101;
}

#map-controls input[type=range]::-webkit-slider-thumb {
  box-shadow: 0rem 0rem 0rem #337ab7, 0rem 0rem 0rem #3b87c8;
  border: 0rem solid #337ab7;
  height: 1.4375rem;
  width: 0.5625rem;
  border-radius: 3.125rem;
  background: #337ab7;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -0.5875rem;
}

#map-controls input[type=range]:focus::-webkit-slider-runnable-track {
  background: #4f93ce;
}

#map-controls input[type=range]::-moz-range-track {
  width: 100%;
  height: 0.2875rem;
  cursor: pointer;
  box-shadow: 0.0313rem 0.0313rem 0.1875rem #000000, 0rem 0rem 0.0313rem #0d0d0d;
  background: #337ab7;
  border-radius: 1.5625rem;
  border: 0.0125rem solid #010101;
}

#map-controls input[type=range]::-moz-range-thumb {
  box-shadow: 0rem 0rem 0rem #337ab7, 0rem 0rem 0rem #3b87c8;
  border: 0rem solid #337ab7;
  height: 1.4375rem;
  width: 0.5625rem;
  border-radius: 3.125rem;
  background: #337ab7;
  cursor: pointer;
}

#map-controls input[type=range]::-ms-track {
  width: 100%;
  height: 0.2875rem;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

#map-controls input[type=range]::-ms-fill-lower {
  background: #285f8f;
  border: 0.0125rem solid #010101;
  border-radius: 3.125rem;
  box-shadow: 0.0313rem 0.0313rem 0.1875rem #000000, 0rem 0rem 0.0313rem #0d0d0d;
}

#map-controls input[type=range]::-ms-fill-upper {
  background: #337ab7;
  border: 0.0125rem solid #010101;
  border-radius: 3.125rem;
  box-shadow: 0.0313rem 0.0313rem 0.1875rem #000000, 0rem 0rem 0.0313rem #0d0d0d;
}

#map-controls input[type=range]::-ms-thumb {
  box-shadow: 0rem 0rem 0rem #337ab7, 0rem 0rem 0rem #3b87c8;
  border: 0rem solid #337ab7;
  height: 1.4375rem;
  width: 0.5625rem;
  border-radius: 3.125rem;
  background: #337ab7;
  cursor: pointer;
  height: 0.2875rem;
}

#map-controls input[type=range]:focus::-ms-fill-lower {
  background: #337ab7;
}

#map-controls input[type=range]:focus::-ms-fill-upper {
  background: #4f93ce;
}
.log-table td .mobile-label {
  font-weight: bold;
  display: none;
}

.individual-download-panel .afd-config-day,
.individual-download-panel .afd-period-select,
.individual-download-panel .afd-config-rtc,
.individual-download-panel .afd-timezone {
  margin-left: 0;
}

.individual-download-panel .amc-config-switch {
  margin-left: 0;
}



.project-wrapper {
  margin-bottom: 0 !important;
}

#mobile-nav .profile-icons-allert.on .glyphicons-bell,
#unitSideBar .profile-icons-allert.on .glyphicons-bell {
  color: #cc3e3e !important;
}

.navbar-default .navbar-nav>li>a.side-bar-icon-active {
  background: #337ab7;
  border-color: #337ab7;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus:not(.new-tab-link) {
  background-color: #337ab7;
  border-color: #337ab7;
}

.main-menu-icons-list>li>a {
  padding-top: 0.625rem;
  margin-bottom: 0.625rem;
}

@media screen and (max-width: 63.9375rem) {
  #side-data-1:not(.pdf) #event-df-placeholder-0 .scaling-th-chart {
    height: 11vh !important;
    min-height: 11vh !important;
    max-height: 11vh !important;
  }
  #mobile-nav .profile-icons-allert {
    background: transparent;
  }
  .container {
    position: relative;
    top: 0;
  }
  .container-list-header {
    position: relative;
    right: 0;
    left: 0;
  }
  .full-width-mobile {
    display: block;
    float: left;
    width: 100%;
    height: auto;
  }
  .full-width-desktop {
    display: none !important;
  }
}

#bottom-logo {
  display: none;
}

.description-wrapper {
  display: block;
  float: left;
  width: 100%;
  height: auto;
}

.project-heading-name .caret {
  display: none;
}

.device-list-title {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.mobile-device-list {
  width: 100%;
}

.modal-dialog {
  min-width: 17.5rem;
}

.add-nproject-button {
  margin-top: 0.625rem;
}

#instrument-list-mobile {
  display: none;
}

#instrument-list .project-heading,
.project-selected,
.project-sharing-block,
.project-report-config {
  border: 1px solid #ccc !important;
  border: 1px solid var(--station-list-item-border-color) !important;
}

.project-sharing-block > .device-list {
  border: 0 !important;
}

#unitSideBar #instrument-list .project-heading {
  border: 0 !important;
}

#unitSideBar .project-button.selected:hover,
.project-button.selected:active,
.project-button.selected:focus {
  border: 1px solid #337ab7 !important;
  border: 1px solid var(--project-button-border-selected-hover-focus) !important;
}

.project-button.selected:hover,
.project-button.selected:active,
.project-button.selected:focus {
  border: 1px solid #337ab7 !important;
  border: 1px solid var(--project-button-border-selected-hover-focus) !important;
}

body .project-button.selected:hover,
body .project-button.selected:active,
body .project-button.selected:focus {
  border: 1px solid #337ab7 !important;
  border: 1px solid var(--project-button-border-selected-hover-focus) !important;
}

#unitSideBar .project-button.selected {
  border: 1px solid #337ab7 !important;
  border: 1px solid var(--project-button-border-selected) !important;
  background: var(--project-button-bg-selected);
}

#unitSideBar #instrument-list .project-point-name {
  display: block !important;
  width: 100% !important;
}

#project-point-filters {
  float: left !important;
  padding-left: 0 !important;
}

.container-list {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
}

.submenu-wrapper2 {
  display: block;
  float: left;
  width: 100%;
  height: 6.25rem;
}

.mapBlockWide {
  max-width: 100% !important;
}

.submenu-wrapper.project-page {
  display: block;
  float: left;
  width: 100%;
  padding-left: 6.6875rem;
  height: auto;
}

.li-filter-wrapper-inside {
  padding-left: 0;
  width: 100%;
}

.li-filter-wrapper-inside li {
  list-style: none !important;
  float: left;
  margin-right: 0.625rem;
}
.li-filter-wrapper-inside li:last-child {
  margin-right: 0;
}

.li-filter-wrapper-inside li ul li,
.filter-bar-component li
 {
  float: left;
  margin-right: 0.25rem !important;
}

.li-filter-wrapper {
  display: block;
  float: left;
  margin-bottom: 0.625rem;
}

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

.pagination-user-panel {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.list-inline {
  margin-bottom: 0;
}

.station-status-title.row,
.device-list.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.bootstrap-datetimepicker-widget {
  background: #1c1d1d !important;
  background: var(--datetimepicker-widget-background) !important;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: var(--datetimepicker-widget-selected-background);
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: var(--datetimepicker-widget-selected-background);
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  color: var(--datetimepicker-time-color);
}

.bootstrap-datetimepicker-widget table td span:hover {
  background: var(--datetimepicker-time-background);
}

.hour,
.minute,
.second {
  color: var(--hour-minute-second-color) !important;
}

.project-table-helper.user-list-view {
  flex-wrap: wrap;
}

#eventsBlock {
  max-width: 18.75rem;
}

.project-table-helper.user-list-view #eventsBlock {
  width: 100% !important;
  max-width: 100%;
}

@media(min-width:64rem) {
  .eventsBlockSlim {
    max-width: calc(100vw - 400px) !important;
  }
}

#middle-data-1:not(.time-history),
#middle-data-2:not(.time-history),
#bottom-data-4:not(.time-history) {
  height: auto !important;
  min-height: 15rem;
}

#top-data-1 {
  height: auto;
}

.mCSB_inside>.mCSB_container {
  margin-right: 0.9375rem;
}

#project-point-filters li {
  padding-right: 0.625rem !important;
  padding-left: 0 !important;
}

#unitSideBar .main-menu-glyphicons.glyphicons {
  margin-left: 0 !important;
}

#unitSideBar .side-bar-wide .navbar-nav>li>a {
  padding-left: 0;
  padding-right: 0;
}

#project-tabs {
  height: auto;
}

#project-point-filters .glyphicon.glyphicon-check,
#project-point-filters .glyphicon.glyphicon-unchecked {
  padding-left: 0.3125rem;
}

.project-point-filters-wrapper {
  display: block;
  float: left;
  list-style: none;
}

#project-tabs.time-range.event-list>ul {
  width: 100% !important;
}

#project-tabs.time-range>ul {
  width: 100%;
}

#top-data-1 .table-wrapper {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  background: #2E2E2E;
  padding: 0.625rem;
  margin-left: 0 !important;
}

#top-data-1 .table-wrapper.exporting {
  padding: 0rem;
  background: #fff;
}

#top-data-1 .table-wrapper table {
  margin: 0 !important;
}

.plot-graph-wrapper .th-legend-wrapper {
  background: #333 !important;
  color: #ddd;
}

.plot-graph-wrapper .th-legend-wrapper.exporting {
  background: #fff !important;
  color: #000 !important;
}

.plot-graph-wrapper .project-results-plot-container:not(.exporting) {
  padding: 0.625rem !important;
}

.plot-graph-wrapper .project-results-plot-container {
  background: #ddd !important;
}

.plot-graph-wrapper .project-results-plot-container.exporting,
.th-plot-div-wrapper .project-results-plot-container.exporting {
  background: #fff !important;
}

.plot-graph-wrapper .event-th-plot-wrapper {
  margin-left: 0 !important;
}

.plot-graph-wrapper .waveform-plot-wrapper {
  margin-left: 0 !important;
}

.plot-graph-wrapper-right .th-legend-wrapper {
  background: #333 !important;
  color: #ddd !important;
}

.plot-graph-wrapper-right .th-legend-wrapper.exporting {
  background: #fff !important;
  color: #000 !important;
}

.plot-graph-wrapper-right .project-results-plot-container:not(.exporting) {
  padding: 0.625rem !important;
}

.plot-graph-wrapper-right .project-results-plot-container {
  background: #ddd !important;
}

.plot-graph-wrapper-right .project-results-plot-container.exporting {
  background: #fff !important;
}

.plot-graph-wrapper-right .event-th-plot-wrapper {
  margin-right: 0;
}

.plot-graph-wrapper-right .waveform-plot-wrapper {
  margin-right: 0 !important;
}

.plot-graph-wrapper-right .spectrum-th-plot-wrapper {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.plot-graph-wrapper {
  margin-right: 0.3125rem !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.plot-graph-wrapper-right {
  margin-left: 0.3125rem !important;
  border: 0 !important;
  border-radius: 0 !important;
}


#sel-event-th-plot-wrapper,
#sel-event-th-legend-wrapper {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.event-th-plot-wrapper {
  padding-left: 0 !important;
}

.th-spectrum-plot {
  padding-left: 0 !important;
}

.event-view-map:not(.pdf) {
  height: 31vh !important;
}

#side-data-1:not(.pdf) {
  height: 31vh !important;
}


#middle-data-1 {
  margin-right: 0 !important;
}


#middle-data-2,
#bottom-data-4 {
  margin-left: 0 !important;
}

#sel-event-th-plot-row:not(.project-export-hide-border) {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#sel-event-th-spectrum-plot-wrapper {
  padding-right: 0 !important;
}

body #sel-event-th-spectrum-legend-wrapper {
  padding-left: 0.625rem !important;
}

body #sel-event-th-legend-wrapper {
  padding-left: 0.625rem !important;
  box-sizing: border-box;
}

#page-modal-box-simple-download .modal-dialog {
  position: fixed;
  bottom: 3.125rem;
  right: 6rem;
}

#page-modal-box-alerts .top {
  height: 2.1875rem;
  display: block;
  float: left;
  width: 100%;
  position: relative;
  z-index: 9;
}

#alarm-settings-wrapper .advanced-alarms-entry {
  padding: 0;
}

#alarm-settings-wrapper .switch-wide input.cmn-toggle-round:checked+label:after {
  margin-left: 3.125rem;
}

#alarm-settings-wrapper .switch-wide input.cmn-toggle-round+label {
  width: 5rem;
}

#alarm-settings-wrapper .col-xs-4,
#alarm-settings-wrapper .col-xs-8 {
  padding-left: 0;
  padding-right: 0;
}

.advanced-alarms-entry-content .col-xs-12 {
  padding-left: 0;
  padding-right: 0;
}

.advanced-alarms-entry-content .subsection-separator {
  padding-top: 0.3125rem;
}

#alarm-settings-wrapper .advanced-alarms-name {
  margin-top: 0;
}

#page-modal-box-yesno .modal-content-box {
  border: 1px solid var(--main-popup-group-box-border);
  background-color: var(--main-popup-group-box-bg);
  border-radius: 0.3125rem;
  box-sizing: border-box;
  padding: 0.625rem;
}

#alarm-settings-wrapper .advanced-alarm-text-edit {
  margin-top: 0;
}

#page-modal-box-alerts .main {
  height: 100%;
  display: block;
  float: left;
  width: 100%;
  padding-top: 4.375rem;
  margin-top: -2.1875rem;
  overflow: hidden;
}

#page-modal-box-alerts .top .left {
  display: block;
  float: left;
  width: 18.125rem;
  height: 100%;
  position: relative;
  z-index: 9;
  padding-right: 0.625rem;
}

#page-modal-box-alerts .top .right {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  margin-left: -18.125rem;
  padding-left: 18.75rem;
  box-sizing: border-box;
}

#page-modal-box-alerts .main .left {
  display: block;
  float: left;
  width: 18.125rem;
  height: 100%;
  position: relative;
  z-index: 9;
  border-right: 1px solid #434747;
}

#page-modal-box-alerts .main .right {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  margin-left: -18.125rem;
  padding-left: 18.75rem;
  box-sizing: border-box;
}

#page-modal-box-alerts .blue-button {
  background-color: #337ab7 !important;
  background-color: var(--svantek-accent-blue) !important;
  border-color: #337ab7 !important;
  border-color: var(--svantek-accent-blue) !important;
  color: #fff !important;
}
#page-modal-box-alerts .blue-button .glyphicon {
  top: -1px;
}

#page-modal-box-alerts .top-filer .li-filter-wrapper-inside {
  margin-top: 0;
  margin-bottom: 0;
}

#page-modal-box-alerts button.modal-content-box-btn {
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

#alarm-list {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  padding-right: 0.3125rem;
}

#alarm-list li {
  display: block;
  float: left;
  margin-bottom: 0.625rem;
  list-style: none;
  width: 100%;
  cursor: pointer;
}

#alarm-list li a {
  display: flex;
  float: left;
  width: 100%;
  height: auto;
  border-radius: 0.625rem;
  padding: 0.625rem;
  color: #333333;
  background: #FFF;
  background: var(--alarm-list-li-a-background);
  justify-content: left;
  align-items: center;
  font-size: normal;
}

#alarm-list li a .label {
  line-height: 1.125rem;
  vertical-align: middle;
  font-size: 1rem;
  color: #333333;
  max-width: 13.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#alarm-list li a .glyphicon {
  font-size: 1.25rem !important;
}

#alarm-list li a:hover,
#alarm-list li a.active {
  background: #337AB7;
  background: var(--svantek-accent-blue);
  color: var(--filled-button-color) !important;
  text-decoration: none;
}

#alarm-list li a:hover .label,
#alarm-list li a.active .label {
  color: var(--filled-button-color) !important;
  text-decoration: none;
}

#alarm-settings-wrapper {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  overflow-y: auto;
}

#page-modal-box-alerts2 .modal-content-box {
  border: 1px solid var(--main-popup-group-box-border);
  background-color: var(--main-popup-group-box-bg);
  border: 1px solid #434747;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  padding: 0.625rem;
}

#page-modal-box-alerts2 .top {
  height: 2.1875rem;
  display: block;
  float: left;
  width: 100%;
  position: relative;
  z-index: 9;
}

#alarm-settings-wrapper2 .advanced-alarms-entry {
  padding: 0;
}

#alarm-settings-wrapper2 .switch-wide input.cmn-toggle-round:checked+label:after {
  margin-left: 3.125rem;
}

#alarm-settings-wrapper2 .switch-wide input.cmn-toggle-round+label {
  width: 5rem;
}

#alarm-settings-wrapper2 .col-xs-4,
#alarm-settings-wrapper2 .col-xs-8 {
  padding-left: 0;
  padding-right: 0;
}

.advanced-alarms-entry-content .col-xs-12 {
  padding-left: 0;
  padding-right: 0;
}

.advanced-alarms-entry-content .subsection-separator {
  padding-top: 0.3125rem;
}

#alarm-settings-wrapper2 .advanced-alarms-name {
  margin-top: 0;
}

#page-modal-box-yesno2 .modal-content-box {
  background: #1C1D1D;
  border: 1px solid #434747;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  padding: 0.625rem;
}

#alarm-settings-wrapper2 .advanced-alarm-text-edit {
  margin-top: 0;
}

#page-modal-box-alerts2 .main {
  height: 100%;
  display: block;
  float: left;
  width: 100%;
  padding-top: 3.4375rem;
  margin-top: -2.1875rem;
}

#page-modal-box-alerts2 .top .left {
  display: block;
  float: left;
  width: 18.125rem;
  height: 100%;
  position: relative;
  z-index: 9;
  padding-right: 0.625rem;
}

#page-modal-box-alerts2 .top .right {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  margin-left: -18.125rem;
  padding-left: 18.75rem;
  box-sizing: border-box;
}

#page-modal-box-alerts2 .main .left {
  display: block;
  float: left;
  width: 18.125rem;
  height: 100%;
  position: relative;
  z-index: 9;
  border-right: 1px solid #434747;
}

#page-modal-box-alerts2 .main .right {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  margin-left: -18.125rem;
  padding-left: 18.75rem;
  box-sizing: border-box;
}

#page-modal-box-alerts2 .blue-button {
  background-color: #337ab7 !important;
  background-color: var(--svantek-accent-blue) !important;
  border-color: #337ab7 !important;
  border-color: var(--svantek-accent-blue) !important;
  color: #fff !important;
}

#page-modal-box-alerts2 .top-filer .li-filter-wrapper-inside {
  margin-top: 0;
  margin-bottom: 0;
}

#alarm-list2 {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  padding-right: 0.3125rem;
}

#alarm-list2 li {
  display: block;
  float: left;
  margin-bottom: 0.625rem;
  list-style: none;
  width: 100%;
  cursor: pointer;
}

#alarm-list2 li a {
  display: flex;
  float: left;
  width: 100%;
  height: auto;
  border-radius: 0.625rem;
  padding: 0.625rem;
  color: #333333;
  background: #FFF;
  justify-content: left;
  align-items: center;
  font-size: normal;
}

#alarm-list2 li a .label {
  line-height: 1.125rem;
  vertical-align: middle;
  font-size: 1rem;
  color: #333333;
  max-width: 13.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#alarm-list2 li a .glyphicon {
  font-size: 1.25rem !important;
}

#alarm-list2 li a:hover,
#alarm-list2 li a.active {
  background: #337AB7;
  background: var(--svantek-accent-blue);
  color: var(--filled-button-color);
  text-decoration: none;
}

#alarm-list2 li a:hover .label,
#alarm-list2 li a.active .label {
  color: var(--filled-button-color);
  text-decoration: none;
}

#alarm-settings-wrapper2 {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  overflow-y: auto;
}

#page-modal-box-alerts3 .modal-content-box {
  border: 1px solid var(--main-popup-group-box-border);
  background-color: var(--main-popup-group-box-bg);
  border-radius: 0.3125rem;
  box-sizing: border-box;
  padding: 0.625rem;
}

#page-modal-box-alerts3 .top {
  height: 2.1875rem;
  display: block;
  float: left;
  width: 100%;
  position: relative;
  z-index: 9;
}

#alarm-settings-wrapper3 .advanced-alarms-entry {
  padding: 0;
}

#alarm-settings-wrapper3 .switch-wide input.cmn-toggle-round:checked+label:after {
  margin-left: 3.125rem;
}

#alarm-settings-wrapper3 .switch-wide input.cmn-toggle-round+label {
  width: 5rem;
}

#alarm-settings-wrapper3 .col-xs-4,
#alarm-settings-wrapper3 .col-xs-8 {
  padding-left: 0;
  padding-right: 0;
}

#alarm-settings-wrapper3 .advanced-alarms-name {
  margin-top: 0;
}

#page-modal-box-yesno3 .modal-content-box {
  background: #1C1D1D;
  border: 1px solid #434747;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  padding: 0.625rem;
}

#alarm-settings-wrapper3 .advanced-alarm-text-edit {
  margin-top: 0;
}

#page-modal-box-alerts3 .main {
  height: 100%;
  display: block;
  float: left;
  width: 100%;
  padding-top: 3.4375rem;
  margin-top: -2.1875rem;
}

#page-modal-box-alerts3 .top .left {
  display: block;
  float: left;
  width: 18.125rem;
  height: 100%;
  position: relative;
  z-index: 9;
  padding-right: 0.625rem;
}

#page-modal-box-alerts3 .top .right {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  margin-left: -18.125rem;
  padding-left: 18.75rem;
  box-sizing: border-box;
}

#page-modal-box-alerts3 .main .left {
  display: block;
  float: left;
  width: 18.125rem;
  height: 100%;
  position: relative;
  z-index: 9;
  border-right: 1px solid #434747;
}

#page-modal-box-alerts3 .main .right {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  margin-left: -18.125rem;
  padding-left: 18.75rem;
  box-sizing: border-box;
}

#page-modal-box-alerts3 .blue-button {
  background-color: #337ab7 !important;
  background-color: var(--svantek-accent-blue) !important;
  border-color: #337ab7 !important;
  border-color: var(--svantek-accent-blue) !important;
  color: #fff !important;
}

#page-modal-box-alerts3 .top-filer .li-filter-wrapper-inside {
  margin-top: 0;
  margin-bottom: 0;
}

#alarm-list3 {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  padding-right: 0.3125rem;
}

#alarm-list3 li {
  display: block;
  float: left;
  margin-bottom: 0.625rem;
  list-style: none;
  width: 100%;
  cursor: pointer;
}

#alarm-list3 li a {
  display: flex;
  float: left;
  width: 100%;
  height: auto;
  border-radius: 0.625rem;
  padding: 0.625rem;
  color: #333333;
  background: #FFF;
  justify-content: left;
  align-items: center;
  font-size: normal;
}

#alarm-list3 li a .label {
  line-height: 1.125rem;
  vertical-align: middle;
  font-size: 1rem;
  color: #333333;
  max-width: 13.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#alarm-list3 li a .glyphicon {
  font-size: 1.25rem !important;
}

#alarm-list3 li a:hover,
#alarm-list3 li a.active {
  background: #337AB7;
  background: var(--svantek-accent-blue);
  color: var(--filled-button-color);
  text-decoration: none;
}

#alarm-list3 li a:hover .label,
#alarm-list3 li a.active .label {
  color: var(--filled-button-color);
  text-decoration: none;
}

#alarm-settings-wrapper3 {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  overflow-y: auto;
}

.confirm-buttons {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  text-align: right;
  margin-top: 0.625rem;
}

.confirm-buttons button {
  margin-left: 0.625rem;
}

.file-group-controls {
  display: flex;
  float: left;
  width: 100%;
  margin-left: 0 !important;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}

.file-group-controls .file-all-group2 {
  margin-left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#filter-holder.file-selected-group,
#filter-holder.file-all-group2 {
  background: transparent;
}

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

.file-all-group2 .file-selected-button {
  margin: 0rem;
}

.file-all-group2 .file-selected-button.active {
  background-color: #337ab7;
  background-color: var(--svantek-accent-blue);
}

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

#storage-info-div {
  display: flex;
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 0.3125rem;
  margin-top: 0.625rem;
  justify-content: center;
  align-items: center;
}

#storage-info-div li {
  float: left;
  list-style: none;
  margin-right: 0.9375rem;

  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#storage-info-div .glyphicon {
  margin-right: 0.3125rem;
  font-size: 1.5rem;
}

#storage-info-div li:first-child .glyphicon {
  margin-right: 0;
}

#filter-holder {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

#filter-holder .checkbox-button,
#filter-holder .form-control {
  margin-top:.5rem;
}
.filter-search-wrapper .selectize-input{
  float:left;
}

#filter-holder .file-selected-button {
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  margin-right: 0.3125rem;
  margin-left: 0;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: #FFF;
  color: var(--text-white-on-black);
  padding-left: 0;
  padding-right: 0.4375rem;
}

#filter-holder .file-selected-button.active {
  color: #FFF;
}

#filter-holder .file-selected-button:hover:not(.active) {
  color: #000;  
}

#instrument-list .storage-list .filter-files-button.active {
  border: 1px solid #337ab7 !important;
  background: #337ab7 !important;
  color: #fff !important;
}

.project-files-page-selector {
  display: flex !important;
  justify-content: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.storage-info-row .project-files-page-selector-single {
  display: flex;/*!important*/
  justify-content: center;
  padding: 0;
  width: 100%;
  margin-bottom: 0.625rem;
}

.filter-ctrl {
  padding: 0;
}

.row.storage-list {
  margin: 0;
  width:100%;
}

.my-pop-up .files-buttons-wrapper {
  margin-top: 2.5rem;
}

#mobile-download-settings {
  position: absolute;
  top: 1.875rem;
  right: 0rem;
  width: 12.625rem;
  height: auto;
  display: none;
  background: #000;
  float: left;
  border-radius: 0.625rem;
  padding: 0.625rem;
  z-index: 9;
}

#mobile-download-settings a {
  width: 100%;
}

#mobile-download-settings div {
  width: 100%;
}

#mobile-download-settings .icon-trash {
  margin-left: 0.375rem;
}

.hamb-menu {
  color: #FFF;
  position: absolute;
  top: 0;
  right: 0;
  width: 1.875rem;
  height: 1.875rem;
  display: none;
}

#mobile-download-settings-hidden {
  display: none;
}

.filter-files-button.active {
  border: 1px solid #337ab7 !important;
  border: 1px solid var(--svantek-accent-blue) !important;
  background: #337ab7 !important;
  background: var(--svantek-accent-blue) !important;
  color: #fff !important;
}

.filter-files-button:hover {
  border: 1px solid #337ab7 !important;
  border: 1px solid var(--svantek-accent-blue) !important;
  background: #337ab7 !important;
  background: var(--svantek-accent-blue) !important;
  color: #fff !important;
}

.unitSideBarPaddingTop {
  padding-top: 3.1875rem;
}

#mobile-nav .menu-wrapper button,
#mobile-nav .menu-wrapper button:hover,
#mobile-nav .menu-wrapper button:active {
  border-width: 1px !important;
}

@media(min-width: 64.0625rem) {
  #mobile-download-settings {
    display: none !important;
  }
}

@media(max-width: 83.125rem) {
  #filter-holder {
    width: 100%;
  }
}

@media(max-width: 83.125rem) {
  #sel-event-th-plot-wrapper:not(.exporting) {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    margin-right: -25rem;
    padding-right: 26.25rem;
  }
  #sel-event-th-spectrum-plot-wrapper:not(.exporting) {
    display: block;
    float: left;
    width: 25rem;
    height: auto;
  }
}

@media(max-width: 83.125rem) {
  .project-sharing .add-suser-button {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
  }

  .event-th-plot-wrapper:not(.th-spectrum-plot),
  #sel-event-th-plot-wrapper,
  #sel-event-th-spectrum-plot-wrapper {
    width: 100% !important;
    padding: 0 !important;
  }
  .event-th-plot-wrapper.th-spectrum-plot,
  #sel-event-th-legend-wrapper,
  #sel-event-th-spectrum-plot-wrapper {
    width: 100% !important;
    padding: 0 !important;
  }
  #sel-event-th-plot-wrapper {
    margin-right: 0 !important;
  }
  .th-spectrum-plot {
    margin-top: 0.3125rem;
  }
}

@media(max-width: 75rem) {
  .remove-paddings{
    padding-left:0 !important;
  }
  .col-lg-5.sharing-user-column {
    padding-top: .5rem !important;
  }
  #project-top-table .left {
    width: 100%;
  }
  #project-top-table .right {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    margin-top: 0.625rem;
  }
  .project-mpoint-block {
    width: auto !important;
  }
  .project-mpoint-block table {
    width: auto !important;
  }
}

@media(max-width: 71.875rem) {
  .project-event-mode-row {
    padding-bottom: 0.625rem;
  }
  #top-data-1 td {
    padding-right: 0.625rem;
  }
  #top-data-1 td:last-child {
    padding-right: 0;
  }
  #top-data-1 .event-cell-dt {
    display: block;
    float: left;
    padding-bottom: 0.625rem;
    width: auto !important;
  }
  #top-data-1 .event-cell-dt:before {
    content: "Date / time: ";
    color: #ccc;
  }
  #top-data-1 .event-cell-name {
    display: block;
    float: left;
    padding-bottom: 0.625rem;
    width: auto !important;
  }
  #top-data-1 .event-cell-name:before {
    content: "Event: ";
    color: #ccc;
  }
  #top-data-1 .event-cell-point {
    display: block;
    float: left;
    padding-bottom: 0.625rem;
    width: auto !important;
  }
  #top-data-1 .event-cell-point:before {
    content: "Point: ";
    color: #ccc;
  }
  #top-data-1 .event-cell-data.standard {
    display: block;
    float: left;
    clear: left;
    padding-bottom: 0.625rem;
  }
  #top-data-1 .event-cell-data.standard:before {
    content: "Standard: ";
    color: #ccc;
  }
  #top-data-1 .event-cell-data.duration {
    display: block;
    float: left;
    padding-bottom: 0.625rem;
  }
  #top-data-1 .event-cell-data.duration:before {
    content: "Duration: ";
    color: #ccc;
  }
  #top-data-1 .event-cell-data.ppv_x {
    display: block;
    float: left;
    clear: left;
    padding-bottom: 0.625rem;
  }
  #top-data-1 .event-cell-data.ppv_x:before {
    content: "PPV X: ";
    color: #ccc;
  }
  #top-data-1 .event-cell-data.df_x {
    display: block;
    float: left;
    padding-bottom: 0.625rem;
  }
  #top-data-1 .event-cell-data.df_x:before {
    content: "DF X: ";
    color: #ccc;
  }
  #top-data-1 .event-cell-data.ppv_y {
    display: block;
    float: left;
    padding-bottom: 0.625rem;
  }
  #top-data-1 .event-cell-data.ppv_y:before {
    content: "PPV Y: ";
    color: #ccc;
  }
  #top-data-1 .event-cell-data.df_y {
    display: block;
    float: left;
    padding-bottom: 0.625rem;
  }
  #top-data-1 .event-cell-data.df_y:before {
    content: "DF Y: ";
    color: #ccc;
  }
  #top-data-1 .event-cell-data.ppv_z {
    display: block;
    float: left;
    padding-bottom: 0.625rem;
  }
  #top-data-1 .event-cell-data.ppv_z:before {
    content: "PPV Z: ";
    color: #ccc;
  }
  #top-data-1 .event-cell-data.df_z {
    display: block;
    float: left;
    padding-bottom: 0.625rem;
  }
  #top-data-1 .event-cell-data.df_z:before {
    content: "DF Z: ";
    color: #ccc;
  }
  #top-data-1 .event-cell-data.profile-value {
    display: block;
    float: left;
    padding-bottom: 0.625rem;
  }
  #top-data-1 .event-cell-data.profile-value:before {
    content: "Value: ";
    color: #ccc;
  }
}

.top-mobile {
  display: none;
}

.floating-button {
  display: none;
  position: fixed;
  width: 3.75rem;
  height: 3.75rem;
  bottom: 1.875rem;
  right: 1.875rem;
  background: #337ab7;
  color: #FFF;
  border-radius: 3.125rem;
  text-align: center;
  z-index: 9999;
  opacity: 0.4;
  justify-content: center;
  align-items: center;
}

.floating-button.active {
  opacity: 1;
}

.floating-button:hover {
  color: #FFF;
}

.files-buttons-wrapper {
  display: flex;
  float: left;
  width: 100%;
  height: auto;
  justify-content: center;
}

.files-buttons-wrapper-inside {
  display: block;
  float: left;
  width: 15rem;
  height: auto;
}

.my-pop-up {
  display: block;
  float: left;
  width: 90%;
  max-width: 62.5rem;
  max-height: 37.5rem;
  min-height: 12.5rem;
  height: 100%;
}
.showing-alarms-for-serial-btn{
  display: flex !important;
  float: left;
  justify-content: center;
  align-items: center;
  padding: .1rem .5rem;
  cursor:pointer;
  transition: all 0.3s ease;
  background: #a78623;
  color: #fff;
  border-radius: 0.625rem;
  margin-left:18.75rem;
  margin-top: 0.3125rem;
  font-size: 1rem;
  line-height: 1.5rem;
  vertical-align: middle;
}
#page-modal-box-alerts3{
  display: flex;
  align-items: center;
  justify-content: center;
}
@media(min-width: 64rem) {
  .floating-button {
    display: none !important;
  }
  #page-modal-box-simple-download {
    display: none !important;
  }
}
.page-header.panel-support{
  margin-top:1.875rem;
}
.dropdown-table .dropdown{
  width:100%;
}
.dropdown-table td:first-child .col-lg-4{
  padding-left:0;
}
@media(max-width: 60rem) {
  .page-header.panel-support, 
  .page-header.section-caption {
    margin-top:3.125rem !important;
  }
  .hamb-menu {
    display: block;
  }
  .project-view-export-dropdown-content {
    right: 0;
  }
  #page-modal-box-alerts {
    padding: 1.25rem;
  }
  #page-modal-box-alerts .modal-dialog,
  #page-modal-box-alerts .modal-content {
    width: 100% !important;
    height: 100% !important;
    max-height: 37.5rem !important;
  }
  #page-modal-box-simple-download .modal-dialog,
  #page-modal-box-simple-download .modal-content {
    width: 100% !important;
    height: 100% !important;
    max-height: 37.5rem !important;
  }
  #page-modal-box-alerts .top .left,
  #page-modal-box-alerts2 .top .left,
  #page-modal-box-alerts3 .top .left {
    width: auto;
    padding-right: 0;
    position: relative;
    z-index: 9;
  }
  #page-modal-box-alerts .top .right,
  #page-modal-box-alerts2 .top .right,
  #page-modal-box-alerts3 .top .right {
    display: block;
    box-sizing: border-box;
    padding-left: 0;
    margin-left: 0;
    margin: 1rem 0;
  }
  #page-modal-box-alerts .main .right,
  #page-modal-box-alerts2 .main .right,
  #page-modal-box-alerts3 .main .right {
    margin-left: 0;
    padding-left: 0;
  }
  #alarm-list li a .label {
    max-width: 90%;
  }
  #page-modal-box-alerts .alarm-box-flex,
  #page-modal-box-alerts2 .alarm-box-flex,
  #page-modal-box-alerts3 .alarm-box-flex{
    display: flex;
    flex-direction: column;
  }
  #page-modal-box-alerts .main,
  #page-modal-box-alerts2 .main,
  #page-modal-box-alerts3 .main {
    padding-top: 0;
    margin-top: 1rem;
  }
  #page-modal-box-alerts .top,
  #page-modal-box-alerts2 .top,
  #page-modal-box-alerts3 .top{
    height: auto;
  }
  #page-modal-box-alerts .top .left,
  #page-modal-box-alerts2 .top .left,
  #page-modal-box-alerts3 .top .left{
    height: auto;
  }
  #page-modal-box-alerts .top .right,
  #page-modal-box-alerts2 .top .right,
  #page-modal-box-alerts3 .top .right{
    height: auto;
    margin-bottom:0;
    height: auto;
  }
  .showing-alarms-for-serial-btn{
    margin-left:0;
    margin-top:0;
  }
  #page-modal-box-alerts .main .left,
  #page-modal-box-alerts2 .main .left,
  #page-modal-box-alerts3 .main .left {
    width: 100%;
    border-right: 0;
    padding-right: 0;
  }
  #page-modal-box-alerts .main .right,
  #page-modal-box-alerts2 .main .right,
  #page-modal-box-alerts3 .main .right {
    display: none;
  }
  #page-modal-box-alerts .modal-dialog-center,
  #page-modal-box-alerts2 .modal-dialog-center,
  #page-modal-box-alerts3 .modal-dialog-center {
    padding: 0.625rem;
    width: 100% !important;
    max-height: 100%;
    height: 100%;
  }
  #page-modal-box-alerts .modal-content-box,
  #page-modal-box-alerts2 .modal-content-box,
  #page-modal-box-alerts3 .modal-content-box {
    width: 100% !important;
    max-height: 100%;
    height: 100%;
  }
  #page-modal-box-simple-download .modal-dialog-center {
    padding: 0.625rem;
    width: 18.75rem !important;
    max-height: 100%;
    height: 18.75rem !important;
  }
  #page-modal-box-simple-download .modal-content-box {
    width: 100% !important;
    max-height: 100%;
    height: 100%;
  }
  #page-modal-box-alerts2 {
    padding: 1.25rem;
  }
  #page-modal-box-alerts2 .modal-dialog,
  #page-modal-box-alerts2 .modal-content {
    width: 100% !important;
    height: 100% !important;
    max-height: 37.5rem !important;
  }
  #page-modal-box-alerts2 .top .left {
    width: auto;
    padding-right: 0;
    position: relative;
    z-index: 9;
  }
  #page-modal-box-alerts2 .main .right {
    margin-left: 0;
    padding-left: 0;
  }
  #alarm-list2 li a .label {
    max-width: 90%;
  }
  #page-modal-box-alerts2 .main .left {
    width: 100%;
    border-right: 0;
    padding-right: 0;
  }
  #page-modal-box-alerts2 .main .right {
    display: none;
  }
  #page-modal-box-alerts2 .modal-dialog-center {
    padding: 0.625rem;
    width: 100% !important;
    max-height: 100%;
    height: 100%;
  }
  #page-modal-box-alerts2 .modal-content-box {
    width: 100% !important;
    max-height: 100%;
    height: 100%;
  }
  #page-modal-box-alerts3 {
    padding: 1.25rem;
  }
  #page-modal-box-alerts3 .modal-dialog,
  #page-modal-box-alerts3 .modal-content {
    width: 100% !important;
    height: 100% !important;
    max-height: 37.5rem !important;
  }
  #page-modal-box-alerts3 .top .left {
    width: auto;
    padding-right: 0;
    position: relative;
    z-index: 9;
  }
  #page-modal-box-alerts3 .main .right {
    margin-left: 0;
    padding-left: 0;
  }
  #alarm-list3 li a .label {
    max-width: 90%;
  }
  #page-modal-box-alerts3 .main .left {
    width: 100%;
    border-right: 0;
    padding-right: 0;
  }
  #page-modal-box-alerts3 .main .right {
    display: none;
  }
  #page-modal-box-alerts3 .modal-dialog-center {
    padding: 0.625rem;
    width: 100% !important;
    max-height: 100%;
    height: 100%;
  }
  #page-modal-box-alerts3 .modal-content-box {
    width: 100% !important;
    max-height: 100%;
    height: 100%;
  }
  .margin-bottom-class {
    margin-bottom: 0.625rem;
  }
  .plot-graph-wrapper {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .plot-graph-wrapper-right {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .plot-graph-wrapper .event-th-plot-wrapper,
  .plot-graph-wrapper .event-th-plot-wrapper-right {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  #eventsBlock {
    height: auto;
  }
  .project-point-filters-wrapper {
    width: 100% !important;
    margin-top: 0;
    margin-bottom: 0.3125rem;
  }
  #eventsListBar:not(.extended) {
    height: 31.25rem;
  }
  #middle-data-2 .event-th-plot-wrapper,
  #middle-data-2 .th-spectrum-plot,
  #bottom-data-4 .event-th-plot-wrapper {
    display: block;
    float: left;
    width: 100% !important;
    padding-right: 0rem !important;
  }
  .project-table-helper {
    flex-wrap: wrap;
  }
  #eventsBlock {
    max-width: 100%;
  }
  .container-list {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  #project-tabs {
    margin-top: 0;
  }
  #eventsListBar {
    width: 100% !important;
  }
  #instrument #eventsBlock {
    display: block;
    float: left;
    width: 100%;
  }
  #instrument #mapBlock {
    display: block;
    float: left;
    width: 100%;
    max-width: 100% !important;
  }
  .project-heading {
    border: 1px solid #CCC !important;
  }
  #instrument-list-mobile {
    display: block;
  }
  #mobile-nav #project-tabs {
    padding-left: 0.625rem;
    margin-left: 0;
  }
  .submenu-wrapper {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    position: inherit !important;
    padding: 0 !important;
  }
  #side-data-1 {
    width: 100%;
    margin-right: 0;
    min-height: 20rem;
  }
  #project-tabs-time-range #toggle-events-btn {
    display: none !important;
  }
  .project-point-filters-wrapper {
    padding-left: 0.625rem !important;
  }
  #project-tabs-time-range {
    margin-left: 0.625rem !important;
  }
  .nav-tabs>li.active>a,
  .nav-tabs>li.active>a:hover,
  .nav-tabs>li.active>a:focus {
    vertical-align: middle;
  }
  .event-view-map {
    width: 100% !important;
  }
  #mobile-nav .menu-wrapper.in-project {
    height: auto;
  }
  #project-point-filters {
    float: left !important;
    width: 100% !important;
    padding-left: 0;
  }
  #project-point-filters .list-inline {
    margin-bottom: 0;
  }
  #project-tabs.time-range>ul {
    width: 100% !important;
  }
  .th-range-selector-wrapper {
    padding-left: 0.625rem !important;
  }
  .mobile-device-list {
    width: 100%;
  }
  .mobile-device-list .project-mpoint-block {
    width: 100% !important;
    min-width: 0; /*675px;*/
    padding-left:0;
    padding-right:0;
  }
  .project-heading-name .caret {
    position: inherit;
    display: inherit;
  }
  .device-list-title {
    margin-top: 0.625rem !important;
  }
  #station-manager-title {
    margin-top: 0;
    margin-bottom: 0;
    width:100%;
  }
  .page-header {
    margin: 0;
    padding-bottom: 0;
  }
  body .container-list-users {
    display: block;
    float: left;
    width: 100%;
  }
  #mobile-nav {
    display: none;
    float: left;
    width: 100%;
    height: auto;
    z-index: 1020;
    padding-bottom: 0.625rem;
    margin-bottom: 0.625rem;
    border-bottom: 1px solid #666;
    background-color: #1c1d1d;
  }
  section {
    width: 100%;
  }
  .float-section {
    display: block;
    float: left;
    width: 100%;
    height: auto;
  }
  #mobile-nav .navbar-nav>li {
    padding-top: 0;
  }
  #mobile-nav .nav>li>a:hover,
  #mobile-nav .nav>li>a:focus {
    text-decoration: none;
    background-color: #333434;
  }
  #login .form-wrap {
    min-width: 18.75rem;
    width: 100%;
    max-width: 25rem;
    box-sizing: border-box;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  #login .form-wrap .col-xs-12 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  #login .form-control {
    height: 2.625rem;
    font-size: 1.375rem;
    line-height: 2rem;
  }
  #panel-login-wrapper .text {
    font-size: 2.625rem;
  }
  #login .form-wrap .svannet-logo:not(.create-form) {
    margin-left: 0rem;
    width: 12vw;
    height: 8vh;
  }
  #instrument-list-mobile .navbar-nav>li {
    float: left;
  }
  .project-station-status-buttons {
    margin-top: 0;
  }
  .mapBlockSlim {
    width: 100% !important;
    max-width: 100% !important;
  }
  .flot-base {
    width: 100% !important;
  }
  .timehistory-legend-container td {
    float: left;
    display: block;
  }
  .timehistory-legend-container .legendLabel {
    box-sizing: border-box;
    padding-left: 1.25rem;
    margin-left: -0.875rem;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .timehistory-legend-container .legendLabel div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .timehistory-legend-container:not(.exporting) .legendColorBox {
    position: relative;
    top: 0.375rem;
  }
  .spectrum-params tr {
    display: block;
    float: left;
    width: 100%;
  }
  .spectrum-params tr td{
    display: block;
    float: left;
    width: 100% !important;
    text-align: left !important;
    margin-bottom:10px;
  }
  
  .flot-text {
    overflow: hidden;
  }
  #myTabContent .th-range-selector-wrapper {
    padding-right: 0.625rem !important;
  }
  #spectrum-legend-container .legendLabel {
    box-sizing: border-box;
    padding-left: 1.25rem;
    margin-left: -0.875rem;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    float: left;
  }
  #spectrum-legend-container .legendLabel div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
  }
  #spectrum-legend-container .legendColorBox {
    position: relative;
    top: 0.5rem;
    display: block;
    float: left;
  }
  .th-legend-wrapper,
  .spect-legend-wrapper {
    left: 0 !important;
    background: #333;
    background: var(--th-legend-wrapper-bg);
  }
  #instrument-list-mobile div .btn-svn-list {
    margin-bottom: 0 !important;
  }
  #eventsListBar {
    height: 21.25rem !important;
  }
  #instrument-offline-history {
    display: none !important;
  }
  #instrument-offline-history-mobile {
    display: block !important;
  }
  .instrument-offline-history-title {
    display: block;
  }
  .instrument-offline-history-focus {
    display: block;
  }
  .instrument-offline-history-list {
    display: block;
  }
}

#top-logo {
  display: block;
  float: right !important;
  height: 3.125rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
}

#top-logo:hover {
  background: transparent !important;
}

#top-logo a {
  width: auto;
  background: transparent !important;
}

#top-logo a:hover {
  background: transparent !important;
}

#top-logo img {
  height: 3.125rem;
  width: auto;
  display: block;
  float: left;
  padding-top: 0.375rem;
}

#mapBlock {
  float: left;
}

#login {
  float: none;
}

#project-tabs .nav-tabs>li>a {
  border: 0.1875rem solid;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom-color: transparent;
}

#project-tabs .nav-tabs>li.active>a {
  border-bottom-color: #1d9fdf;
}

@media(max-width: 47.9375rem) {
  #page-modal-box-simple-download .modal-dialog {
    bottom: 5.9375rem;
  }
  #page-modal-box-alerts .modal-dialog {
    margin: 0;
  }
  #page-modal-box-simple-download .modal-dialog {
    margin: 0;
  }
  #page-modal-box-alerts .top-filer {
    display: block;
    float: left;
  }
  #page-modal-box-alerts2 .modal-dialog {
    margin: 0;
  }
  #page-modal-box-alerts2 .top-filer {
    display: block;
    float: left;
  }
  .pagination-user-panel>li {
    margin: 1.25rem 0;
  }
  .li-filter-wrapper-inside li {
    list-style: none !important;
    float: left;
    width: 100%;
    margin-right: 0;
  }
  .li-filter-wrapper-inside li ul li {
    width: auto;
    margin: 0;
    margin-right: 0.1875rem;
  }
  .afd-period-select,
  .afd-period-select {
    margin-left: 0;
  }
  .status-buttons {
    margin-top: 0.625rem;
  }
  .mobile-device-list {
    width: 100% !important;
  }
  .project-mpoint-block {
    width: 50% !important;
    float: left;
  }
  .mobile-station-indications {
    float: left;
  }
  .block-table-cell-lg-6.mobile-station-indications {
    min-width: 0 !important;
  }
  .file-entry .col-xs-12 {
    width: 100% !important;
  }
  .selectize-control {
    width: 100% !important;
    display: block;
  }
  .project-files-container table {
    width: 100%;
    max-width: 25rem !important;
  }
  .storage-list {
    margin-top: 1.25rem;
    margin-left: 0;
    margin-right: 0;
  }
  #project-tabs-time-range {
    width: 100%;
  }
  .list-inline.nav.nav-tabs.nav-status {
    width: 100%;
    margin-bottom: 0.625rem;
  }
  #project-tabs {
    flex-wrap: wrap;
  }
  #project-point-filters {
    width: 100vw;
  }
}

.project-files-page-selector {
  width: 100%;
  margin-top: 0.625rem;
}

.project-files-page-selector-page {
  line-height: 1.875rem;
  vertical-align: middle;
}

.project-files-page-selector div {
  display: block;
  float: left;
  width: auto;
  height: 1.875rem;
  margin-right: 0.3125rem;
}

.project-files-page-selector-single div {
  display: block;
  float: left;
  width: auto;
  height: 1.875rem;
  margin-right: 0.3125rem;
}

.project-files-page-selector div.project-files-page-selector-page {
  margin-right: 0.3125rem;
}

.project-files-page-selector .project-files-page-selector-prev,
.project-files-page-selector .project-files-page-selector-page,
.project-files-page-selector .project-files-page-selector-next{
  display: inline-flex;
  align-items: center;
  padding-top:0;
}

.project-files-page-selector div:last-child {
  margin-right: 0;
}

.project-files-page-selector-single div.project-files-page-selector-page {
  margin-right: 0.3125rem;
}

.project-files-page-selector-single div:last-child {
  margin-right: 0;
}

.paddles {
  display: none;
}

@media(max-width: 64rem) {
  #eventsBlock {
    height: auto !important;
  }
}

@media(max-width: 46.875rem) {
  #eventsListBar:not(.extended) {
    height: 18.75rem;
  }
  .paddles {
    display: block;
  }
}

.web-interface-content {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#myTabContent #meteo-results {
  margin-bottom: 0.625rem !important;
}

#mobile-nav .menu-wrapper .menu .item:first-child {
  margin-left: 0.625rem;
}

#mobile-nav .menu-wrapper .menu .item:last-child {
  margin-right: 1.25rem;
}

#page-modal-box-alerts .pagination-user-panel .clickable-object{
  display: block;
  float: left;
  line-height: 1rem;
}

#page-modal-box-alerts .blue-button {
  height: 1.9375rem;
}

#page-modal-box-alerts2 .pagination-user-panel {
  margin-top: 0.5rem !important;
}

#page-modal-box-alerts2 .blue-button {
  height: 1.9375rem;
}

@media(max-width: 46.875rem) {
  #page-modal-box-alerts .top .right {
    display: block;
    box-sizing: border-box;
    padding-left: 0;
    margin-left: 0;
    margin-top: 0.625rem;
  }
  #page-modal-box-alerts .top {
    height: auto;
  }
  #close-alarm-main-button {
    position: absolute;
    top: 0;
    right: 0;
  }
  #modal-btn-yes-all-alarms,
  #modal-btn-yes-all-alarms2 {
    position: absolute;
    top: 0;
    right: 6.1875rem;
  }
  #page-modal-box-alerts .main {
    padding-top: 6rem;
    margin-top: -5.375rem;
  }
  #page-modal-box-alerts2 .top .right {
    display: block;
    box-sizing: border-box;
    padding-left: 0;
    margin-left: 0;
    margin-top: 0.625rem;
    height: 2.5rem;
  }
  #page-modal-box-alerts2 .top {
    height: auto;
  }
  #close-alarm-main-button2 {
    position: absolute;
    top: 0;
    right: 0;
  }
  #page-modal-box-alerts2 .main {
    padding-top: 6rem;
    margin-top: -5.375rem;
  }
}

@media(max-width: 35rem) {
  
  .margin-bottom-class .plot-graph-wrapper:first-child {
    margin-bottom: 0.625rem;
  }
  #side-data-1 {
    height: auto !important;
    margin-bottom: 0 !important;
  }
  #middle-data-1 {
    margin-bottom: -0.9375rem !important;
  }
  #main-project-title {
    margin-top: 3.125rem;
  }
  #top-logo {
    display: none !important;
  }
  #bottom-logo {
    display: flex;
    justify-content: center;
    float: left;
    width: 100%;
    height: 2.5rem;
    position: fixed;
    /* z-index: 9999; */
    z-index: 3000;
    bottom: 0;
    left: 0;
    background: #1c1c1c;
    border-top: 1px solid #777;
    text-align: center;
    line-height: 1.875rem;
    vertical-align: middle;
    padding-top: 0.25rem;
    padding-bottom: 0.3125rem;
  }
  #bottom-logo a {
    display: block;
    width: auto;
    height: 1.875rem;
  }
  #bottom-logo span {
    line-height: 2.125rem;
    display: inline-block;
    color: #FFF;
    font-size: 1rem;
    font-weight: bold;
    display: block;
  }
  #bottom-logo img {
    height: 1.875rem;
    width: auto;
    display: inline;
    padding-right: 0.625rem;
    display: block;
  }
  #bottom-left-data-1,
  #bottom-left-data-2,
  #bottom-left-data-3,
  #bottom-right-data-1,
  #bottom-right-data-2,
  #bottom-right-data-3 {
    width: 100% !important;
  }
  .search-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #myTabContent {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  #myTabContent #meteo-results {
    margin-bottom: 0.625rem !important;
  }
  #myTabContent div {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .container {
    padding-left: 0;
    overflow-x: hidden;
  }
  section {
    float: left;
    width: 100%;
  }
  .first-summary {
    margin-top: 0 !important;
  }
  .status-log-list {
    padding-left: 0;
    padding-right: 0;
  }
  .status-log-list .list-inline {
    margin-bottom: 0;
  }
  .status-log-list ul .list-inline {
    margin-top: 0.625rem;
  }
  .status-log-list li {
    width: 100%;
  }
  .status-log-list li div {
    margin-left: 0;
  }
  .status-log-list li ul li {
    width: auto;
  }
  
  #map {
    height: 25rem !important;
  }
  #instrument-list-mobile .point-extra-info {
    display: none;
  }
  #instrument-list-mobile .project-point-description {
    display: none;
  }
  .filter-ctrl {
    padding: 0;
  }
  .storage-info-row {
    margin-left: 0 !important;
  }
  .project-mpoint-block {
    width: 100% !important;
    float: left;
  }
  .mobile-station-indications {
    width: 100% !important;
    float: left;
  }
  .mobile-station-indications .nav>li {
    padding-top: 0 !important;
    line-height: inherit;
  }
  .mobile-station-indications .nav>li>a {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0 !important;
  }
  .project-mpoint-block {
    padding-bottom: 0 !important;
  }
  .mobile-station-indications .text-left {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
  }
  .project-point-description-text {
    padding-top: 0 !important;
  }
  .mobile-device-list .project-mpoint-block {
    width: 100% !important;
    padding-bottom: 0.625rem !important;
  }
  .project-point-name {
    max-width: 100% !important;
  }
  #project-top-table {}
  #project-top-table-wrapper,
  #project-top-table-wrapper tbody,
  #project-top-table-wrapper tr,
  #project-top-table-wrapper td {
    display: block;
    float: left;
    width: 100%;
    height: auto;
  }
  #project-tabs-time-range td {
    display: table-cell !important;
    float: none !important;
    height: 1.25rem !important;
    line-height: 1.25rem !important;
    width: 1.25rem !important;
  }
  #project-tabs-time-range tbody {
    display: table-row-group !important;
  }
  #project-top-table-wrapper .report-style-image {
    width: 100% !important;
  }
  #project-company-logo {
    padding-right: 0;
  }
  #project-company-logo .report-style-image {
    width: 100%;
  }
  #project-company-logo img {
    width: 100% !important;
  }
  #project-top-table-wrapper #toggle-buttons-grp td {
    width: auto !important;
  }
  #toggle-buttons-grp {
    float: left;
  }
  .under-file-bg {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
  }
  .avatar-file-scalable.dimmed {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(28, 29, 29, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(28, 29, 29, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(28, 29, 29, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1c1d1d', GradientType=0);
    /* IE6-9 */
  }
  .container.container-list {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
  }
  .project-title-selector {
    left: 0;
    top: 0;
  }
  .th-group-control.glyphicon.glyphicon-menu-hamburger {
    top: 8 !important;
  }
  #project-point-filters {
    margin-left: 0;
    width: 100%;
  }
  #project-top-table .title {
    padding-right: 0 !important;
  }
  .add-nproject-button>.glyphicon.glyphicon-plus {
    margin-right: 0;
  }
  #page-modal-box-simple-download .modal-dialog-center {
    right: 5%;
    width: 90% !important;
  }
  .label-separation.label-separation-mobile{
    width:100%;
    box-sizing: border-box;
    float:left;
    margin-bottom:0.3125rem;
  }
  .label-separation.label-separation-mobile + .switch.switch-big{
    float:left !important;
    margin-bottom:0.625rem;
  }
  .suboption .switch.switch-big label{
    margin-top:0.625rem !important;
  }
}
@media(max-width: 31.25rem) {
  .tos-more-next{
    margin-left:0;
    display: inline-block;
    margin-top:0.3125rem;
  }
  .label-separation.label-separation-mobile .txt{
    width: 100%;
    display: inline-block;
    margin-bottom: 0.3125rem;
  }
}

@media(max-width: 33.75rem) {
  #filter-holder .file-selected-button {
    margin-top: 0.3125rem;
  }
}

@media(max-width: 31.25rem) {
  .info-hover-block,
  .spectrum-hover-block,
  .status-hover-block,
  .th-hover-block,
  .meteo-hover-block {
    width: calc(100% - 150px);
  }
}

@media(max-width: 30rem) {
  #stationStatusData {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .status-table {
    margin-top: 0;
  }
  #login .form-wrap .svannet-logo:not(.create-form) {
    margin-left: 0rem;
    width: 6.25rem;
    height: 5rem;
    min-width: 5rem;
  }
  .float-section {
    padding-bottom: 1.5625rem;
  }
  #panel-login-wrapper .text {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: auto;
    display: block;
    font-family: myriad-pro-bold;
    font-size: 2rem;
    font-weight: 700;
    height: 4.35rem;
    line-height: 4.75rem;
    padding-left: 1.25rem;
    padding-top: 0rem;
    text-size-adjust: 100%;
    vertical-align: middle;
    width: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .container.container-list {
    padding-bottom: 1.875rem;
  }
}

.mobile-device-list {
  border-bottom: 1px solid #DDD;
}

.project-heading div:last-child div:last-child .mobile-device-list {
  border: 0;
}

.project-heading-name-text {
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight:normal;
}

.add-new-project-button-row {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 1rem;
  float: right;
  display: flex;
}

@media(max-width: 500px) {
  .add-new-project-button-row {
    flex-direction: column;
    justify-content: end;
    align-items: end;
  }
  .add-new-project-button-row button{
    margin-bottom:.5rem;
    margin-right: 0 !important;
  }
  .add-new-project-button-row button:last-child{
    margin-bottom:0;
  }
}
@media(max-width: 26.25rem) {
  #project-tabs .nav>li>a {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .automatic-download-wrapper div {
    width: 100%;
    margin-left: 0;
  }
  .afd-heading .switch {
    width: auto;
  }
  .automatic-download-wrapper p {
    width: 100%;
    margin-left: 0;
  }
  .automatic-download-wrapper td {
    width: 100%;
    display: block;
  }
  .automatic-download-wrapper .edit-project-alarms-button {
    width: auto;
  }
  .modal-dialog {
    min-width: 80%;
  }
  .mobile-width-point-selector {
    width: 100% !important;
  }
  .results-top div {
    width: 100% !important;
  }
  #project-result-display-0 .list-inline li {
    width: 100%;
    margin-bottom: 0.625rem;
  }
  #project-result-display-0 div.project-results-select-button {
    width: auto !important;
  }
  .li-filter-wrapper span {
    display: none !important;
  }
  .li-filter-wrapper .glyphicons:before {
    padding-right: 0 !important;
  }
}

@media(max-width: 25rem) {
  #mobile-nav .navbar-nav>li {
    padding-left: 0;
  }
  .project-station-ctrl {
    margin-bottom: 0.625rem;
    float: left;
  }
  #instrument-list-mobile .project-mpoint-block div:nth-child(2n) {
    display: none !important;
  }
  #instrument-list-mobile .btn-svn-list .navbar-nav>li>a {
    padding: 0.9375rem 0.5625rem !important;
  }
  #project-tabs .nav>li>a {
    padding: 0.3125rem !important;
  }
  #mobile-nav .menu-wrapper #project-tabs ul {
    border-bottom: 0;
  }
  #project-tabs {
    height: auto;
  }
  #project-tabs .list-inline {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  #mobile-nav {
    padding-bottom: 0.5rem !important;
  }
}

#instrument-list .project-info-text,
#instrument-list .project-mail-text,
#instrument-list .project-point-description-text {
  line-height: 1.5rem !important;
  word-break: break-word;
  font-size: 1rem;
  display: flex;
  align-items: center;
  line-height: 1.5rem !important;
  vertical-align: middle;
  font-weight: normal;
}

#instrument-list .project-mail-text{
  overflow: hidden; /* Ensure overflow is hidden */
  text-overflow: ellipsis; /* Apply ellipsis */
  white-space: nowrap; /* Prevent text from wrapping */
  width: 100%; /* Define a width */
  display:block;
  float:left;
}
.project-info-row td{
  padding: 0.625rem 0;
}

.project-heading-name {
  margin-bottom: -0.6875rem !important;
}

.btn {
  border-radius: .5rem !important;
}

#mobile-nav .nav.navbar-nav {
  background: #111;
  padding-bottom: 0.3125rem;
  padding-top: 0.3125rem;
  border-top: 1px solid #666;
}

#unit-list-info {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1.25rem;
}

#limit {
  width: auto;
}

.entry-list-paginator {
  list-style: none;
}

.entry-list-paginator li {
  list-style: none;
  display: inline-flex;
  align-items: center;
}
.entry-list-paginator li div{
  list-style: none;
  display: inline-flex;
  align-items: center;
}
.entry-list-paginator-single {
  list-style: none;
}

.entry-list-paginator-single li {
  list-style: none;
}
.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: #337ab7;
  background-color: var(--svantek-accent-blue);
  border-color: #337ab7;
  border-color: var(--svantek-accent-blue);
  color:var(--filled-button-color);
}

.pagination>li>a,
.pagination>li>span {
  background: #1c1d1d;
  border: 1px solid #fff;
  border-radius: 0.3125rem !important;
  background: var(--background-fix-bg);
  border: 1px solid var(--background-fix-border-color);
}

.pagination-user-panel>li>a {
  color: #ffffff;
  color: var(--background-fix-border-color);
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  background-color: var(--svantek-accent-blue);
  border-color: #337ab7;
  border-color: var(--svantek-accent-blue);
}

.modal-content-box-btn {
  background: transparent;
  color: #FFF;
}

button.modal-content-box-btn {
  background: transparent !important;
  color: #FFF;
  color: var(--text-white-on-black);
  border-color: #FFF;
  border-color: var(--text-white-on-black);
  font-size: 1rem !important;
  font-weight: 400 !important;
  border-width: 1px;
}

.project-button.red {
  background-color: #a94442 !important;
  border-color: #a94442 !important;
  color: #fff !important;
  border: 0 !important;
}

.project-button.red:hover,
.project-button.red:focus,
.project-button.red:active {
  background-color: #ca3737 !important;
  border-color: #F4415F !important;
  color: #fff !important;
  border: 0 !important;
}

.submenu-tabs {
  overflow-y: hidden;
  padding: 0;
  margin: 0;
  width: 100%;
}

input.cmn-toggle-round+label .cmn-toggle-label-off {
  font-weight: 100;
  padding-right: 0.4375rem;
  color: var(--svantek-accent-blue);
  font-family: 'myriad-pro-semibold';
  font-size: 0.9rem;
}

#myTabContent input.cmn-toggle-round+label .cmn-toggle-label-off {
  padding-right: 0.625rem !important;
  padding-left: 0.625rem !important;
  padding-top: 0.1875rem;
  color: var(--svantek-accent-blue);
  font-family: 'myriad-pro-semibold';
  font-size: 0.9rem;
}

#myTabContent input.cmn-toggle-round+label .cmn-toggle-label-on {
  padding-right: 0.625rem !important;
  padding-left: 0.625rem !important;
  padding-top: 0.1875rem;
  color: var(--filled-button-color);
  font-family: 'myriad-pro-semibold';
  font-size: 0.9rem;
}

.btn-data {
  color: #FFF;
  position: relative;
}

.scrtabs-tab-scroll-arrow:hover {
  background-color: transparent;
}

.scrtabs-js-tab-scroll-arrow-left {
  display: flex;
  float: left;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 1.875rem;
  height: 2.625rem;
}

.scrtabs-js-tab-scroll-arrow-right {
  display: flex;
  float: right;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  width: 1.875rem;
  height: 2.625rem;
}

#measfun-val {
  margin-left: 0;
}

.title-header {
  margin-top: 0;
  margin-bottom: 1rem;
}

#myTabContent .switch {
  margin-left: 0.625rem !important;
}


/*******************************/

.event-report-header {
  margin: 0;
  padding: 0.625rem;
  background: #373737;
  margin-left: 0 !important;
}

.event-report-header.exporting {
  padding: 0rem !important;
  background: #fff !important;
}

.margin-bottom-class.exporting {
  /*margin-bottom: -5px !important;*/
  margin-bottom: 0rem !important;
  justify-content: unset !important;
}


/*Styling for map markers*/

.marker {
  display: block;
  float: left;
  width: 2.875rem;
  height: 4.0625rem;
  box-sizing: border-box;
  font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
  overflow: hidden;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.marker.vibration-marker {
  display: block;
  float: left;
  width: 5.5625rem;
  height: 4.1875rem;
  min-height: 2.625rem;
  box-sizing: border-box;
  margin-right: 1.875rem;
  margin-right: 0;
  transition: background-image 0.3s ease-in-out;
}

.marker.vibration-marker .box {
  display: block;
  float: left;
  width: 5.1875rem;
  height: 3rem;
  box-sizing: border-box;
  font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
  overflow: hidden;
  cursor: pointer;
  padding: 0.1875rem;
  border-radius: 0.3125rem;
  position: relative;
  z-index: 2;
}

.marker.vibration-marker .underBoxTriangle {
  width: 0;
  height: 0;
  border-top: 2.375rem solid black;
  border-right: 1.3125rem solid transparent;
  float: left;
  margin-top: -1.1875rem;
}

.marker.vibration-marker .box .bottom {
  display: block;
}

.marker.vibration-marker .map-top,
.marker.vibration-marker .event-top {
  display: flex;
  float: left;
  width: 100%;
  height: 1.3125rem;
  justify-content: center;
  align-items: center;
  color: #FFF;
  border-top-left-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
}

.marker.vibration-marker .map-top .value,
.marker.vibration-marker .event-top .value {
  margin-right: 0.3125rem;
  height: 1.3125rem;
  line-height: 1.3125rem;
  width: auto;
}

.marker.vibration-marker .bottom {
  border-radius: 0.3125rem;
}

.marker.selected {
  display: block;
  float: left;
  width: 5.5625rem;
  height: 4.1875rem;
  min-height: 2.625rem;
  box-sizing: border-box;
  margin-right: 1.875rem;
  margin-right: 0;
  transition: background-image 0.3s ease-in-out;
}

.marker .box {
  display: block;
  float: left;
  width: 2.875rem;
  height: 2.875rem;
  box-sizing: border-box;
  font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
  overflow: hidden;
  cursor: pointer;
  border: 0.1875rem solid #000;
  border-radius: 3.125rem;
  background: #000;
  position: relative;
  z-index: 2;
  padding: 0 !important;
}

.marker.selected .box {
  display: block;
  float: left;
  width: 5.1875rem;
  height: 3rem;
  box-sizing: border-box;
  font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
  overflow: hidden;
  cursor: pointer;
  border: 0.1875rem solid #008CFF;
  border-radius: 0.3125rem;
  background: #008CFF;
  position: relative;
  z-index: 2;
}

.marker.selected .underBoxTriangle {
  width: 0;
  height: 0;
  border-top: 2.375rem solid #008CFF;
  border-right: 1.3125rem solid transparent;
  float: left;
  margin-top: -1.1875rem;
}

.marker.vibration-marker .bottom {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.marker .box {
  display: block;
  float: left;
  width: 2.875rem;
  height: 2.875rem;
  box-sizing: border-box;
  font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
  overflow: hidden;
  cursor: pointer;
  padding: 0.1875rem;
  border-radius: 3.125rem;
  background: #000;
  position: relative;
  z-index: 2;
}

.marker.selected .box {
  display: block;
  float: left;
  width: 5.1875rem;
  height: 3rem;
  box-sizing: border-box;
  font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
  overflow: hidden;
  cursor: pointer;
  padding: 0.1875rem;
  border-radius: 0.3125rem;
  background: #008CFF;
  position: relative;
  z-index: 2;
}

.marker.selected .underBoxTriangle {
  width: 0;
  height: 0;
  border-top: 2.375rem solid #008CFF;
  border-right: 1.3125rem solid transparent;
  float: left;
  margin-top: -1.1875rem;
}

.marker .underBoxTriangle {
  width: 0;
  height: 0;
  border-top: 2.375rem solid black;
  border-right: 1.3125rem solid transparent;
  float: left;
  margin-top: -1.1875rem;
}

.marker .box .bottom {
  display: none;
}

.marker.selected .box .bottom {
  display: block;
}

.marker .map-top,
.marker .event-top {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 3.125rem;
  line-height: 2.5rem;
  vertical-align: middle;
}

.marker .dB {
  display: none;
}

.marker.selected .map-top,
.marker.selected .event-top {
  display: flex;
  float: left;
  width: 100%;
  height: 1.3125rem;
  justify-content: center;
  align-items: center;
  color: #FFF;
  border-top-left-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
}

.marker.selected .map-top .value,
.marker.selected .event-top .value {
  margin-right: 0.3125rem;
  height: 1.3125rem;
  line-height: 1.3125rem;
  width: auto;
}

.marker .map-top .value,
.marker .event-top .value {
  font-size: 1rem;
  font-weight: bold;
  margin-right: 0;
  height: 2.5rem;
  vertical-align: middle;
  line-height: 2.5rem;
  text-align: center;
}

.marker .map-top .dB,
.marker .event-top .dB {
  font-size: 0.75rem;
  height: 1.3125rem;
  vertical-align: middle;
  line-height: 1.3125rem;
}

.marker .bottom {
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
  display: flex;
  float: left;
  width: 100%;
  height: 1.3125rem;
  justify-content: center;
  align-items: center;
  color: #FFF;
  background: #373737;
  /* Old browsers */
  background: -moz-linear-gradient(top, #373737 0%, #2e2e2e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #373737 0%, #2e2e2e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #373737 0%, #2e2e2e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#2e2e2e', GradientType=0);
  /* IE6-9 */
}

.marker .green.map-top,
.marker .green.event-top {
  background: #1fac4a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1fac4a 0%, #1fac4a 0%, #107e42 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1fac4a 0%, #1fac4a 0%, #107e42 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1fac4a 0%, #1fac4a 0%, #107e42 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1fac4a', endColorstr='#107e42', GradientType=0);
  /* IE6-9 */
}

.marker .orange.map-top,
.marker .orange.event-top {
  background: #faa632;
  /* Old browsers */
  background: -moz-linear-gradient(top, #faa632 0%, #f68026 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #faa632 0%, #f68026 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #faa632 0%, #f68026 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#faa632', endColorstr='#f68026', GradientType=0);
  /* IE6-9 */
}

.marker .red.map-top,
.marker .red.event-top {
  background: #f15a53;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f15a53 0%, #e42f4a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f15a53 0%, #e42f4a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f15a53 0%, #e42f4a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f15a53', endColorstr='#e42f4a', GradientType=0);
  /* IE6-9 */
}

.marker .offline.map-top {
  background: linear-gradient(rgb(2, 157, 233) 0%, rgb(41, 110, 170) 100%);
  opacity: 0.6;
}

.marker .bottom .name {
  font-size: 0.9375rem;
  height: 1.3125rem;
  vertical-align: middle;
  line-height: 1.3125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  text-align: center;
}

.marker .bell {
  display: none;
}

.marker.alert .bell {
  display: block;
}

.marker.gray .map-top,
.marker.gray .event-top {
  background: #DDDDDD !important;
  background: -moz-linear-gradient(top, #DDDDDD 0%, #555555 100%) !important;
  background: -webkit-linear-gradient(top, #DDDDDD 0%, #555555 100%) !important;
  background: linear-gradient(to bottom, #DDDDDD 0%, #555555 100%) !important;
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#555555', GradientType=0) !important;
}

.marker.gray .bottom {
  background: #DDDDDD !important;
  background: -moz-linear-gradient(top, #DDDDDD 0%, #555555 100%) !important;
  background: -webkit-linear-gradient(top, #DDDDDD 0%, #555555 100%) !important;
  background: linear-gradient(to bottom, #DDDDDD 0%, #555555 100%) !important;
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#555555', GradientType=0) !important;
}

.map-marker .glyphicons-ban-circle {
  top: -0.1875rem;
  color: #a94442;
}

.map-marker:not(.vibration-marker):not(.selected) .glyphicons-ban-circle {
  top: 0.25rem;
  font-size: 1.125rem;
}

.bell {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 1rem;
  margin-top: -0.6875rem;
  margin-left: -0.9375rem;
  margin-right: 0.9375rem;
  color: #e4304a;
  transform-origin: 100% 50%;
  animation-name: ring;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@-webkit-keyframes ring {
  0% {
    transform: rotate(0deg)
  }
  5% {
    transform: rotate(45deg)
  }
  15% {
    transform: rotate(-40deg)
  }
  25% {
    transform: rotate(20deg)
  }
  35% {
    transform: rotate(-15deg)
  }
  45% {
    transform: rotate(10deg)
  }
  55% {
    transform: rotate(-5deg)
  }
  60% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(0deg)
  }
}

@-moz-keyframes ring {
  0% {
    transform: rotate(0deg)
  }
  5% {
    transform: rotate(45deg)
  }
  15% {
    transform: rotate(-40deg)
  }
  25% {
    transform: rotate(20deg)
  }
  35% {
    transform: rotate(-15deg)
  }
  45% {
    transform: rotate(10deg)
  }
  55% {
    transform: rotate(-5deg)
  }
  60% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(0deg)
  }
}

@keyframes ring {
  0% {
    transform: rotate(0deg)
  }
  5% {
    transform: rotate(45deg)
  }
  15% {
    transform: rotate(-40deg)
  }
  25% {
    transform: rotate(20deg)
  }
  35% {
    transform: rotate(-15deg)
  }
  45% {
    transform: rotate(10deg)
  }
  55% {
    transform: rotate(-5deg)
  }
  60% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(0deg)
  }
}

#project-live-results-block {
  position: relative;
}

.status-spectrum-placeholder,
.live-timehistory-placeholder {
  width: 100%;
}

.spectrum-result-display {
  padding-top: 0rem;
}

.marker-loader {
  height: 0.375rem;
  width: 100%;
  position: relative;
  overflow: hidden;
  bottom: 0;
  position: absolute;
}

.marker-loader:before {
  display: block;
  position: absolute;
  content: "";
  left: -12.5rem;
  width: 12.5rem;
  height: 0.375rem;
  background-color: #2980b9;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  from {
    left: -6.25rem;
    width: 30%;
  }
  50% {
    width: 30%;
  }
  70% {
    width: 70%;
  }
  80% {
    left: 50%;
  }
  95% {
    left: 120%;
  }
  to {
    left: 100%;
  }
}

.mini-loader {
  display: none;
}

@media screen and (max-width: 47.9375rem) {
  .selectize-control.afd-cleanup {
    max-width: 6.25rem !important;
  }
}


/*Styles fix*/

.mobile-station-indications {
  padding: 0;
  width: auto;
  position: relative;
  z-index: 5;
  min-width: 15.625rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.project-item-right .mobile-station-indications {
  min-width:21rem;
}
.project-point-name {
  max-width: 100% !important;
}

.mobile-station-indications .col-lg-12.col-sm-12 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.station-in-list-fix {
  padding-left:0;
  display: flex;
  flex-direction: column;
}

.station-in-list-fix2 {
  width: auto;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding-left:0;
  padding-right: 0;
}

.btn.btn-default.add-nproject-button.modal-content-box-btn {
  padding: 0.375rem 0.75rem;
}

.container-list,
.container-list-users,
.container-list-header {
  overflow: initial;
}

#main-section-wrapper .container-list-header {
  padding-left: 0;
  padding-right: 0;
}

#container-list-header-id .col-xs-12:first-child {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.btn.btn-default.add-nproject-button.modal-content-box-btn {
  display: flex;
  align-items: center;
  vertical-align: middle;
}

.btn.btn-default.add-nproject-button.modal-content-box-btn .glyphicon {
  padding-right: 0.3125rem;
}

.btn.btn-default.add-nproject-button.modal-content-box-btn .glyphicon {
  top: 0;
}

.search-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


.search-row .clickable-object {
  float: left;
  display: flex;
  position: relative;
  height: 2.125rem;
  vertical-align: middle;
  align-items: center;
  margin-bottom: 0;
  top: -1px;
}

.has-feedback .form-control {
  padding-right: 2.125rem;
}

.project-button.selected:hover {
  background: #337ab7 !important;
  background-color: var(--project-button-bg-selected-hover-focus) !important;
}

.device-name-status {
  padding-left: 0;
  padding-right: 0.9375rem;
}
.map-localization{
  padding-left: 0.9375rem;
  padding-right: 0;
  position: relative;
  float:left;
}

section {
  float: left;
}

.project-page.container {
  height: auto;
}

body {
  overflow: hidden;
}

#instrument {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.pagination>li>a {
  color: #FFF;
  color: var(--background-fix-border-color);
  margin-left: 0.1875rem;
}

.pagination>li:first-child>a {
  margin-left: 0;
}

.dataTables_length {
  margin-top: 0.625rem;
  margin-bottom: 0.3125rem;
}

.dt-buttons.btn-group .btn.btn-default {
  margin-right: 0.1875rem;
}

.dt-buttons.btn-group .btn.btn-default:last-child {
  margin-right: 0;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before {
  top: 0.375rem !important;
}

.modal {
  z-index: 10102 !important;
}

#page-modal-box-address-book {
  z-index: 10101 !important;
}

.config-section {
  width: 100%;
}

.olControlAttribution {
  bottom: 0 !important;
}

.status-log-list .list-inline li {
  padding-bottom: 0.625rem;
}

#btn-update-status {
  max-width: 11.25rem;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.active-status-info {
  min-height: 3.5rem;
}

#station-status-title {
  float: left;
  width: 100%;
}

.resultTable table:not(.exportHeatmap) tbody tr:nth-child(2n+1) td:first-child  {
  background: #2d2e2f;
  background: var(--heat-maps-row-1-bg);
}

.resultTable table:not(.exportHeatmap) tbody tr:nth-child(2n+2) td:first-child {
  background: #1c1c1c;
  background: var(--heat-maps-row-2-bg);
}

.resultTable table:not(.exportHeatmap) thead tr td:nth-child(2n+1) {
  background: #1c1d1d;
  background: var(--heat-maps-row-1-bg);
}

.resultTable table:not(.exportHeatmap) thead tr td:nth-child(2n+2) {
  background: #2d2e2f;
  background: var(--heat-maps-row-2-bg);
}

.resultTable table.exportHeatmap td,
.resultTable .exportHeatmapTitle {
  color: #000;
  color: var(--heat-maps-row-color);
}

.resultTable table td {
  padding: 0.3125rem 0rem 0.3125rem 0rem;
  text-align: center;
}
.resultTable table td .cellValue{
  visibility:hidden;
}
.resultTable table td:hover .cellValue,
.resultTable table td:focus .cellValue{
  display:inline;
  color:#000;
  /* font-size:0.875rem; */
  line-height: 1rem;
  visibility: visible;
}

.resultTable .heatmapClass table tr td:first-child {
  padding: .5rem;
}

.project-add-table-button {
  float: left;
  cursor: pointer;
  z-index: 100;
}

.resultTable {
  display: flex;
  flex-wrap: wrap;
}

.resultTable .controls {
  display: block;
  float: left;
  width: 100%;
}

.resultTable .controls .entry-list-paginator {
  padding-bottom: 0.625rem;
}

.tableWrapper {
  padding-top: 0.625rem;
}

.periodBlock ul {
  padding: 0;
  margin: 0;
}

.periodBlock li {
  list-style: none;
}

.dateBlock,
.pointsBlock,
.selectResults,
.thresholdBlock,
.periodBlock {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 0;
}
.periodBlock{
  margin-bottom:1rem;
}
#heatmap-results-tree,
#tables-results-tree{
  background: var(--resultstree-bg);
  border-radius: .5rem;
  padding: 1rem;
  max-height: 31.25rem;
  overflow-y: auto;
  scrollbar-width: thin;
  margin-top:0;
}
.periodBlock .glyphicon.glyphicon-unchecked,
.periodBlock .glyphicon.glyphicon-check{
  top:0;
}
.dateBlock h4,
.pointsBlock h4,
.selectResults h4,
.thresholdBlock h4,
.periodBlock h4,
.sidebarH4 {
  margin-top: 0;
  font-size: 1.25rem;
  font-weight: bold;
}


/* Chrome, Safari, Edge, Opera */

.thresholdBlock input::-webkit-outer-spin-button,
.thresholdBlock input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


/* Firefox */

.thresholdBlock input[type=number] {
  -moz-appearance: textfield;
}

.pointsBlock ul {
  padding: 0;
  margin: 0;
}

.pointsBlock ul li {
  list-style: none;
  padding-bottom: 0.1875rem;
}

.pointsBlock ul li:last-child {
  padding-bottom: 0;
}

.selectResults .tv-expandable {
  margin-bottom: 0.3125rem;
}

.selectResults .project-result-select-input {
  padding-bottom: 0.1875rem;
}

.pointsBlock .glyphicon.glyphicon-check {
  padding-left: 0;
}

.periodBlock .glyphicon.glyphicon-check {
  padding-left: 0;
}

.heatmapClass {
  display: block;
  float: left;
  width: 100% !important;
  height: 100% !important;
}
.heatmapTableWrapper{
  display: block;
  float: left;
  width: 100% !important;
  height: calc(100% - 36px);
  overflow: hidden;
  padding: 1rem;
}
.heatmapTableWrapperInner{
  overflow-x: auto;
  width: 100%;
  height:100%;
  display: block;
  float: left;
}
.heatmapTableWrapperInner table:empty {
  border: 0;
}
.heatmapTableWrapperInner table:empty::before {
  content: '\00a0';
  display: block;
  height: 0;
  visibility: hidden;
}
.thisBlockIsMaximized{
  height: calc(100% - 36px) !important;
}
.resultTableClass {
  width: 100% !important;
}

.heatmapClass:last-child {
  margin-bottom: 0.625rem;
}

.heatmapClass h4 {
  width: 100%;
  padding: 0;
  margin: 0;
  color: #FFF;
  font-size: 1.5rem;
  padding-top: 0.625rem;
  padding-bottom: 0.3125rem;
}

.heatmapClass table {
  border-spacing: 0;
  border: 0;
  /*max-width:1300px;*/
  min-width:50rem;
  border-collapse: separate;
}

.heatmapClass tr {
  border-spacing: 0;
  border: 0;
}

.heatmapClass td {
  border-spacing: 0;
  border: 1px solid var(--typical-table-border-color);
  height: auto;
  min-height: 1.1875rem;
  text-align: center;
  white-space: nowrap;
}
.heatmapClass th {
  border-spacing: 0;
  border: 1px solid var(--typical-table-border-color);
  height: auto;
  min-height: 1.1875rem;
  text-align: center;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}

.heatmapClass thead td {
  width: 3.9375rem;
  height: 1.1875rem;
  padding-bottom: 0.3125rem;
}

.heatmapClass table.exportHeatmap thead td {
  width: auto;
  padding: 1.0625rem 0 0.625rem !important;
  max-width: 1.625rem;
}

.heatmapClass table.exportHeatmap thead td span {
  transform: rotate(-90deg);
  display: block;
}

.heatmapClass .white {
  background: white;
}

.heatmapClass .white span {
  color: black;
}

.heatmapClass .red {
  background: red;
}

.heatmapClass .orange {
  background: orange;
}

.heatmapClass .green {
  background: green;
}

.project-station-ctrl.ui-element-button-square{
  margin-right:0.625rem;
  margin-bottom: 0.7rem;
}
@media screen and (max-width: 83.75rem) {
  .project-mpoint-block {
    min-width: 100%;
    max-width: 37.5rem !important;
  }
  .changes-log-table tbody tr td {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    max-width: 81.25rem;
  }
  .changes-log-table tbody tr {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #000;
  }
  .changes-log-table tbody {
    display: block;
    float: left;
    width: 100%;
    height: auto;
  }
  .changes-log-table {
    display: block;
    float: left;
    width: 100%;
    height: auto;
  }
  .changes-log-table th {
    display: none;
  }
  .changes-log-table td:nth-child(1):before {
    content: "Date & time:  ";
    color: #FFF;
  }
  .changes-log-table td:nth-child(2):before {
    content: "Performed by:  ";
    color: #FFF;
  }
  .changes-log-table td:nth-child(3):before {
    content: "Operations:  ";
    color: #FFF;
  }
  .changes-log-table td:nth-child(4):before {
    content: "Old parameters:  ";
    color: #FFF;
  }
  .changes-log-table td:nth-child(5):before {
    content: "New parameters:  ";
    color: #FFF;
  }
  .changes-log-table td:nth-child(6):before {
    content: "Parameter difference:  ";
    color: #FFF;
  }
}

@media screen and (max-width: 83.125rem) {
  .full-width-desktop .add-sharing-user-button {
    margin-left: -2.3125rem;
  }
  #heatMapBlock table table {
    width: 100%;
    height: 100%;
    display: block;
    float: left;
  }
  #heatMapBlock table table tbody {
    width: 100%;
    height: 100%;
    display: block;
    float: left;
  }
  #heatMapBlock table table tbody tr {
    width: 100%;
    height: 100%;
    display: block;
    float: left;
  }
  #heatMapBlock table table tbody tr td {
    width: 8.33%;
    height: 100%;
    display: block;
    float: left;
  }
  #heatMapBlock table table tbody tr td span {
    display: inline;
  }
  .heatmapClass table thead td {
    width: auto;
    padding: 1.0625rem 0 0.625rem !important;
    max-width: 1.625rem;
  }
  .heatmapClass table thead td span {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(-90deg);
    display: block;
  }
}
.col-sm-4.active-status-info {
  padding-left: 0;
  padding-right: 0;
}
.first-summary{
  padding-left:0;
}
.last-summary{
  padding-right:0;
}
@media screen and (max-width: 75rem) {
  #mapData{
    margin-bottom:1rem !important;
    width:100%;
  }

  .station-in-list-fix {
    margin-right: 0 !important;
  }
  .station-in-list-fix2 {
    width: 100% !important;
  }
  .station-in-list-fix2 .navbar-nav>li {
    padding-top: 0 !important;
  }
  .device-name-status{
    padding-left:0;
    padding-right:0;
    margin-top:1.25rem;
  }
  .station-details-div .device-name-status{
    padding-left:1.875rem;
    padding-right:1.875rem;
  }
  .map-localization{
    width: 100%;
  }
  .web-view-station-wrapper #directivityZsvg{
    bottom:1rem !important;
    left:0 !important;
  }
}

.mobile-menu-icon{
  display:none;
}
.navbar.navbar-default .navbar-toggler {
  margin: 1.25rem 0rem 1.1875rem 0rem;
  height: 1.25rem;
  width: 1.25rem;
}
@media screen and (max-width: 63.9375rem) {
  .full-width-desktop .add-sharing-user-button {
    display: none;
  }
}

@media screen and (min-width: 64rem) {
  .full-width-mobile .add-sharing-user-button {
    display: none;
  }
}

@media (max-width: 68.75rem) {
  .distributor-select {
    float: left;
    width: 100%;
    margin-top: 0.625rem;
  }
  .distributor-select .selectize-control {
    width: 100%;
    max-width: 26.875rem;
    min-width: 0 !important;
  }
}

@media (max-width: 63.9375rem) {
  .project-page.container {
    height: auto;
  }
  body {
    overflow: auto;
  }
  .col-lg-3.col-sm-12.text-left.text-uppercase.station-title-active {
    float: left;
    width: 100%;
  }
  .heatmapClass table {
    max-width:56.25rem;
  }
}

@media(max-width: 47.9375rem) {
  
  .project-report-content {
    width: 100% !important;
    overflow: scroll;
  }
  #project-report-display-0 .col-xs-12 ul li {
    width: 100%;
  }
  .project-report-display {
    margin: 0 !important;
  }
  #userStatusData .col-xs-3,
  #userStatusData .col-xs-12 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  #userStatusData .col-xs-3:nth-child(2n+1) {
    background: #292a2a;
    padding: 0.625rem 0.625rem 0;
    margin-bottom: 0.3125rem;
  }
  #userStatusData .col-xs-3:nth-child(2n+2) {
    padding: 0.3125rem 0.625rem 0;
    margin-bottom: 0.3125rem;
  }
  #userStatusData .col-xs-3:first-child {
    margin-top: 0.625rem;
  }
  #userStatusData .col-xs-12 {
    padding: 0.625rem 0.625rem 0;
  }
}

@media screen and (max-width: 45.8125rem) {
  .mobile-station-indications .text-left {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
  }
  .mobile-station-indications {
    width: 100% !important;
    float: left;
  }
  .mobile-station-indications .nav>li {
    padding-top: 0 !important;
    line-height: inherit;
  }
  .mobile-station-indications .nav>li>a {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0 !important;
  }
  .mobile-station-indications {
    width: 100%;
    display: flex;
  }
}

@media screen and (max-width: 41.25rem) {
  .project-point-description-text {
    padding-top: 0 !important;
  }
  .mobile-device-list .project-mpoint-block {
    width: 100% !important;
    padding-bottom: 0.625rem !important;
  }
  .project-mpoint-block {
    padding-bottom: 0 !important;
  }
  .project-point-name {
    max-width: 100% !important;
  }
  .project-mpoint-block {
    box-sizing: border-box;
    margin-right: 0;
    padding-right: 0 !important;
    width: 100%;
    min-width: 0;
  }
  .mobile-device-list .project-mpoint-block {
    width: 100% !important;
  }
  li .station-toggle-label {
    top: 0.1875rem !important;
    margin-left: 0 !important;
  }
  #log-limit {
    width: auto;
  }
  #file-total-label-storage{
    width:100%;
    position: relative !important;
  }
  .project-mpoint-block .mobile-device-unit-sn{
    display:block !important;
    float:left;
  }
  .project-mpoint-block .project-point-name{
    display:block !important;
    float:left;
  }
  .project-mpoint-block .project-point-name, .project-mpoint-block .project-point-description-text {
    overflow: initial;
    white-space: initial;
    text-overflow: initial;
    padding-bottom: 0;
  }
  .project-heading .col-lg-3{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}
#map-info-block-grid .corner-menu-block{
  display: flex;
  flex-direction: row-reverse;
}
@media screen and (max-width: 35rem) {
  .float-section {
    padding-bottom: 2.5rem;
  }
  .status-log-list li {
    padding-bottom: 0.625rem;
  }
  .container-list,
  .container-list-users,
  .container-list-header {
    padding: 0rem 0.625rem;
  }
  .btn.btn-default.add-nproject-button.modal-content-box-btn .glyphicon {
    padding-right: 0;
  }
  #project-tabs .nav-tabs>li>a {
    padding: 0.625rem 0.4375rem;
  }
  #tableResultsBlock .resultTable table {
    display: block;
    float: left;
    width: 100%;
    height: auto;
  }
  #tableResultsBlock .resultTable table tr {
    display: block;
    float: left;
    width: 100%;
    height: auto;
  }
  #tableResultsBlock .resultTable table tr td {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    text-align: left;
    ;
  }
  #tableResultsBlock .resultTable table thead {
    display: none;
  }
  #tableResultsBlock .resultTable table td span {
    display: inline !important;
  }
  #map-info-block-grid .corner-menu-block{
    flex-direction: column;
    align-items: end;
  }
  #map-controls a:last-child{
    padding-right: 0;
    margin-right: 0;
    border-right:0;
  }
  #map-controls{
    margin-right:1rem;
    margin-top:.5rem;
    padding-top: .5rem;
    border-top:1px solid var(--main-popup-group-box-border);
  }
}

body section:first-child {
  width: 100%;
}

.tableWrapperInside.mCustomScrollbar {
  padding-right: 0.3125rem !important;
  min-height: 11.25rem;
}

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

.htmlMarker:hover {
  z-index: 10002 !important;
}


.htmlMarker .active-marker {
  display: none;
  width: auto;
  height: 3.75rem;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}

.htmlMarker.minimized {
  position: relative;
  z-index: 10001 !important;
}

.htmlMarker.minimized .map-marker {
  width: auto;
}

.marker-cross {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 0.3125rem;
  right: 0.3125rem;
}

.marker-cross svg {
  fill: red;
  width: 1.25rem;
  height: 1.25rem;
}

.marker-cross:hover svg {
  fill: #FF007F;
}

.dateSearchButton {
  display: flex;
  float: left;
  height: 2.125rem;
  justify-content: center;
  align-items: center;
  background-color: #337AB7;
  background-color: var(--svantek-accent-blue);
  border-radius: 0.3125rem;
  margin-left: 0.3125rem;
  top: -1px;
  position: relative;
}

.dateSearchButton:hover {
  background-color: #23527c;
}

.dateSearchButton svg {
  fill: #FFF;
  width: 2rem;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.marker .box {
  display: none !important;
}

.marker .underBoxTriangle {
  display: none !important;
}


.htmlMarker:hover {
  z-index: 10001 !important;
}

.htmlMarker {
  transform: translate(-50%, 0);
}
.htmlMarker.olMarker {
  transform: translate(0, 0);
}
.cluster {
  width: 30px;
  height: 30px;
  background-color: blue;
  border: 2px solid white;
  border-radius: 50%;
  color: white;
  text-align: center;
  line-height: 30px;
}

.htmlMarker.minimized {
  position: relative;
  z-index: 10000 !important;
}
.htmlMarker.minimized .map-marker {
  width: auto;
  height: 7.7rem;
}
.htmlMarker.minimized .triangle-for-circle{
  background: var(--marker-bg-color);
  box-shadow: -0.125rem 0.125rem 0.25rem -0.125rem rgba(0, 0, 0, 1);
  height: 2.3rem;
  transform: translate(0, -50%) rotate(-45deg);
  width: 2.3rem;  
  margin: 0 auto;
  margin-top: -0.6rem;
}
.htmlMarker.minimized .station-icon{
  display:none;
}
.htmlMarker.minimized .gray .station-icon,
.htmlMarker.minimized .offline .station-icon
{
  display:flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100%;
}
.htmlMarker.minimized .offline .circle .type,
.htmlMarker.minimized .offline .circle .value,
.htmlMarker.minimized .offline .circle .units
{
  display:none;
}
.htmlMarker.minimized .station-icon svg{
  max-width:90%;
  max-height:90%;
}
.htmlMarker .active-marker {
  display: none;
  width: auto;
  height: 3.8125rem;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  color: #FFF;
  color: var(--marker-label-color);
}

.htmlMarker .station-icon {
  display: flex;
  float: left;
  width: 1.875rem;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: none;
  /*margin-right:5px;*/
}

.htmlMarker .station-icon svg {
  stroke: #FFF;
  fill: #FFF;
  height: 100%;
}
.htmlMarker .station-icon svg.icon-803 {
  width: 70%;
  height: 70%;
}
.htmlMarker .station-icon svg.icon-310 {
  width: 90%;
  height: 90%;
}
.marker-cross {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 0.3125rem;
  right: 0.3125rem;
}

.marker-cross svg {
  fill: #FFF;
  width: 1rem;
  height: 1rem;
}

.marker-cross:hover svg {
  fill: #FFF;
}

.htmlMarker.minimized .minimized-marker {
  display: flex;
  flex-direction: column;
  width: 4.75rem;
  height:auto;
}
.htmlMarker.minimized .minimized-marker .heading{
  color:#000;
  background-color: rgba(255,255,255,0.8);
  border-radius: 0.3125rem;
  padding: 0.3125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1rem;
  line-height: 1rem;
  text-align: center;
  margin-bottom:0.3125rem;
  z-index: 2;
}
.htmlMarker.minimized .circle-wrapper{
  display: block;
  float:left;
  width:4.75rem;
  height:4.75rem;
  border-radius: 50%;
  background-color: var(--marker-bg-color);
  z-index: 2;
  position: relative;
}
.htmlMarker.minimized .circle-wrapper.dir{
  width:7.25rem;
  height:7.25rem;
  overflow: hidden;
  border-radius: 100%;
}


.htmlMarker.minimized .circle-wrapper2.green { background:green; transition: all 0.8s ease;}
.htmlMarker.minimized .circle-wrapper2.orange { background:orange; transition: all 0.8s ease;}
.htmlMarker.minimized .circle-wrapper2.red { background:red; transition: all 0.8s ease;}

.htmlMarker.minimized .circle-wrapper2{
  display: block;
  float:left;
  width:4.75rem;
  height:4.75rem;
  border-radius: 50px;
  background-color: rgba(255,255,255,0.5);
  transition: all 0.8s ease;
}

.htmlMarker.minimized .circle-wrapper.dir .circle-wrapper2{
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
}
.htmlMarker.minimized .circle-wrapper.dir{
  background-color: transparent !important;
}

.htmlMarker.minimized.direction .minimized-marker{
  width:7.25rem;
}
.htmlMarker.minimized .circle{
  display: flex;
  flex-direction: column;
  float: left;
  justify-content: center;
  align-items: center;
  width:4.25rem;
  height:4.25rem;
  border-radius: 50%;
  margin-left: 0.25rem;
  margin-top: 0.25rem;
  background-color: var(--svantek-accent-blue);
  background-color: var(--svantek-accent-blue-darker);
  text-align: center;
  color:white;
}

.htmlMarker .gray .circle .type{
  display:none;
}
.htmlMarker .gray .circle .value{
  display:none;
}
.htmlMarker .gray .circle .units{
  display:none;
}

.htmlMarker .circle .type{
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width:3rem;
}
.htmlMarker .circle .value{
  font-size: 1.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width:100%;
}
.htmlMarker .circle .units{
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width:3rem;
}

.htmlMarker.minimized .box {
  display: none;
}

.htmlMarker.minimized .underBoxTriangle {
  display: none;
}

.htmlMarker.selected {
  z-index: 10010 !important;
}

.htmlMarker.selected:hover {
  z-index: 10011 !important;
}

.htmlMarker .active-marker .active-marker-label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 3.125rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 1.125rem;
  font-weight: 100;
  vertical-align: middle;
  background: #337ab7;
  background: var(--marker-bg-color);
  padding-left: 0.625rem;
  padding-right: 0.9375rem;
  white-space: nowrap;
  border-radius: 0.3125rem;
  -webkit-box-shadow: 0rem 0rem 0.25rem 0rem rgba(0, 0, 0, 1);
  -moz-box-shadow: 0rem 0rem 0.25rem 0rem rgba(0, 0, 0, 1);
  box-shadow: 0rem 0rem 0.25rem 0rem rgba(0, 0, 0, 1);
  color: #FFF !important;
  color: var(--marker-label-color);
}
.htmlMarker .map-marker .directivityXYsvg{
  display: none !important;
}
/*Direction non direction marker*/
.htmlMarker.minimized .map-marker .directivityXYsvg{
  display: block !important;
}
.htmlMarker.minimized .map-marker .triangle-for-circle{
  display: none !important;
}
.htmlMarker.minimized .map-marker {
  width: 9rem;
  height: 9rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.htmlMarker.minimized .minimized-marker  {
  height: 100%;
  justify-content: center;
  width: 7.25rem;
}
.htmlMarker.minimized .minimized-marker .heading {
  margin-top: -1.9375rem;
}
.htmlMarker.minimized{
  width:9rem !important;
  height:9rem !important;
}
/*Direction non direction marker*/
.htmlMarker.direction.minimized .map-marker.direction .directivityXYsvg{
  display: block !important;
  width:18rem !important;
  height: 15rem !important;
}
.htmlMarker.direction.minimized .map-marker.direction .triangle-for-circle{
  display: none !important;
}
.htmlMarker.minimized .map-marker.direction {
  width: 18rem;
  height: 15rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.htmlMarker.minimized.direction .minimized-marker  {
  height: 100%;
  justify-content: center;
}
.htmlMarker.minimized.direction .minimized-marker .heading {
  margin-top: -1.9375rem;
}
#directivityZsvg{
  z-index: 9;
  display: block;
  float: left;
  height: 12rem;
  position: relative;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 100%);
  top: calc(50% - 5.5rem);
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
}
.web-view-station-wrapper #directivityZsvg{
  top: initial;
  bottom: 0;
  left:0.9375rem;
}
.shadow {
  fill:#FFF;
  paint-order: stroke;
  stroke: #000;
  stroke-width: 2px;
  stroke-linecap: butt;
  stroke-linejoin: bevel;
}
.directivityXYsvg .smoothCircle{
  transition: all 0.8s ease;
}
.directivityXYsvg:hover .smoothCircle{
  transition: all 0.8s ease;
}
.smoothCircle stop {
  transition: all 0.8s ease;
}
.directivityXYsvg.green stop:nth-child(1) {
  transition: all 0.8s ease;
  stop-color: rgb(0, 128, 0);
}
.directivityXYsvg.green stop:nth-child(2) {
  transition: all 0.8s ease;
  stop-color: rgb(0, 128, 0, 0.35);
}
.directivityXYsvg.green stop:nth-child(3) {
  transition: all 0.8s ease;
  stop-color: rgb(0, 128, 0, 0.2);
}
.directivityXYsvg.green stop:nth-child(4) {
  transition: all 0.8s ease;
  stop-color: rgb(0, 128, 0, 0.1);
}
.htmlMarker.minimized .directivityXYsvg.green stop:nth-child(2) {
  transition: all 0.8s ease;
  stop-color: rgb(0, 128, 0, 0.5);
}
.htmlMarker.minimized .directivityXYsvg.green stop:nth-child(3) {
  transition: all 0.8s ease;
  stop-color: rgb(0, 128, 0, 0.35);
}
.htmlMarker.minimized .directivityXYsvg.green stop:nth-child(4) {
  transition: all 0.8s ease;
  stop-color: rgb(0, 128, 0, 0);
}

.directivityXYsvg.orange stop:nth-child(1) {
  transition: all 0.8s ease;
  stop-color: rgb(255, 165, 0);
}
.directivityXYsvg.orange stop:nth-child(2) {
  transition: all 0.8s ease;
  stop-color: rgb(255, 165, 0, 0.35);
}
.directivityXYsvg.orange stop:nth-child(3) {
  transition: all 0.8s ease;
  stop-color: rgb(255, 165, 0, 0.2);
}
.directivityXYsvg.orange stop:nth-child(4) {
  transition: all 0.8s ease;
  stop-color: rgb(255, 165, 0, 0.1);
}
.htmlMarker.minimized .directivityXYsvg.orange stop:nth-child(2) {
  transition: all 0.8s ease;
  stop-color: rgb(255, 165, 0, 0.5);
}
.htmlMarker.minimized .directivityXYsvg.orange stop:nth-child(3) {
  transition: all 0.8s ease;
  stop-color: rgb(255, 165, 0, 0.35);
}
.htmlMarker.minimized .directivityXYsvg.orange stop:nth-child(4) {
  transition: all 0.8s ease;
  stop-color: rgb(255, 165, 0, 0);
}

.directivityXYsvg.red stop:nth-child(1) {
  transition: all 0.8s ease;
  stop-color: rgb(255, 0, 0);
}
.directivityXYsvg.red stop:nth-child(2) {
  transition: all 0.8s ease;
  stop-color: rgb(255, 0, 0, 0.35);
}
.directivityXYsvg.red stop:nth-child(3) {
  transition: all 0.8s ease;
  stop-color: rgb(255, 0, 0, 0.2);
}
.directivityXYsvg.red stop:nth-child(4) {
  transition: all 0.8s ease;
  stop-color: rgb(255, 0, 0, 0.1);
}
.htmlMarker.minimized .directivityXYsvg.red stop:nth-child(2) {
  transition: all 0.8s ease;
  stop-color: rgb(255, 0, 0, 0.6);
}
.htmlMarker.minimized .directivityXYsvg.red stop:nth-child(3) {
  transition: all 0.8s ease;
  stop-color: rgb(255, 0, 0, 0.35);
}
.htmlMarker.minimized .directivityXYsvg.red stop:nth-child(4) {
  transition: all 0.8s ease;
  stop-color: rgb(255, 0, 0, 0);
}

.directivityXYsvg.default stop:nth-child(1) {
  transition: all 0.8s ease;
  stop-color: rgb(21, 46, 137);
}
.directivityXYsvg.default stop:nth-child(2) {
  transition: all 0.8s ease;
  stop-color: rgb(21, 46, 137, 0.35);
}
.directivityXYsvg.default stop:nth-child(3) {
  transition: all 0.8s ease;
  stop-color: rgb(21, 46, 137, 0.2);
}
.directivityXYsvg.default stop:nth-child(4) {
  transition: all 0.8s ease;
  stop-color: rgb(21, 46, 137, 0.1);
}
.htmlMarker.minimized .directivityXYsvg.default stop:nth-child(2) {
  transition: all 0.8s ease;
  stop-color: rgb(21, 46, 137, 0.5);
}
.htmlMarker.minimized .directivityXYsvg.default stop:nth-child(3) {
  transition: all 0.8s ease;
  stop-color: rgb(21, 46, 137, 0.35);
}
.htmlMarker.minimized .directivityXYsvg.default stop:nth-child(4) {
  transition: all 0.8s ease;
  stop-color: rgb(21, 46, 137, 0);
}

.shadow2 {
  -webkit-filter: drop-shadow( 0px 0px 4px rgb(0,0,0));
  filter: drop-shadow( 0px 0px 4px rgb(0,0,0));
}
.htmlMarker.minimized.direction{
  width:18rem !important;
  height:15rem !important;
}
.htmlMarker .group-marker .active-marker .active-marker-label {
  flex-wrap: wrap;
  height: auto;
  min-height: 2.5rem;
  flex-direction: column;
  padding-right: 0.3125rem;
  padding-left: 0.3125rem;
}

.htmlMarker .group-marker .active-marker .active-marker-label .pointInfoGroupWrapper {
  display: flex;
  align-items: center;
  float: left;
  width: 100%;
  height: auto;
  line-height: initial;
  padding-bottom: 0.1875rem;
  padding-top: 0.1875rem;
  padding-left: 0.1875rem;
  padding-right: 0.1875rem;
}

.htmlMarker .group-marker .active-marker .active-marker-label .pointInfoGroupWrapper:hover {
  background: #FFF;
  color: #000;
  border-radius: 0.3125rem;
}

.htmlMarker .group-marker .active-marker .active-marker-label .pointInfoGroupWrapper:hover .value {
  color: #FFF;
}

.htmlMarker .group-marker .active-marker .active-marker-label .value {
  font-size: 1rem;
}

.htmlMarker .group-marker .active-marker .active-marker-label .value.orange {
  background: orange;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  border-radius: 0.3125rem;
}

.htmlMarker .group-marker .active-marker .active-marker-label .value.red {
  background: red;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  border-radius: 0.3125rem;
}

.htmlMarker .group-marker .active-marker .active-marker-label .value.green {
  background: green;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  border-radius: 0.3125rem;
}

.htmlMarker .group-marker .active-marker .active-marker-label .value.offline {
  background: gray;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  border-radius: 0.3125rem;
}

.htmlMarker .group-marker .active-marker .active-marker-label .pointInfoGroupWrapper:first-child {
  margin-top: 0.3125rem;
}

.htmlMarker .group-marker .active-marker .active-marker-label .pointInfoGroupWrapper:last-child {
  margin-bottom: 0.3125rem;
}

.htmlMarker .group-marker .active-marker {
  height: auto;
  min-height: 3.8125rem;
}

.htmlMarker .active-marker .active-marker-label.green {
  -webkit-box-shadow: 0rem 0rem 0rem 0.1875rem #107e42;
  -moz-box-shadow: 0rem 0rem 0rem 0.1875rem #107e42;
  box-shadow: 0rem 0rem 0rem 0.1875rem #107e42;
  -webkit-box-shadow: 0rem 0rem 0rem 0.1875rem var(--marker-green-bottom);
  -moz-box-shadow: 0rem 0rem 0rem 0.1875rem var(--marker-green-bottom);
  box-shadow: 0rem 0rem 0rem 0.1875rem var(--marker-green-bottom);
}

.htmlMarker .active-marker .active-marker-label.orange {
  -webkit-box-shadow: 0rem 0rem 0rem 0.1875rem #f68026;
  -moz-box-shadow: 0rem 0rem 0rem 0.1875rem #f68026;
  box-shadow: 0rem 0rem 0rem 0.1875rem #f68026;
  -webkit-box-shadow: 0rem 0rem 0rem 0.1875rem var(--marker-orange-bottom);
  -moz-box-shadow: 0rem 0rem 0rem 0.1875rem var(--marker-orange-bottom);
  box-shadow: 0rem 0rem 0rem 0.1875rem var(--marker-orange-bottom);
}

.htmlMarker .active-marker .active-marker-label.red {
  -webkit-box-shadow: 0rem 0rem 0rem 0.1875rem #e42f4a;
  -moz-box-shadow: 0rem 0rem 0rem 0.1875rem #e42f4a;
  box-shadow: 0rem 0rem 0rem 0.1875rem #e42f4a;
  -webkit-box-shadow: 0rem 0rem 0rem 0.1875rem var(--marker-red-bottom);
  -moz-box-shadow: 0rem 0rem 0rem 0.1875rem var(--marker-red-bottom);
  box-shadow: 0rem 0rem 0rem 0.1875rem var(--marker-red-bottom);
}

.htmlMarker .active-marker .active-marker-label.offline {
  opacity: 0.8;
}

.htmlMarker .active-marker .active-marker-label .point-name {
  font-size: 1rem;
  margin-right: 0.3125rem;
  font-family: "myriad-pro-regular";
  line-height: 1rem;
  text-align: center;
}

.htmlMarker .map-marker .point-name,
.htmlMarker .map-marker .value {
  z-index: 100;
}

.htmlMarker .active-marker .active-marker-label .point-name .event-point-info {
  display: none;
}

.htmlMarker .active-marker .active-marker-label .value {
  font-family: 'myriad-pro-bold';
  font-weight: 400 !important;
  font-weight: bold !important;
  font-size: 1.5625rem;
  margin-right: 0.3125rem;
}

.htmlMarker .group-marker .active-marker .active-marker-label .value .units {
  display: inline-block;
}

.htmlMarker .active-marker .active-marker-label .value .units {
  font-family: 'myriad-pro-regular';
  font-weight: normal !important;
  font-size: 0.9375rem;
  margin-left: 0.3125rem;
  display: none;
}

.htmlMarker .active-marker .active-marker-label .value.show-units .units {
  display: inline;
}

.htmlMarker .active-marker .active-marker-label .event-value {
  font-family: 'myriad-pro-bold';
  font-weight: 400 !important;
  font-weight: bold !important;
  font-size: 1.5625rem;
  margin-right: 0.3125rem;
  display: none;
}

.htmlMarker .active-marker .active-marker-label .event-value .units {
  font-family: 'myriad-pro-regular';
  font-weight: normal !important;
  font-size: 0.9375rem;
  margin-left: 0.3125rem;
  display: none;
}

.htmlMarker .active-marker .triangle {
  background: var(--marker-bg-color);
  box-shadow: -0.125rem 0.125rem 0.25rem -0.125rem rgba(0, 0, 0, 1);
  height: 0.9375rem;
  transform: translate(0, -50%) rotate(-45deg);
  width: 0.9375rem;
}

.htmlMarker .active-marker .triangle.green {
  -webkit-box-shadow: -0.125rem 0.125rem 0rem 1px #107e42;
  -moz-box-shadow: -0.125rem 0.125rem 0rem 1px #107e42;
  box-shadow: -0.125rem 0.125rem 0rem 1px #107e42;
  -webkit-box-shadow: -0.125rem 0.125rem 0rem 1px var(--marker-green-bottom);
  -moz-box-shadow: -0.125rem 0.125rem 0rem 1px var(--marker-green-bottom);
  box-shadow: -0.125rem 0.125rem 0rem 1px var(--marker-green-bottom);
}

.htmlMarker .active-marker .triangle.orange {
  -webkit-box-shadow: -0.125rem 0.125rem 0rem 1px #f68026;
  -moz-box-shadow: -0.125rem 0.125rem 0rem 1px #f68026;
  box-shadow: -0.125rem 0.125rem 0rem 1px #f68026;
  -webkit-box-shadow: -0.125rem 0.125rem 0rem 1px var(--marker-orange-bottom);
  -moz-box-shadow: -0.125rem 0.125rem 0rem 1px var(--marker-orange-bottom);
  box-shadow: -0.125rem 0.125rem 0rem 1px var(--marker-orange-bottom);
}

.htmlMarker .active-marker .triangle.red {
  -webkit-box-shadow: -0.125rem 0.125rem 0rem 1px #e42f4a;
  -moz-box-shadow: -0.125rem 0.125rem 0rem 1px #e42f4a;
  box-shadow: -0.125rem 0.125rem 0rem 1px #e42f4a;
  -webkit-box-shadow: -0.125rem 0.125rem 0rem 1px var(--marker-red-bottom);
  -moz-box-shadow: -0.125rem 0.125rem 0rem 1px var(--marker-red-bottom);
  box-shadow: -0.125rem 0.125rem 0rem 1px var(--marker-red-bottom);
}

.htmlMarker .active-marker .triangle.offline {
  opacity: 0.8;
}

.htmlMarker .active-marker.system-event .marker-cross,
.htmlMarker .active-marker.system-event .event-active-marker-label .point-name,
.htmlMarker .active-marker.system-event .event-active-marker-label .value,
.htmlMarker .active-marker.system-event .event-active-marker-label .point-name .units {
  display: none !important;
}

.htmlMarker .active-marker.system-event .event-active-marker-label {
  padding-left: 0.3125rem !important;
  padding-right: 0.3125rem !important;
}

.htmlMarker .active-marker .warning-icon {
  display: none;
}

.htmlMarker .active-marker.system-event .event-active-marker-label .warning-icon {
  display: block;
}

.htmlMarker .active-marker.system-event .event-active-marker-label .warning-icon svg {
  fill: #FFF;
  height: 100%;
  width: 1.875rem;
  margin-top: 0.875rem;
}

.event-view .active-marker-label {
  display: none !important;
}

.event-view .event-active-marker-label {
  display: flex !important;
}

.htmlMarker .active-marker .event-active-marker-label {
  display: none;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 3.125rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 1.125rem;
  font-weight: 100;
  vertical-align: middle;
  background: #4BB3CA;
  background: linear-gradient(180deg, #4BB3CA 0%, #3279B5 100%);
  background: var(--button-blue-bg-top);
  background: linear-gradient(180deg, var(--button-blue-bg-top) 0%, var(--button-blue-bg-bottom) 100%);
  padding-left: 0.625rem;
  padding-right: 0.9375rem;
  white-space: nowrap;
  border-radius: 0.3125rem;
  -webkit-box-shadow: 0rem 0rem 0.25rem 0rem rgba(0, 0, 0, 1);
  -moz-box-shadow: 0rem 0rem 0.25rem 0rem rgba(0, 0, 0, 1);
  box-shadow: 0rem 0rem 0.25rem 0rem rgba(0, 0, 0, 1);
}

.htmlMarker .active-marker .event-active-marker-label.green {
  -webkit-box-shadow: 0rem 0rem 0rem 0.1875rem #107e42;
  -moz-box-shadow: 0rem 0rem 0rem 0.1875rem #107e42;
  box-shadow: 0rem 0rem 0rem 0.1875rem #107e42;
  -webkit-box-shadow: 0rem 0rem 0rem 0.1875rem var(--marker-green-bottom);
  -moz-box-shadow: 0rem 0rem 0rem 0.1875rem var(--marker-green-bottom);
  box-shadow: 0rem 0rem 0rem 0.1875rem var(--marker-green-bottom);
}

.htmlMarker .active-marker .event-active-marker-label.orange {
  -webkit-box-shadow: 0rem 0rem 0rem 0.1875rem #f68026;
  -moz-box-shadow: 0rem 0rem 0rem 0.1875rem #f68026;
  box-shadow: 0rem 0rem 0rem 0.1875rem #f68026;
  -webkit-box-shadow: 0rem 0rem 0rem 0.1875rem var(--marker-orange-bottom);
  -moz-box-shadow: 0rem 0rem 0rem 0.1875rem var(--marker-orange-bottom);
  box-shadow: 0rem 0rem 0rem 0.1875rem var(--marker-orange-bottom);
}

.htmlMarker .active-marker .event-active-marker-label.red {
  -webkit-box-shadow: 0rem 0rem 0rem 0.1875rem #e42f4a;
  -moz-box-shadow: 0rem 0rem 0rem 0.1875rem #e42f4a;
  box-shadow: 0rem 0rem 0rem 0.1875rem #e42f4a;
  -webkit-box-shadow: 0rem 0rem 0rem 0.1875rem var(--marker-red-bottom);
  -moz-box-shadow: 0rem 0rem 0rem 0.1875rem var(--marker-red-bottom);
  box-shadow: 0rem 0rem 0rem 0.1875rem var(--marker-red-bottom);
}

.htmlMarker .active-marker .event-active-marker-label .point-name {
  font-size: 1rem;
  margin-right: 0.3125rem;
  font-family: "myriad-pro-regular";
  line-height: 1rem;
  text-align: center;
}

.htmlMarker .active-marker .event-active-marker-label .point-name .event-point-info {
  display: none;
}

.htmlMarker .active-marker .event-active-marker-label .value {
  font-family: 'myriad-pro-bold';
  font-weight: 400 !important;
  font-weight: bold !important;
  font-size: 1.5625rem;
  margin-right: 0.3125rem;
}

.htmlMarker .active-marker .event-active-marker-label .value .units {
  font-family: 'myriad-pro-regular';
  font-weight: normal !important;
  font-size: 0.9375rem;
  margin-left: 0.3125rem;
  display: none;
}

.htmlMarker .active-marker .event-active-marker-label .value.show-units .units {
  display: inline;
}

.htmlMarker .active-marker .event-active-marker-label .event-value {
  font-family: 'myriad-pro-bold';
  font-weight: 400 !important;
  font-weight: bold !important;
  font-size: 1.5625rem;
  margin-right: 0.3125rem;
  display: none;
}

.htmlMarker .active-marker .event-active-marker-label .event-value .units {
  font-family: 'myriad-pro-regular';
  font-weight: normal !important;
  font-size: 0.9375rem;
  margin-left: 0.3125rem;
  display: none;
}

.htmlMarker .active-marker.system-event .event-active-marker-label {
  padding-left: 0.3125rem !important;
  padding-right: 0.3125rem !important;
}

.event-view .active-marker .triangle.event-green {
  -webkit-box-shadow: -0.125rem 0.125rem 0rem 1px #107e42;
  -moz-box-shadow: -0.125rem 0.125rem 0rem 1px #107e42;
  box-shadow: -0.125rem 0.125rem 0rem 1px #107e42;
  -webkit-box-shadow: -0.125rem 0.125rem 0rem 1px var(--marker-green-bottom);
  -moz-box-shadow: -0.125rem 0.125rem 0rem 1px var(--marker-green-bottom);
  box-shadow: -0.125rem 0.125rem 0rem 1px var(--marker-green-bottom);
}

.event-view .active-marker .triangle.event-orange {
  -webkit-box-shadow: -0.125rem 0.125rem 0rem 1px #f68026;
  -moz-box-shadow: -0.125rem 0.125rem 0rem 1px #f68026;
  box-shadow: -0.125rem 0.125rem 0rem 1px #f68026;
  -webkit-box-shadow: -0.125rem 0.125rem 0rem 1px var(--marker-orange-bottom);
  -moz-box-shadow: -0.125rem 0.125rem 0rem 1px var(--marker-orange-bottom);
  box-shadow: -0.125rem 0.125rem 0rem 1px var(--marker-orange-bottom);
}

.event-view .active-marker .triangle.event-red {
  -webkit-box-shadow: -0.125rem 0.125rem 0rem 1px #e42f4a;
  -moz-box-shadow: -0.125rem 0.125rem 0rem 1px #e42f4a;
  box-shadow: -0.125rem 0.125rem 0rem 1px #e42f4a;
  -webkit-box-shadow: -0.125rem 0.125rem 0rem 1px var(--marker-red-bottom);
  -moz-box-shadow: -0.125rem 0.125rem 0rem 1px var(--marker-red-bottom);
  box-shadow: -0.125rem 0.125rem 0rem 1px var(--marker-red-bottom);
}

.hide-gmap-elements {
  display: none !important;
}

@media(max-width:63.9375rem) {
  #th-group>.th-plot-div-wrapper>.th-legend-wrapper>.timehistory-legend-container:not(.exporting) {
    float: right;
    margin-top: -0.75rem;
    width: calc(100% - 20px);
  }
  .btn.btn-default.btn-svn-list{
    padding-left:0.625rem;
    padding-right:0.625rem;
  }

}
/*User ranks modal additional styling*/
#permissionUserTopWrapper{
  display: block;
  float:left;
  width:100%;
  height:auto;
}
#permissionUserWrapper{
  display: block;
  float:left;
  width:100%;
  height:auto;
}
#permissionUserWrapper .lineWrapper{
  display:block;
  float:left;
  width:100%;
  height:auto;
  border-bottom:1px solid var(--main-popup-group-box-border);
  margin-top:0.625rem;
  padding-bottom:0.625rem;
}
#permissionUserWrapper .lineWrapper:last-child{
  border-bottom:0;
}
#permissionUserWrapper .lineWrapper .lineWrapperInside{
  display:block;
  float:left;
  width:100%;
  height:auto;
  align-items: center;
}
#permissionUserWrapper .lineWrapper .lineWrapperInside .title{
  display:block;
  float:left;
  width:auto;
  height:auto;
  min-width: 7.5rem;
  top: 0.125rem;
  position: relative;
}
#permissionUserWrapper .lineWrapper .lineWrapperInside .title span{
  display:inline;
  color: #FFF;
  color: var(--text-white-on-black);
}
#permissionUserWrapper .lineWrapper .lineWrapperInside .title span.one {
  color: var(--the-555-text);
}
#permissionUserWrapper .lineWrapper .lineWrapperInside .title span.two {
  font-weight: bold;
}
#permissionUserWrapper .lineWrapper .lineWrapperInside .title input{
  display:none;
}
#permissionUserWrapper .lineWrapper .lineWrapperInside .buttons{
  display:block;
  float:right;
  width:auto;
  height:auto;
}
#permissionUserWrapper .lineWrapper .listOfPermissions{
  display:block;
  float:left;
  width:100%;
  height:auto;
  margin-top:0.3125rem;
  line-height: 1.5rem;
}
#permissionUserWrapper .lineWrapper .listOfPermissions span.cap {
  color: var(--the-555-text);
}
#permissionUserWrapper .lineWrapper .rankListWrapper{
  display:none;
  float:left;
  width:100%;
  height:auto;
  padding: 0.625rem;
  box-sizing: border-box;
  background: #333;
  background: var(--panel-header-bg-color);
  margin: 0.625rem 0;
}
#permissionUserWrapper .lineWrapper .rankListWrapperInside{
  display:block;
  float:left;
  width:100%;
  height:auto;
}
#permissionUserWrapper .lineWrapper .buttons > div {
  margin-left: 0.3125rem;
}

.file-date-filter{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  float: left;
  width: auto;
  height: auto;
  flex-wrap: wrap;
  justify-content: left;
  align-items: center;
  /* margin-top:0.625rem; */
}
.file-date-filter .label{
  font-size: 1rem !important;
  font-weight: 400 !important;
  font-family: inherit;
  padding-left:0;
  color: var(--text-white-on-black);
}
#fileLimit{
  width:3.75rem;
}

#fileLimit::-webkit-outer-spin-button,
#fileLimit::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#fileLimit{
  -moz-appearance: textfield;
}

.fileListData .file-entry .col-sm-6.col-xs-12:first-child,
#fileListData .storage-data .col-sm-6.col-xs-12:first-child,
#fileListData .storage-data .col-sm-6.col-xs-12:first-child
{
  padding:0;
}
.project-files-header .storage-list-titles .col-sm-6.col-xs-12 .col-xs-4.text-left:last-child{
  padding-left:0.3125rem;
}
.storage-list-titles .col-sm-6.col-xs-12 .col-xs-4.text-left:last-child{
  padding:0;
}

@media screen and (max-width: 75rem) {
  .fileListData .storage-data .col-xs-10{
    padding-left:0.3125rem;
  }
}
@media screen and (max-width: 64rem) {
  .fileListData .storage-data .col-xs-10{
    padding-left: 0.9375rem;
  }
  .fileListData .col-sm-6.col-xs-12 .col-xs-2.text-left{
    padding-left: 0.625rem;
  }
  .project-files-header .storage-list-titles .col-sm-6.col-xs-12 .col-xs-6.text-left:first-child{
    padding-left: 0.9375rem;
  }
}
.pageNumberInput{
  background: #000;
  background: var(--grid-item-bg-color);
  border: 0;
  border-radius: 0.3125rem;
  text-align: center;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1.375rem !important;
  height: 1.375rem;
}
.project-files-page-selector-page .pageNumberInput {
  top: 0rem;
}
.pageNumberInput::-webkit-outer-spin-button,
.pageNumberInput::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pageNumberInput{
  -moz-appearance: textfield;
}
#limit::-webkit-outer-spin-button,
#limit::-webkit-inner-spin-button,
#log-limit::-webkit-outer-spin-button,
#log-limit::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#limit,
#log-limit{
  -moz-appearance: textfield;
  background: var(--input-bg);
  color:var(--input-color);
}
.page-current{
  display: flex !important;
  align-items: start;
  justify-content: center;
  position: relative;
}


.btn-default {
  color: #333;
  color: var(--btn-default-color);
  background-color: #fff;
  background-color: var(--btn-default-background);
  border-color: #ccc;
  border-color: var(--btn-default-border-color);
  border-width: 0;
}
.btn-default.dropdown-toggle{
  border-width: 1px;
}

.btn-default:hover {
  color: var(--btn-default-hover-color);
  background-color: var(--active-blue);
  border-color: var(--active-blue);
}

.project-sharing-text-color {
  color: #CCC;
  color: var(--project-sharing-text-color);
}

.btn-checkbox-mini {
  background-color: transparent;
  border: 2px solid var(--svantek-accent-blue);
}
.btn-checkbox-mini:hover {
  background-color: var(--svantek-accent-blue);
  border: 2px solid var(--svantek-accent-blue);
  opacity: 0.5;
}

section#overview h3,
section#summary-results h3,
section#time-history-results h3,
section#spectrum-chart h3 {
  margin-top: 0.625rem;
  text-align: left;
}

.main-nav-list,
.user-nav-list{
  padding-left:0;
}
.main-nav-list{
  width:100%;
}
@-moz-document url-prefix() {
  .pageNumberInput {
    width: 2.8125rem;
  }
  #limit {
    width: 2.8125rem;
  }
}
.mCSB_scrollTools_vertical{
  width:0.3125rem !important;
}
.mCSB_scrollTools_vertical .mCSB_draggerContainer{
  width:0.3125rem !important;
}
.mCSB_scrollTools_vertical .mCSB_dragger, .mCSB_scrollTools_vertical .mCSB_dragger_bar{
  width:0.3125rem !important;
}
.mCSB_scrollTools_vertical .mCSB_draggerRail{
  width:0.1875rem !important;
}
.mCSB_scrollTools_vertical .mCSB_scrollTools:focus {
  width: 0.3125rem !important;
}
#heatMapWrapper .mCSB_container_wrapper {
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 0.3125rem 0 0;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 0.3125rem 0 0 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonUp,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonDown,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonright {
  display:none;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal{
  bottom:-0.375rem;
}
#heatMapWrapper .mCSB_container_wrapper > .mCSB_container {
  padding-right: 1.25rem;
  padding-bottom: 0.625rem;
}
.heatmapTableWrapper .mCustomScrollBox{
  padding-right:0.625rem;
}
.th-legend-wrapper.grid-stack-item-th-heading{
  padding-right:6.5625rem;
  padding-left:0.625rem;
}
#instrument-list .btn.btn-default.btn-svn-list.button-like{
  border: 1px solid var(--main-popup-group-box-border);
  background-color: var(--main-popup-group-box-bg) !important;
  border-radius: 0.875rem !important;
}
#instrument-list .btn.btn-default.btn-svn-list.button-like:active,
#instrument-list .btn.btn-default.btn-svn-list.button-like.active{
  box-shadow: none;
}
.instrument-in-station-list .for-selection{
  border-left:1rem solid transparent;
  border-right:1rem solid transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  float:left;
  width:100%;
  height:auto;
  transition: all 0.3s ease-in-out;
  padding: 1rem 1.5rem;
  border-radius: 1rem;
}
.instrument-in-station-list.btn-svn-list-selected .for-selection,
.instrument-in-station-list:hover .for-selection{
  border-left:1rem solid var(--active-blue) !important;
  transition: all 0.3s ease-in-out;
  border-radius: .85rem;
}
.instrument-in-station-list:hover .for-selection{
  border-left:1rem solid var(--button-hover-bg) !important;
}

.instrument-in-station-list.btn-svn-list-selected:hover .for-selection{
  border-left:1rem solid var(--active-blue) !important;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #4a4b4c;
  background-color: rgba(255,255,255,0.85);
  background-color: var(--mcustomScrollbar-hover-bg);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}
.warning-label{
  font-size: 1rem;
  padding-bottom: 0.625rem;
  color: orange;
}
/***************************************************************************************/
.config-section h3 {
  margin: 0;
  padding: 0.625rem;
  font-size: 1.5rem;
}

#myTabContentSettings.tab-content > .tab-pane {
  opacity:1;
  float:left;
  padding: 0;
  margin-bottom: 0.625rem;
  width: 100%;
}
#myTabContentSettings.tab-content > .tab-pane:not(.element-hidden) {
  display: block !important;
}
#myTabContentSettings.tab-content .tab-pane:first-child{
  margin-top:0.9375rem;
}
.submenu-tabs .gridly::-webkit-scrollbar {
  display: none;
}

.submenu-tabs .gridly::-moz-scrollbar {
  display: none;
}

.submenu-tabs .gridly {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.stationListContainer #live-view-menu nav li{
  width:9rem !important;
  margin-right:0.3125rem;
}
.stationListContainer #live-view-menu nav ul{
  display:flex;
}
.stationListContainer #live-view-menu nav li a{
  padding:0;
}
.stationListContainer h1,
.stationListContainer h2,
.stationListContainer h3,
.stationListContainer h4{
  padding-left:0;
  padding-right:0;
  padding-bottom:0.625rem;
}
.stationListContainer h2{
  font-size:1.5rem;
}
.stationListContainer h3{
  font-size:1.25rem;
}
.stationListContainer h3{
  padding-right:0.625rem;
}
.stationListContainer p,
.stationListContainer button{
  margin-top:0;
  margin-left:0;
  margin-right:0;
}
.apply-settings-button,
.apply-settings-button:focus,
.apply-settings-button:hover,
.apply-settings-button:active{
  margin:0 !important;
}
.stationListContainer section{
  display: flex;
  flex-wrap: wrap;
}
#myTabContentSettings .col-xs-12{
  padding:0.625rem;
  background: #000;
  background: var(--main-bg-color-default);
  border-radius: 0.5625rem;
  border: 1px solid transparent;
  display: block;
  width: calc(20% - 10px);
  margin-bottom: 0.625rem;
  margin-right: 0.625rem;
  padding-bottom:0;
}
.settings-info-data{
  padding-left: 0.625rem;
  padding-right: 0.3125rem;
}
.settings-info-wrapper {
  background: #171818;
  background: var(--grid-item-bg-color);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-radius: 0.5625rem;
}
#myTabContentSettings .col-xs-12.subsection-separator{
  border-top:1px solid var(--subsection-separator-border-color);
}
.miccomp-row-wrapper .miccomp-row,
.miccomp-row-wrapper .windscreen-row,
.miccomp-row-wrapper #configurablelr-row{
  width:100% !important;
  padding:0 !important;
}
.miccomp-row-wrapper .miccomp-row:hover,
.miccomp-row-wrapper .windscreen-row:hover,
.miccomp-row-wrapper #configurablelr-row:hover{
  border-color:transparent !important;
}

#advanced-alarms .col-xs-12{
  width:100%;
  margin-right:0;
  border-radius: 14px;
}
#advanced-alarms .col-xs-12.title-header{
  justify-content: space-between;
  padding: 0 !important;
  margin-bottom: 0;
}
.advanced-alarms-entry-content{
  margin-top: 1rem;
}
#advanced-alarms .col-xs-12.title-header:hover{
  background: transparent !important;
}
#advanced-alarms .col-xs-12.title-header .l,
#advanced-alarms .col-xs-12.title-header .r{
  display: flex;
  align-items: center;
}
body #advanced-alarms{
  display:block;
  float:left;
  width:100%;
  padding-left: 0 !important;
  padding-right:0 !important;
}
.advanced-alarms{
  display:block;
  float:left;
  width:100%;
  padding:0 0.625rem;
  background: #000;
  background: var(--main-bg-color-default);
  border-radius: 0.5625rem;
  border: 1px solid transparent;
  display: block;
  width:33%;
  width: calc(33.33% - 10px);
  margin-bottom: 0.625rem;
  margin-right: 0.625rem;
}
.stationListContainer .col-xs-3,
.stationListContainer .col-xs-4,
.stationListContainer .col-xs-6,
.stationListContainer .col-xs-9,
.stationListContainer .col-lg-3,
.stationListContainer .col-lg-4,
.stationListContainer .col-lg-10{
  padding:0;
}
.col-xs-12 .col-xs-6.one-line-heading:last-child,
.col-xs-12 .col-full-width:last-child{
  margin-bottom:0.625rem;
}
.stationListContainer .col-lg-3,
.stationListContainer .col-lg-4{
  width:33.33%;
  float:left;
  margin-bottom:0.625rem;
}
.stationListContainer .col-lg-2{
  width:25%;
  padding:0;
  float: left;
  margin-bottom:0.625rem;
}
.stationListContainer  .chanmode-row .col-lg-2{
  width:33.33%;
}
.stationListContainer .col-lg-2 p{
  width:100%;
  margin-bottom:0.3125rem;
  padding-left: 0;
  padding-right:0;
}
#myTabContentSettings .col-xs-12:hover{
  border: 1px solid var(--grid-item-border-color);
}
.stationListContainer .title-header{
  width:calc(100% - 10px);
  border-bottom: 1px solid #494b4c;
  border-bottom: 1px solid var(--title-header-border-color);
  margin-bottom: 0.625rem;
}
.stationListContainer .dropdown:not(.bootstrap-select) .dropdown-menu {
  position: absolute;
}
.config-section .btn-data{
  margin-left:0 !important;
  max-width: 95%;
}
.loggersplittingtimes-rows .btn-data,
.statlevel-row .btn-data,
.loggersplittingtimes-rows .btn-data:hover,
.statlevel-row .btn-data:hover,
.loggersplittingtimes-rows .btn-data:active,
.statlevel-row .btn-data:active{
  margin-top:0.625rem !important;
}
.one-line-heading{
  width:100% !important;
  display: block;
  float: left;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
.csv-selectors a,
.profile-selectors a{
  padding: 0.1875rem 0.3125rem;
  border-radius: 0.3125rem;
  margin-left:0;
}
.storage-sr-block{
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
  width:100%;
}
.stationListContainer .group-separator{
  margin-top:0;
}
.stationListContainer .switch{
  float:left;
}
.one-line-heading h4{
  margin-bottom:0.3125rem;
  margin-top:0;
  border-bottom: 1px solid #494b4c;
  border-bottom: 1px solid var(--title-header-border-color);
}
.stationListContainer .switch-wide input.cmn-toggle-round+label{
  margin-top:0;
}
.loggersrprofile-row,
.loggersrstats-row,
.loggersrdirect-row,
.loggersplittingtimes-rows,
.statlevel-row,
.csv-profile-results-select,
.autosyscheckdays-row,
.logger-profile-result-select{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.stationListContainer .switch-big input.cmn-toggle-round+label,
.stationListContainer .switch-comp input.cmn-toggle-round+label{
  margin-top:0;
}
.stationListContainer .dropdown{
  max-width:100%;
}
.col-full-width{
  display:block;
  float:left;
  width:100%;
}
.stationListContainer .title-header{
  position: relative;
}
.stationListContainer .title-header div{
  padding-top:0;
  position: absolute;
  top:0.1875rem;
  right:0;
}
.stationListContainer .title-header div.advanced-alarms-name-switch{
  margin-top:0.4375rem;
}
.stationListContainer .title-header a{
  padding: 0.1875rem 0.3125rem;
  border-radius: 0.3125rem;
  margin-left:0;
}
.stationListContainer .title-header a:hover,
.stationListContainer .title-header a:active{
  color:#FFF;
  background-color: #337ab7 !important;
  border-color: #337ab7 !important;
  text-decoration: none;
}
.stationListContainer .config-section .input-box{
  margin:0;
  max-width:100%;
}
#uploadfile-group{
  margin:0;
}
.meastrigger-rtc-setting{
  float:left;
}
.block-important{
  display:block !important;
}
.stationListContainer .col-lg-3 p,
.stationListContainer .col-lg-4 p{
  width:100%;
}
.stationListContainer .col-lg-12{
  width:100% !important;
}
.config-section .input-group.date{
  max-width:10rem;
}
#myTabContentSettings #advanced-alarms .col-xs-12{
  width:100%;
  margin-top:0;
  margin-bottom:0;
  padding-top:0.1875rem;
  padding-bottom:0.1875rem;
  display: flex;
  align-items: center;
}
#myTabContentSettings #advanced-alarms .col-xs-12.title-header,
#myTabContentSettings #advanced-alarms .col-xs-12.not-to-flex{
  display:block;
}
#myTabContentSettings #advanced-alarms .col-xs-12.title-header{
  padding-left:0;
  padding-right:0;
}
#myTabContentSettings #advanced-alarms .col-xs-12.not-to-flex{
  padding-bottom:0.625rem;
}
#myTabContentSettings #advanced-alarms .subsection-separator:hover{
  background: transparent !important;
  border-top: 1px solid var(--grid-item-border-color) !important;
  border-radius:0 !important;
}
#myTabContentSettings #advanced-alarms .title-header:hover,
#myTabContentSettings #advanced-alarms .not-to-flex:hover{
  background: transparent !important;
}
#myTabContentSettings #advanced-alarms .col-xs-12 h4{
  font-size:1rem;
  margin-top:0;
  margin-bottom:0;
  padding-top:0.3125rem;
}
.config-section-main-buttons{
  position: absolute;
  top: 0.3125rem;
  right: 0.625rem;
  width: auto;
}
.config-section-main-buttons button{
  margin-bottom: 0 !important;
}
.advanced-alarms-edit-address-book .glyphicon {
  margin-left: 0;
  margin-right:0.3125rem;
}
.config-section-main-buttons .btn-default:active:hover,
.config-section-main-buttons .btn-default.active:hover,
.config-section-main-buttons .btn-default:hover,
.config-section-main-buttons .btn-default:active:focus,
.config-section-main-buttons .btn-default.active:focus,
.config-section-main-buttons .btn-default:focus,
.config-section-main-buttons .btn-default:active.focus,
.config-section-main-buttons .btn-default.active.focus,
.config-section-main-buttons .btn-default.focus{
  border-width:1px !important;
}
.stationListContainer .title-header .up-down-chevron-wrapper{
  width: 2.1875rem;
  height: 2.1875rem;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3125rem;
  top:0.375rem;
}
.advanced-alarms-expand, .advanced-alarms-collapse{
  margin-left:0 !important;
}
.stationListContainer h3.advanced-alarms-name{
  padding-left: 1.5625rem;
  margin-left: -1.5625rem;
  padding-right: 11.25rem;
  margin-right: -11.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  width: 100%;
  float:left;
}
.stationListContainer h3.advanced-alarms-name.h3-additional-padding{
  padding-right: 15.0625rem;
  margin-right: -15.0625rem;
}
#myTabContentSettings #rtc1{
  color: #FFF;
  color:var(--text-white-on-black);
  font-size: 1.125rem;
}
.advanced-alarms .title-header .advanced-alarm-name-icon-pencil{
  display: block;
  float: left;
  top: 0.625rem;
}
.advanced-alarm-text-edit {
  margin-top: 0.625rem;
  margin-bottom:0.625rem;
}
#search-settings-button{
  display: block;
  width: auto;
  width: 2.5rem;
  height: 2.25rem;
  background: #4BB3CA;
  background: linear-gradient(180deg, #4BB3CA 0%, #3279B5 100%);
  background: var(--button-blue-bg-top);
  background: linear-gradient(180deg, var(--button-blue-bg-top) 0%, var(--button-blue-bg-bottom) 100%);
  text-decoration: none;
  border: 0;
  color: #FFF;
  border-radius: 0.5625rem;
  padding: 0;
  transition: all .3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  float: right;
  position: absolute;
  right:0.3125rem;
}
.search-wrapper{
  display: flex;
  float:right;
  width:3.125rem;
  height:2.875rem;
  overflow:hidden;
  position: absolute;
  top: 0;
  right: 0;
  padding:0.3125rem;
  z-index: 99;
  background: #171818;
  background: var(--grid-item-bg-color);
}
.search-wrapper.active{
  width:18.75rem;
}
.search-wrapper.active .search-settings-wrapper{
  background-color: #fff;
  display:flex;
  align-items: center;
  border-radius: 0.3125rem;
  justify-content: space-between;
}
.search-settings{
  height: 1.875rem;
  margin-left: 0.3125rem;
}

.search-wrapper .search-result-counter,
.search-wrapper .glyphicon-chevron-up,
.search-wrapper .glyphicon-chevron-down,
.search-wrapper .glyphicon-remove,
.search-wrapper .search-settings{
  display:none;
}

.search-wrapper.active .search-result-counter,
.search-wrapper.active .glyphicon-chevron-up,
.search-wrapper.active .glyphicon-chevron-down,
.search-wrapper.active .glyphicon-remove,
.search-wrapper.active .search-settings{
  display:block;
}
.search-wrapper.active .glyphicon-remove{
  margin-right:0.3125rem;
}
.search-wrapper input{
  color:#000;
}
mark{
  color:#000;
  background: yellow;
  padding: 0;
}
mark.current {
  background: orange;
}
.search-settings-wrapper{
  width: calc(100% - 45px);
  display: flex;
  color:#000;
}

element.style {
  position: fixed;
  top: 0rem;
}
.stationListContainer .headerLiveViewWrapper{
  z-index: 9;
  width:100%;
}
.headerLiveViewWrapper.onRails{
  position: fixed;
  top:0;
  z-index: 10;
  width: calc(100% - 450px);
  padding-top:0.375rem;
  padding-bottom:0.375rem;
  background: rgb(0, 0, 0);
  background: var(--main-bg-color-default);
}
.float-section{
  width:100%;
  overflow-x: hidden;
}
.cmn-toggle-label-off,
.cmn-toggle-label-on{
  z-index: 9;
}
.cmn-toggle-label-on{
  padding-left:0.4375rem;
}

.stationListContainer .page-header{
  padding:0;
  margin:0 !important;
}
.stationListContainer .page-header h1{
  margin:0;
  margin-top:0.625rem;
}
.stationListContainer .settings-controls{
  position: absolute;
  top: 0.8125rem;
  right: 21.875rem;
  display: block;
  float: right;
  width: auto;
}
.stationListContainer #station-status-title{
  margin: 0;
  margin-top: 0.625rem;
}
.stationListContainer .station-status-title.row,
.stationListContainer .device-list.row{
  padding:0;
}
.stationListContainer .device-name-status.device-status-fix p{
  width:auto;
}
.stationListContainer .device-name-status.device-status-fix .switch{
  float:right;
}
.stationListContainer #stationStatusData .col-lg-3{
  width:25%;
}
.advanced-alarms-delete .llabel{
  max-width: 5.3125rem;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn.btn-default.advanced-alarms-delete{
  display:flex;
}
.btn.btn-default.advanced-alarms-delete .glyphicon.glyphicon-erase{
  top:0.25rem;
}
.btn.dropdown-toggle,
.btn.dropdown-toggle:hover,
.btn.dropdown-toggle:active{
  padding-left:0;
  text-align: left;
  padding-left: 0.75rem;
}
.multi-logger-slm-channel .switch {
  margin-top: 0;
}
.label {
  padding: .3em .65em .3em;
}
#station-list-button.station-list-all-button {
  color: #333;
  color: var(--btn-default-color);
}
#instrument-list.row{
  margin-left:0;
  margin-right:0;
}
#users-table{
  width:100% !important;
}
#users-table_wrapper{
  overflow: hidden;
}
.container.container-list-users #instrument-list{
  padding-left:0 !important;
  padding-right: 0 !important;
  position: relative;
}
#instrument-list .circle-infinite-loading.page{
  position: initial;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 2rem;
}
#instrument-list .circle-infinite-loading.page .circle-infinite-loading-text,
#instrument-list .circle-infinite-loading.data .circle-infinite-loading-text{
  margin-top: 1.5rem;
  position: initial;
}
@media screen and (max-width: 143.75rem) {
  #myTabContentSettings .col-xs-12{
    width: calc(25% - 10px);
  }
}
@media screen and (max-width: 120rem) {
  #myTabContentSettings .col-xs-12{
    width: calc(33.33% - 10px);
  }
  .advanced-alarms{
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 1200px) {
  .active-status-info,
  .plot-container {
    min-height: 0;
  }
  .dropdown-table td .col-lg-4{
    padding:0;
    margin-bottom:1rem;
    min-width: 15rem;
  }
  .dropdown-table .col-lg-4:last-child{
    margin-bottom:0;
  }
}
@media screen and (max-width: 600px) {
  .dropdown-table td{
    display: block;
    float: left;
    width: 100%;
  }
  .dropdown-table .col-lg-4:last-child{
    margin-bottom:1rem;
  }
}
@media screen and (max-width: 90rem) {
  #myTabContentSettings .col-xs-12{
    width: calc(50% - 10px);
  }
  .stationListContainer .col-lg-2 {
    width: 33.33%;
  }
}
@media screen and (max-width: 81.25rem){
  .advanced-alarms{
    width: calc(100% - 10px);
  }
}
@media screen and (max-width: 63.9375rem){
  .container, .stationListContainer {
    padding-left: 0;
    padding-right: 0;
  }
  #myTabContentSettings .col-xs-12{
    width: calc(50% - 10px);
  }
  .stationListContainer .col-lg-2 {
    width: 25%;
  }
  .headerLiveViewWrapper.onRails{
    width:100%;
    padding-right: 1.25rem;
    padding-left: 3.5rem;
  }
  .stationListContainer .page-header h1{
    margin-top:0;
  }
  .stationListContainer .settings-controls{
    top: 4.625rem;
    right: 0.625rem;
    padding: 0;
  }
  .stationListContainer #stationStatusData .col-lg-3,
  .stationListContainer #stationStatusData .col-lg-4,
  .stationListContainer #stationStatusData .col-lg-5{
    width:100%;
    padding:0;
  }
  .stationListContainer #stationStatusData{
    padding:0;
  }
}
@media screen and (max-width: 43.75rem) {
  #myTabContentSettings .col-xs-12{
    width: calc(100% - 10px);
  }
}
@media screen and (max-width: 31.25rem) {
  .advanced-alarms .title-header button .llabel{
    width:0;
  }
  .advanced-alarms .title-header button .glyphicon.glyphicon-erase{
    margin-right:0;
  }
  .stationListContainer h3.advanced-alarms-name {
    padding-right: 5.3125rem;
    margin-right: -5.3125rem;
  }
  .stationListContainer h3.advanced-alarms-name.h3-additional-padding{
    padding-right: 9.6875rem;
    margin-right: -9.6875rem;
  }
  .advanced-alarms-entry-content .col-xs-4{
    width:100%;
    text-align: left;
  }
  #myTabContentSettings #advanced-alarms .col-xs-12{
    flex-wrap: wrap;
  }
  .config-section-main-buttons{
    top: 0;
    right: 0;
    width: 100%;
    float: right;
    left: initial;
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 0.625rem;
    position: relative;
  }
  .config-section-main-buttons button{
    margin-right:0.625rem;
  }
}
@media screen and (max-width: 28.125rem){
  .stationListContainer .settings-controls{
    position: relative;
    top: initial;
    right: initial;
    display: block;
    float: left;
    width: auto;
    padding: 0;
  }
}
@media screen and (max-width: 23.75rem){
  .stationListContainer .col-lg-2 {
    width: 33.33%;
  }
}
@media screen and (max-width: 20rem){
  .config-section-main-buttons button{
    font-size: 0.8125rem !important;
  }
}

#swarm-iframe.wide, #default-section.wide {
  padding: 0 1.5rem;
}

#page-modal-box-alerts .advanced-alarms-entry-content,
#page-modal-box-alerts2 .advanced-alarms-entry-content,
#page-modal-box-alerts3 .advanced-alarms-entry-content {
  width: 100%;
  overflow-y: auto;
  height: 30rem;
}

@media (min-resolution: 120dpi) { 
  #page-modal-box-alerts .advanced-alarms-entry-content,
  #page-modal-box-alerts2 .advanced-alarms-entry-content,
  #page-modal-box-alerts3 .advanced-alarms-entry-content {
    height: 42rem;
  }
}

@media (max-width: 960px) {
  #page-modal-box-alerts .top,
  #page-modal-box-alerts2 .top,
  #page-modal-box-alerts3 .top {
    height: 8rem;
  }
  #page-modal-box-alerts .main,
  #page-modal-box-alerts2 .main,
  #page-modal-box-alerts3 .main {
    padding-top: 8rem;
    margin-top: -8rem;
  }
  #page-modal-box-alerts .advanced-alarms-entry-content,
  #page-modal-box-alerts2 .advanced-alarms-entry-content,
  #page-modal-box-alerts3 .advanced-alarms-entry-content {
    height: 26rem;
  }
  #page-modal-box-alerts .main .right,
  #page-modal-box-alerts2 .main .right,
  #page-modal-box-alerts3 .main .right {
    margin-top:-3rem;
  }
  .showing-alarms-for-serial-btn{
    margin-top:-.35rem;
  }
  @media (min-resolution: 120dpi) { 
    .showing-alarms-for-serial-btn{
      margin-top:-.7rem;
    }
  }
}

.file-name-font {
  color: var(--text-white-on-black);
}
a:hover .file-name-font{
  color: var(--svantek-accent-blue);
}
.storage-data a.clickable-object:hover{
  text-decoration: none !important;
}



.bootstrap-datetimepicker-widget table td.active, 
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: var(--svantek-accent-blue);
  color: var(--filled-button-color);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: var(--filled-button-color) !important;
}