/* Fluent UI selectable skin Applied only when is present. */ body.skin-fluent { background: #f3f2f1; color: #323130; font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; } body.skin-fluent .app-main-content { background: linear-gradient(180deg, #e9edf2 0%, #e1e7ee 100%); color: #18253a; } body.skin-fluent .custom-header { background: radial-gradient(circle at left, rgba(96, 106, 118, 0.14), transparent 24%), linear-gradient(180deg, rgba(244, 246, 249, 0.98) 0%, rgba(243, 247, 252, 0.98) 100%); border-bottom: 1px solid rgba(146, 154, 165, 0.16); box-shadow: 0 12px 30px rgba(3, 9, 22, 0.24); } body.skin-fluent .navbar-text, body.skin-fluent .custom-header .nav-link, body.skin-fluent .custom-header .text-white-50 { color: #18253a !important; } body.skin-fluent #skinSelector { background: rgba(20, 32, 51, 0.06); border: 1px solid rgba(146, 154, 165, 0.16); color: #18253a; } body.skin-fluent .custom-sidebar { background: linear-gradient(180deg, #e9edf2 0%, #e1e7ee 100%); border-right: 1px solid rgba(146, 154, 165, 0.14); } body.skin-fluent .custom-sidebar-inner { background: radial-gradient(circle at top, rgba(96, 106, 118, 0.08), transparent 24%), rgba(242, 245, 248, 0.94); color: #18253a; border-radius: 0; } body.skin-fluent .custom-sidebar .nav-link { color: rgba(32, 50, 74, 0.78); border-radius: 14px; } body.skin-fluent .custom-sidebar .nav-link:hover { background: rgba(20, 32, 51, 0.05); color: #18253a; } body.skin-fluent .custom-sidebar .nav-link.active, body.skin-fluent .custom-sidebar .nav-link[data-bs-toggle="collapse"]:not(.collapsed) { background: rgba(96, 106, 118, 0.08); color: #18253a !important; font-weight: 600; } body.skin-fluent .table-responsive, body.skin-fluent .rounded-container, body.skin-fluent .cart-sidebar, body.skin-fluent .neu-theme .card, body.skin-fluent .neu-theme .rounded-container, body.skin-fluent .neu-theme .table-responsive, body.skin-fluent .neu-theme .cart-sidebar, body.skin-fluent .neu-theme .neu-table-card { background: #f1f4f7 !important; border: 1px solid #edebe9 !important; border-radius: 10px !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important; } body.skin-fluent .neu-theme .neu-table thead th { background: #f3f2f1; color: #323130; } body.skin-fluent .neu-theme .neu-table tbody tr + tr td { border-top: 1px solid #edebe9; } body.skin-fluent .neu-theme .form-control, body.skin-fluent .neu-theme .form-select, body.skin-fluent .neu-theme input[type="date"], body.skin-fluent .neu-theme textarea, body.skin-fluent .form-control, body.skin-fluent .form-select, body.skin-fluent textarea, body.skin-fluent input[type="text"], body.skin-fluent input[type="number"], body.skin-fluent input[type="date"], body.skin-fluent input[type="email"], body.skin-fluent input[type="password"] { background: #f1f4f7; border: 1px solid #d2d0ce; border-radius: 6px; box-shadow: none; color: #323130; } body.skin-fluent .form-control:focus, body.skin-fluent .form-select:focus, body.skin-fluent textarea:focus, body.skin-fluent input:focus { border-color: #605e5c; box-shadow: 0 0 0 1px #605e5c; } body.skin-fluent .btn, body.skin-fluent .neu-theme .btn { border-radius: 6px; box-shadow: none !important; border: 1px solid transparent; } body.skin-fluent .btn-primary, body.skin-fluent .neu-theme .btn-primary { background: #0078d4; border-color: #0078d4; color: #ffffff; } body.skin-fluent .btn-primary:hover, body.skin-fluent .neu-theme .btn-primary:hover { background: #106ebe; border-color: #106ebe; } body.skin-fluent .btn-outline-primary { background: #f1f4f7; border-color: #8a8886; color: #323130; } body.skin-fluent .btn-outline-primary:hover { background: #f3f2f1; color: #201f1e; } body.skin-fluent .alert { border-radius: 8px; }