/* Minification failed. Returning unminified contents.
(123,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(129,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-tertiary'
(138,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(198,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(199,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(205,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(210,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(211,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(218,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(228,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(229,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(242,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(246,47): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(246,69): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(267,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(271,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(272,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(276,47): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary'
(276,69): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(282,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(283,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
 */
#return-to-top {
    position: fixed;
    bottom: 90px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}

#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

table, th, tr, td {
    padding: 8px !important;
}

#tblRawData table, #tblRawData tr, #tblRawData th {
    padding: 2px !important;
}

.panel-heading {
    padding: 10px 15px 10px 15px !important;
}

/*.form-search {
    height: 3.9vh;
    -webkit-border-radius: 2vh;
    -moz-border-radius: 2vh;
    border-radius: 2vh;
    margin-top: .7vh;
    min-width: 200px;
    width: 18vw;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}*/

/*.ui-widget-content ul {
    background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x !important;
     Top part of navbar is z-index:1000. 
    z-index: 1001 !important;
}*/

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    z-index: 1001 !important;
}

#searchBox {
    border: 2px solid;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.sensorReadout {
    border-radius: 7px;
    padding: 4px;
}

/*.sensorReadingValue {
    margin: 4px;
}*/

.page-wrapper {
    padding-top: 30px;
}


/* Change padding from 20px to 8px on right side bar content */
.right-sidebar .r-panel-body {
    padding: 8px;
}

/*.locationInfoPanelText {
    margin: 0;
}*/

.dashboardPanelFooter {
    padding: 10px 15px;
}

.sidebar {
    z-index: 100 !important;
}

.panel-title {
    color: white !important;
}

.panel-footer {
    background-color: var(--bg-secondary) !important;
}

/* Configurations Stepper */
.thin-steps .column-step {
    padding: 20px;
    background-color: var(--bg-tertiary) !important;
}

.thin-steps .column-step.active .step-number {
    background-color: white !important;
}

.thin-steps .column-step.active {
    padding: 20px;
    background-color: var(--bg-primary) !important;
}


.thin-steps .step-number {
    /*background-color: blue !important;*/
}



.loading-wrapper {
    display: flex;
    flex-direction: column; /* Stacks text on top, loader on bottom */
    align-items: center; /* Centers both horizontally */
    justify-content: center; /* Centers the whole group vertically */
    gap: 15px; /* Adds a clean space between the text and loader */
}


.loader {
  width: 50px;
  height: 50px;
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.content-step {
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-step-header {
    font-size: 18px !important;
}

/* Styles for Dark Mode  */
:root {
    --bg-primary: #0f1117;
    --bg-secondary: #1a1f2e;
    --bg-tertiary: #242b3d;
    --accent-blue: #00a3ff;
    --text-primary: #e0e7ff;
    --text-secondary: #a5b4fc;
    --border-color: #334155;
    --success: #22c55e;
    --danger: #ef4444;
    --warning: #eab308;
    --gray: #64748b;
}

/* Main background */
body, html {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

/* Header */
header, nav {
    background-color: #0a0d14 !important;
    border-bottom: 1px solid var(--border-color) !important;
}

/* Cards / Panels */
.panel, .breadcrumb {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

/* Text colors */
h1, h2, h3, h4, label {
    color: var(--text-primary) !important;
}

/* Buttons */
button, .btn {
    border-radius: 8px !important;
    transition: all 0.2s ease;
}

.page-wrapper {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

.panel-heading {
    background-color: transparent !important;
}

/* Hide the bottom border on panels that can collapse/expand, as the border is shown when the panel is collapsed and doesn't look well with the rounded corners of the panel. */
.panel-collapsible {
    border-bottom: none !important;
}

.right-sidebar {
    background-color: var(--bg-secondary) !important;
}

.rpanel-title {
    background: linear-gradient(to left, var(--bg-primary) 1%, var(--bg-secondary) 50%) !important;
}

/* Base input styles */
input,
select,
textarea {
    background-color: #2a2f3a !important;
    color: #e6edf3 !important;
    transition: all 0.2s ease;
    /*border: 1px solid #3a4250;
            border-radius: 6px;
            padding: 10px 12px;
            font-size: 14px;
            outline: none;
            transition: all 0.2s ease;
            width: 100%;
            box-sizing: border-box;*/
}

.modal-content {
    background-color: var(--bg-secondary) !important;
}

.nav-tabs > li.active, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

.navbar-header {
    background: linear-gradient(to left, var(--bg-primary) 1%, var(--bg-secondary) 50%);
}

.login-box {
    /*background-color: var(--bg-tertiary);*/
    padding: 15px;
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}