body {
  /*Button*/
  /*Custom tab*/
  /* Tabs */
  /*Nav-pills*/
  /*Bread Crumb*/
  /* Related sensor */
  /* PanelLine widget */
  /* Pagination */
  --cc-btn-primary-bg: #32799c;
}
body .text-brand-color {
  color: #32799c;
}
body .brand-svg-fill {
  fill: #32799c;
}
body .sidebar .top-left-part {
  background-color: #ffffff;
}
body .sidebar .top-left-part .light-logo {
  background: url("https://portal.aquark.cz/img/aquark/logo.png") no-repeat center;
  background-size: contain;
  width: 100%;
  height: 140px;
}
body .dropdown-menu > li > a {
  color: #32799c;
}
body .dropdown-menu > li > a:hover,
body .dropdown-menu > li > a:focus,
body .dropdown-menu > li > a:active,
body .dropdown-menu > li > a:active:hover,
body .dropdown-menu > li > a:active:focus {
  color: #cf203c;
}
body .btn-primary,
body .table .btn-primary,
body .open > .dropdown-toggle.btn-primary {
  background-color: #32799c;
  border-color: #32799c;
}
body .btn-primary:hover,
body .table .btn-primary:hover,
body .open > .dropdown-toggle.btn-primary:hover,
body .btn-primary:focus,
body .table .btn-primary:focus,
body .open > .dropdown-toggle.btn-primary:focus,
body .btn-primary:active,
body .table .btn-primary:active,
body .open > .dropdown-toggle.btn-primary:active,
body .btn-primary:active:hover,
body .table .btn-primary:active:hover,
body .open > .dropdown-toggle.btn-primary:active:hover,
body .btn-primary:active:focus,
body .table .btn-primary:active:focus,
body .open > .dropdown-toggle.btn-primary:active:focus,
body .btn-primary:disabled:hover,
body .table .btn-primary:disabled:hover,
body .open > .dropdown-toggle.btn-primary:disabled:hover,
body .btn-primary:disabled:focus,
body .table .btn-primary:disabled:focus,
body .open > .dropdown-toggle.btn-primary:disabled:focus {
  background-color: #cf203c;
  border-color: #cf203c;
}
body .btn-primary.btn-outline,
body .table .btn-primary.btn-outline,
body .open > .dropdown-toggle.btn-primary.btn-outline {
  color: #32799c;
}
body .btn-primary.btn-outline:hover,
body .table .btn-primary.btn-outline:hover,
body .open > .dropdown-toggle.btn-primary.btn-outline:hover,
body .btn-primary.btn-outline:focus,
body .table .btn-primary.btn-outline:focus,
body .open > .dropdown-toggle.btn-primary.btn-outline:focus,
body .btn-primary.btn-outline:active,
body .table .btn-primary.btn-outline:active,
body .open > .dropdown-toggle.btn-primary.btn-outline:active {
  background-color: #32799c;
  border-color: #32799c;
  color: white;
}
body .alert-primary {
  background-color: #32799c;
  border-color: #32799c;
}
body .right-sidebar .rpanel-primary {
  background-color: #32799c;
}
body a:hover {
  color: #cf203c;
}
body .progress-bar-primary {
  background-color: #32799c;
}
body #side-menu > li > a.active i {
  color: #32799c;
}
body #side-menu > li > a:hover,
body #side-menu > li > a:focus {
  background: rgba(0, 0, 0, 0.03);
}
body #side-menu > li > a.active {
  border-color: #32799c;
}
body #side-menu > li > a.active i {
  color: #32799c;
}
body .btn-custom {
  background: #32799c;
  border-color: #32799c;
}
body .btn-custom:hover {
  background: #32799c;
  opacity: 0.8;
  border-color: #32799c;
}
body .customtab li.active a,
body .customtab li.active a:hover,
body .customtab li.active a:focus,
body .customtab li a:hover {
  border-color: #32799c;
  color: #32799c;
}
body .tabs-vertical li.active a,
body .tabs-vertical li.active a:hover,
body .tabs-vertical li.active a:focus {
  background: #32799c;
  border-color: #32799c;
}
body .nav-pills > li.active > a,
body .nav-pills > li.active > a:focus,
body .nav-pills > li.active > a:hover,
body .chat-list .odd .chat-text,
body .right-sidebar .rpanel-title {
  background: #32799c;
}
body .text-primary,
body a,
body body .action-column .fa-rotate-90,
body .sidebar #side-menu .user-pro .nav-second-level a:hover,
body #side-menu ul > li > a:hover,
body #side-menu > li > a.active i {
  color: #32799c;
}
body .bg-title .breadcrumb a {
  color: #32799c;
}
body .bg-title .breadcrumb a:hover {
  color: #32799c;
}
body .treeview .node-selected {
  background-color: #32799c !important;
}
body .related-sensor:hover .sensor-details .sensor-name,
body .related-sensor:hover .sensor-detail-link {
  color: #32799c !important;
}
body .related-sensor:hover .sensor-index span {
  background-color: #32799c !important;
}
body .panel-line-row .panel-line-link .panel-line-link-icon {
  color: #32799c;
}
body .panel-line-row .panel-line-link:hover .mainIcon {
  color: #32799c;
}
body .panel-line-row .panel-line-link:hover .mainIcon svg {
  fill: #32799c;
}
body .panel-line-row span.mainText:has(> a) {
  color: #32799c !important;
}
body .login-register {
  background: #f5f5f5 !important;
}
body .login-box > .white-box {
  background: #ffffff !important;
}
body .daterangepicker .ranges li.active {
  background: #32799c !important;
}
body .daterangepicker td.active,
body .daterangepicker td.active:hover {
  background: #32799c !important;
}
body .sensor-plan-wrapper .badge-dot.badge-dot-highlight .badge-dot-index {
  background-color: #32799c;
}
body .sensor-date-range-filter {
  background-color: #32799c;
}
body .sensor-date-range-filter .sensor-date-range-filter-cancel {
  background-color: #32799c;
}
body .sensor-date-range-filter:hover {
  background-color: #2c6a89;
}
body .grid-view ul.pagination li.active a,
body ul.pagination li.active a,
body .grid-view ul.pagination li.active a:hover,
body ul.pagination li.active a:hover,
body .grid-view ul.pagination li a:hover,
body ul.pagination li a:hover {
  color: white;
  background-color: #32799c;
  border-color: #32799c;
}
body #sensor-detail-header > a.btn-collapse i {
  color: #32799c;
}
body .photo-panel .kv-editable-link {
  color: #32799c;
}
body .primary-white-box {
  border-left: 4px #32799c solid;
}
.asperiot-banner:hover .asperiot-banner-link {
  color: #32799c;
}
.btn-outline .badge-primary {
  background-color: #32799c !important;
  color: white !important;
}
.btn-outline:hover .badge-primary {
  background-color: white !important;
  color: #32799c !important;
}
.badge-primary {
  background-color: white !important;
  color: #32799c !important;
}
.infinite-loading-container {
  position: relative;
  overflow: hidden;
}
.infinite-loading-background.active {
  opacity: 0.15;
}
.infinite-loading-active .infinite-loading-background,
.infinite-loading-active .infinite-loading-bar {
  opacity: 1;
}
.infinite-loading-bar {
  width: 75px;
  height: 3px;
  background-color: #32799c;
  position: absolute;
  top: 0;
  left: -75px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.infinite-loading-active .infinite-loading-bar {
  animation: moveBar 1.5s ease-in-out infinite;
}
@keyframes moveBar {
  0% {
    left: -75px;
  }
  100% {
    left: 100%;
  }
}