/* ===== CUSTOM THEME START ===== */
/* Theme: Ocean Teal | Applied: 2026-03-03 10:27:24 */

/* --- Admin Area: Ocean Teal --- */
:root {
  --ct-primary: #00897b;
  --ct-secondary: #00695c;
  --ct-accent: #ffffff;
  --ct-sidebar-bg: #004d40;
  --ct-sidebar-text: #80cbc4;
  --ct-topbar-bg: #ffffff;
}

/* Sidebar */
.sidebar-default { background-color: #004d40 !important; }
.sidebar-default .menu-item > a,
.sidebar-default .menu-item > a span,
.sidebar-default .menu-item > a i { color: #80cbc4 !important; }
.sidebar-default .menu-item.active > a,
.sidebar-default .menu-item:hover > a { background-color: #00897b !important; color: #ffffff !important; }
.sidebar-default .menu-item.active > a i,
.sidebar-default .menu-item:hover > a i,
.sidebar-default .menu-item.active > a span,
.sidebar-default .menu-item:hover > a span { color: #ffffff !important; }
.sidebar-default .children-menu,
.sidebar-default ul.children-menu { background-color: #00695c !important; }
.sidebar-default .children-menu li > a { color: #80cbc4 !important; }
.sidebar-default .children-menu li:hover > a,
.sidebar-default .children-menu li.active > a { color: #ffffff !important; }

/* Top navbar */
.navbar.navbar-default { background-color: #ffffff !important; border-bottom: 2px solid #00897b !important; }

/* Primary buttons */
.btn-primary { background-color: #00897b !important; border-color: #00695c !important; color: #ffffff !important; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active { background-color: #00695c !important; border-color: #00695c !important; color: #ffffff !important; }

/* Links */
a { color: #00897b; }
a:hover, a:focus { color: #00695c; }

/* Labels / badges */
.label-primary, .badge-primary { background-color: #00897b !important; }

/* Font */
body, input, textarea, select, button, .sidebar-default { font-family: inherit; }

/* --- Client Portal: Ocean Teal --- */
body { background-color: #e0f2f1; font-family: inherit; }
.navbar-default { background-color: #00897b !important; border-color: #00695c !important; }
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-brand { color: #ffffff !important; }
.navbar-default .navbar-nav > li > a:hover { color: rgba(255,255,255,0.75) !important; }
.btn-primary { background-color: #00897b !important; border-color: #00695c !important; color: #ffffff !important; }
.btn-primary:hover { background-color: #00695c !important; }
a { color: #00897b; }
a:hover { color: #00695c; }
.panel-heading { background-color: #00897b !important; color: #ffffff !important; }
/* ===== CUSTOM THEME END ===== */