.top-menu.navbar {
     background: -webkit-gradient(linear, left top, right top, from(#00c59d), to(#009ef9));
     background: -webkit-linear-gradient(left, #00c59d, #009ef9);
     background: -o-linear-gradient(left, #00c59d, #009ef9);
     background: linear-gradient(to right, #00c59d, #009ef9);
}
 .top-menu .navbar-menu-wrapper {
     height: 40px !important;
     padding: 0 !important;
}
 @media screen and (min-width: 768px) {
     .top-menu .navbar-menu-wrapper {
         width: 100% !important;
    }
}
 .top-menu .navbar-menu-wrapper .header-links {
     height: auto !important;
}
 .top-menu .navbar-menu-wrapper .header-links.navbar-nav-left {
     padding-left: 0 !important;
}
 .top-menu .navbar-menu-wrapper .header-links .nav-link {
     height: auto !important;
     padding: 0 25px !important;
}
 .top-menu .navbar-menu-wrapper .navbar-dropdown {
     right: auto !important;
     top: auto !important;
     padding: 0 !important;
}
 @media screen and (max-width: 768px) {
     .top-menu .navbar-menu-wrapper .nav-item {
         margin-left: 0 !important;
         margin-right: 0 !important;
    }
}
 .page-body-wrapper {
     padding-top: 30px !important;
}
 .page-body-wrapper .main-panel {
     margin: 0;
     width: 100%;
     min-height: 1px;
}
 .page-body-wrapper .main-panel .title-wrapper {
     width: 100%;
}
 .page-body-wrapper .main-panel .title-wrapper h1 {
     font-size: 1.8rem;
     font-weight: 100;
     margin-bottom: 5px;
}
 .page-body-wrapper .main-panel .serialInfo {
     margin-bottom: 15px;
     text-align: center;
}
 .page-body-wrapper .main-panel .serialInfo h3 {
     font-weight: 100;
}
/*.page-body-wrapper .main-panel .systemPerformance img {
     height: 40px;
     width: auto;
}
*/
 .page-body-wrapper .main-panel .card {
     border-radius: 15px;
     min-height: 200px;
     overflow: hidden;
}
 .page-body-wrapper .main-panel .card a {
     color: #0ba7e4;
     font-weight: 100;
}
 .page-body-wrapper .main-panel .card h3 {
     font-size: 1.3rem;
}
 .page-body-wrapper .main-panel .card p {
     color: #6b6b6b;
     font-weight: 100;
     margin-bottom: 0;
}
 .page-body-wrapper .main-panel .card.adminBox {
     border: 1px solid red;
}
 .page-body-wrapper .main-panel .card h3.curr_date {
     font-size: 1.75rem;
}
 .page-body-wrapper .main-panel .card .card-body {
     padding: 1.5rem 1rem 1.2rem;
}
 .page-body-wrapper .main-panel .card .definition {
     display: none;
}
 .wave-footer {
     width: 100%;
     margin-top: 15px;
}
 .footer {
     background: #0d2742;
     border-top: 0;
     color: #cae2fc;
     font-weight: 100;
     padding: 10px 0 5em;
}
 .footer a {
     color: #1191d2;
}
 .footer .footerLogo {
     margin-bottom: 25px;
}
 .footer .bottom-footer {
     margin-top: 50px;
}
 .footer hr {
     background: rgba(202, 226, 252, 0.25);
}
 .footer nav a {
     padding-left: 0;
}
 @media (max-width: 767px) {
     .original-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
         margin-left: 0.5rem;
         margin-right: 0.5rem;
    }
     .serialInfo h3 {
         font-size: 1.26rem;
    }
     .footer {
         padding: 2.5rem 1.7rem;
    }
     .footer .footer-info, .footer .footerLogo {
         display: none;
    }
     .footer .contact-footer {
         margin-top: 25px;
    }
}
 @media (max-width: 991px) {
     .title-wrapper {
         padding: .5rem 1.7rem;
    }
     .title-wrapper h1 {
         font-size: 3rem;
         font-weight: 100;
         margin-bottom: 5px;
    }
     .navbar-collapse {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         margin-top: 0.5rem;
    }
     .original-layout {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
    }
     .original-layout .navbar-menu-wrapper {
         width: auto;
    }
     .original-layout .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
         display: none;
    }
     .original-layout .navbar-brand-wrapper {
         width: 75px;
    }
     .original-layout .navbar-brand-wrapper .brand-logo {
         display: none;
    }
     .original-layout .navbar-brand-wrapper .brand-logo-mini {
         display: inline-block;
    }
}
 @media (min-width: 992px) {
     .original-layout .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
         margin-left: auto;
    }
     .rtl .original-layout .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
         margin-left: 0;
         margin-right: auto;
    }
}
 @media (min-width: 992px) {
     .title-wrapper {
         padding: .5rem 0;
    }
     .content-wrapper {
         background: #f6f6f6;
         border-radius: 20px;
         -webkit-flex-grow: inherit;
         -webkit-box-flex: inherit;
         -ms-flex-positive: inherit;
         flex-grow: inherit;
         padding: 1.75rem 2.75rem 1rem;
    }
     .content-wrapper .systemPerformance {
         text-align: right;
    }
}
 .original-layout {
     -webkit-box-shadow: 0px 10px 5px rgba(136, 136, 136, 0.2);
     box-shadow: 0px 10px 5px rgba(136, 136, 136, 0.2);
     font-family: "Poppins", sans-serif;
     margin-top: 40px;
}
 .original-layout .sidebar-offcanvas {
     top: 120px;
}
 .original-layout .navbar-brand-wrapper {
     padding-right: 0;
     -webkit-transition: width 0.25s ease, background 0.25s ease;
     -o-transition: width 0.25s ease, background 0.25s ease;
     transition: width 0.25s ease, background 0.25s ease;
     width: 255px;
     height: 63px;
}
 .original-layout .navbar-brand-wrapper .navbar-brand {
     font-size: 1.5rem;
     line-height: 48px;
     margin-right: 0;
     padding: 0.25rem 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .original-layout .navbar-brand-wrapper .navbar-brand img {
     width: 100%;
     max-width: 100%;
     height: auto;
     margin: auto;
     vertical-align: middle;
}
 .original-layout .navbar-brand-wrapper .brand-logo-mini {
     display: none;
}
 .original-layout .navbar-brand-wrapper .brand-logo-mini img {
     width: calc(70px - 50px);
     max-width: 100%;
     height: 28px;
     margin: auto;
}
 .original-layout .navbar-menu-wrapper {
     -webkit-transition: width 0.25s ease;
     -o-transition: width 0.25s ease;
     transition: width 0.25s ease;
     padding-left: 15px;
     padding-right: 0;
     width: calc(100% - 255px);
     height: 63px;
}
 .original-layout .navbar-menu-wrapper .navbar-toggler {
     border: 0;
     width: 100%;
}
 .original-layout .navbar-menu-wrapper .navbar-text {
     font-size: 13px;
}
 .original-layout .navbar-menu-wrapper .navbar-nav {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .original-layout .navbar-menu-wrapper .navbar-nav .nav-item {
     margin-left: 1rem;
     margin-right: 0;
}
 .original-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
     color: inherit;
     font-size: 12px;
     vertical-align: middle;
}
 .original-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i {
     font-size: 1.25rem;
     vertical-align: middle;
}
 .original-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .profile-text {
     margin-right: 15px;
}
 .original-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.nav-btn .btn {
     padding: 0.75rem 1rem;
}
 .original-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.nav-btn:after {
     display: none;
}
 .original-layout .navbar-menu-wrapper .navbar-nav .nav-item.color-setting i {
     font-size: 25px;
     vertical-align: text-top;
}
 .original-layout .navbar-menu-wrapper .navbar-nav.header-links {
     height: 63px;
     padding-left: 2%;
}
 .original-layout .navbar-menu-wrapper .navbar-nav.header-links .nav-item {
     margin: 0;
}
 .original-layout .navbar-menu-wrapper .navbar-nav.header-links .nav-item .nav-link {
     height: 63px;
     font-size: 12px;
     padding: 16px 25px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .original-layout .navbar-menu-wrapper .navbar-nav.header-links .nav-item .nav-link i {
     margin-right: 10px;
     font-size: 21px;
}
 .rtl .navbar.original-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .profile-text {
     margin-right: 0;
     margin-left: 15px;
}
 .rtl .navbar.original-layout .navbar-menu-wrapper .navbar-nav.header-links .nav-item .nav-link i {
     margin-right: 0;
     margin-left: 10px;
}
 .status_value {
     color: #00609d;
}
 .status_img {
     height: 85px;
     margin-bottom: 25px;
     margin-top: 10px;
}
 .temperature .therm-wrapper {
     position: relative;
     width: 30px;
     height: 85px;
     border-radius: 30px;
     background: #b8d8e4;
    /*box-shadow: inset 0 -10px 0 rgba(255,255,255,0.1), inset 0 -3px 2px rgba(0,0,0,0.05), 0 3px 3px rgba(0,0,0,0.05), 0 0 5px rgba(237, 237, 237,1), inset 0 -5px 5px rgba(267, 267, 267,1), rgba(247, 247, 247,1) 5px -15px 60px 0px;
    */
     margin: 10px auto 35px;
}
 .temperature .therm-wrapper::after {
     content: '';
     position: absolute;
     width: 40px;
     left: calc(50% - 20px);
     background: #b8d8e4;
     height: 40px;
     border-radius: 50%;
     bottom: -23px;
     border-bottom: 1px #ededed;
}
 .temperature .therm-spine {
     position: absolute;
     left: calc(50% - 8px);
     width: 16px;
     height: 100%;
     top: 10px;
     z-index: 100;
     border-radius: 10px;
     background: white;
}
 .temperature .therm-spine::before {
     content: '';
     width: 100%;
     height: 20%;
     bottom: 0;
     position: absolute;
     left: 0;
     z-index: 102;
     border-radius: inherit;
     background: -webkit-gradient(linear, left bottom, left top, from(#12b9bf), to(transparent));
     background: -webkit-linear-gradient(bottom, #12b9bf, transparent);
     background: -o-linear-gradient(bottom, #12b9bf, transparent);
     background: linear-gradient(to top, #12b9bf, transparent);
}
 .temperature .therm-mercury {
     content: ' ';
     z-index: 102;
     height: 0%;
     bottom: 10px;
     position: absolute;
     width: 16px;
     border-radius: inherit;
     background: -webkit-gradient(linear, left top, left bottom, from(#00c993), to(#12b9bf));
     background: -webkit-linear-gradient(top, #00c993, #12b9bf);
     background: -o-linear-gradient(top, #00c993, #12b9bf);
     background: linear-gradient(to bottom, #00c993, #12b9bf);
    /*background:linear-gradient(to top, rgba(175, 243, 255, 0.9) 20%, rgba(187, 155, 255,0.8), //rgba(255, 155, 191,0.9), rgba(255, 170, 160,0.8), rgba(255, 253, 170,0.8), rgba(255, 239, 170,0.8), );
    */
     left: 0;
}
 .temperature .therm-ball {
     position: absolute;
     border-radius: 50%;
     width: 25px;
     height: 25px;
     left: 2px;
     bottom: -16px;
     z-index: 100;
     background: #12b9bf;
}
 @-webkit-keyframes mercury-up {
     from {
         height: 0;
    }
     to {
         height: 100%;
    }
}
 @keyframes mercury-up {
     from {
         height: 0;
    }
     to {
         height: 100%;
    }
}

/*Gauge https://codepen.io/marvick/pen/RKGyrX */
.gauge {
  top: 50%;
  left: 50%;
}

#canvas-preview {
  background-color: transparent;
  height: 150px !important;
  margin-bottom: 20px;
  margin-top: -50px;
}

#minVal {
  display: none;
}