html > body {
background-color: #f2f4f7!important;
}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation {
background-color: #dcdee0!important;
}
.navbar.lw-sidebar-container {
background-color: #ffffff!important;
}
.navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link[data-toggle=collapse]:after,
.navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link,
.navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link .fa {
color: #212528!important;
}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .user-bar {
background-color: #053f9d!important;
}
.card.lw-whatsapp-chat-block-container .nav-tabs {
border-color: #0861f2 !important;
}
.lw-page-title,a {
color: #0861f2;
}
.lw-page-title:hover,a:hover {
color: #064dc1;
}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose .send .circle {
background-color: #0861f2;
border-color: #0757d9;
}
.mdtoast.mdt--primary
,.lw-minimized-menu .navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before,
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm, .dropdown-item.active, .dropdown-item:active
,.main-content .navbar-top
{
background-color: #0861f2;
border-color: #0757d9;
color: #ffffff;
}
.mdtoast.mdt--secondary
{
background-color: #6c757d;
border-color: #616970;
color: #ffffff;
}
.mdtoast.mdt--success
{
background-color: #28a745;
border-color: #24963e;
color: #ffffff;
}
.mdtoast.mdt--danger
{
background-color: #ff1928;
border-color: #e51624;
color: #ffffff;
}
.mdtoast.mdt--warning
{
background-color: #ffc107;
border-color: #e5ad06;
color: #ffffff;
}
.mdtoast.mdt--info
{
background-color: #17a2b8;
border-color: #1491a5;
color: #ffffff;
}
.mdtoast.mdt--light
{
background-color: #adb5bd;
border-color: #9ba2aa;
color: #ffffff;
}
.mdtoast.mdt--dark
{
background-color: #212528;
border-color: #1d2124;
color: #ffffff;
}
.mdtoast.mdt--muted
{
background-color: #8898aa;
border-color: #7a8899;
color: #ffffff;
}
.bg-primary { background-color: #0861f2 !important; }
.text-primary { color: #0861f2 !important; }
.btn.btn-primary { background-color: #0861f2 !important; border-color: #0861f2 !important; color:
#fff !important; }
.btn.btn-primary:hover { background-color: #0757d9 !important;
border-color: #0757d9 !important; }
.btn.btn-outline-primary { color: #0861f2 !important; border-color: #0861f2 !important; }
.btn.btn-outline-primary:hover { background-color: #0861f2 !important; color: #fff !important; }
.alert.alert-primary { background-color: #0861f2 !important; border-color: #075ce5 !important; color: #fff !important; }
.badge.badge-primary { background-color: #0861f2 !important; color: #fff !important; }
.card.card-primary { background-color: #0861f2 !important; border-color: #075ce5 !important; color: #fff !important; }
.list-group-item.list-group-item-primary { background-color: #0861f2 !important; border-color: #075ce5 !important; color: #fff !important; }
.table.table-primary { background-color: #0861f2 !important; color: #fff !important; }
.border.border-primary { border-color: #0861f2 !important; }
.bg-secondary { background-color: #6c757d !important; }
.text-secondary { color: #6c757d !important; }
.btn.btn-secondary { background-color: #6c757d !important; border-color: #6c757d !important; color:
#fff !important; }
.btn.btn-secondary:hover { background-color: #616970 !important;
border-color: #616970 !important; }
.btn.btn-outline-secondary { color: #6c757d !important; border-color: #6c757d !important; }
.btn.btn-outline-secondary:hover { background-color: #6c757d !important; color: #fff !important; }
.alert.alert-secondary { background-color: #6c757d !important; border-color: #666f76 !important; color: #fff !important; }
.badge.badge-secondary { background-color: #6c757d !important; color: #fff !important; }
.card.card-secondary { background-color: #6c757d !important; border-color: #666f76 !important; color: #fff !important; }
.list-group-item.list-group-item-secondary { background-color: #6c757d !important; border-color: #666f76 !important; color: #fff !important; }
.table.table-secondary { background-color: #6c757d !important; color: #fff !important; }
.border.border-secondary { border-color: #6c757d !important; }
.bg-success { background-color: #28a745 !important; }
.text-success { color: #28a745 !important; }
.btn.btn-success { background-color: #28a745 !important; border-color: #28a745 !important; color:
#fff !important; }
.btn.btn-success:hover { background-color: #24963e !important;
border-color: #24963e !important; }
.btn.btn-outline-success { color: #28a745 !important; border-color: #28a745 !important; }
.btn.btn-outline-success:hover { background-color: #28a745 !important; color: #fff !important; }
.alert.alert-success { background-color: #28a745 !important; border-color: #269e41 !important; color: #fff !important; }
.badge.badge-success { background-color: #28a745 !important; color: #fff !important; }
.card.card-success { background-color: #28a745 !important; border-color: #269e41 !important; color: #fff !important; }
.list-group-item.list-group-item-success { background-color: #28a745 !important; border-color: #269e41 !important; color: #fff !important; }
.table.table-success { background-color: #28a745 !important; color: #fff !important; }
.border.border-success { border-color: #28a745 !important; }
.bg-danger { background-color: #ff1928 !important; }
.text-danger { color: #ff1928 !important; }
.btn.btn-danger { background-color: #ff1928 !important; border-color: #ff1928 !important; color:
#fff !important; }
.btn.btn-danger:hover { background-color: #e51624 !important;
border-color: #e51624 !important; }
.btn.btn-outline-danger { color: #ff1928 !important; border-color: #ff1928 !important; }
.btn.btn-outline-danger:hover { background-color: #ff1928 !important; color: #fff !important; }
.alert.alert-danger { background-color: #ff1928 !important; border-color: #f21726 !important; color: #fff !important; }
.badge.badge-danger { background-color: #ff1928 !important; color: #fff !important; }
.card.card-danger { background-color: #ff1928 !important; border-color: #f21726 !important; color: #fff !important; }
.list-group-item.list-group-item-danger { background-color: #ff1928 !important; border-color: #f21726 !important; color: #fff !important; }
.table.table-danger { background-color: #ff1928 !important; color: #fff !important; }
.border.border-danger { border-color: #ff1928 !important; }
.bg-warning { background-color: #ffc107 !important; }
.text-warning { color: #ffc107 !important; }
.btn.btn-warning { background-color: #ffc107 !important; border-color: #ffc107 !important; color:
#fff !important; }
.btn.btn-warning:hover { background-color: #e5ad06 !important;
border-color: #e5ad06 !important; }
.btn.btn-outline-warning { color: #ffc107 !important; border-color: #ffc107 !important; }
.btn.btn-outline-warning:hover { background-color: #ffc107 !important; color: #fff !important; }
.alert.alert-warning { background-color: #ffc107 !important; border-color: #f2b706 !important; color: #fff !important; }
.badge.badge-warning { background-color: #ffc107 !important; color: #fff !important; }
.card.card-warning { background-color: #ffc107 !important; border-color: #f2b706 !important; color: #fff !important; }
.list-group-item.list-group-item-warning { background-color: #ffc107 !important; border-color: #f2b706 !important; color: #fff !important; }
.table.table-warning { background-color: #ffc107 !important; color: #fff !important; }
.border.border-warning { border-color: #ffc107 !important; }
.bg-info { background-color: #17a2b8 !important; }
.text-info { color: #17a2b8 !important; }
.btn.btn-info { background-color: #17a2b8 !important; border-color: #17a2b8 !important; color:
#fff !important; }
.btn.btn-info:hover { background-color: #1491a5 !important;
border-color: #1491a5 !important; }
.btn.btn-outline-info { color: #17a2b8 !important; border-color: #17a2b8 !important; }
.btn.btn-outline-info:hover { background-color: #17a2b8 !important; color: #fff !important; }
.alert.alert-info { background-color: #17a2b8 !important; border-color: #1599ae !important; color: #fff !important; }
.badge.badge-info { background-color: #17a2b8 !important; color: #fff !important; }
.card.card-info { background-color: #17a2b8 !important; border-color: #1599ae !important; color: #fff !important; }
.list-group-item.list-group-item-info { background-color: #17a2b8 !important; border-color: #1599ae !important; color: #fff !important; }
.table.table-info { background-color: #17a2b8 !important; color: #fff !important; }
.border.border-info { border-color: #17a2b8 !important; }
.bg-light { background-color: #adb5bd !important; }
.text-light { color: #adb5bd !important; }
.btn.btn-light { background-color: #adb5bd !important; border-color: #adb5bd !important; color:
#fff !important; }
.btn.btn-light:hover { background-color: #9ba2aa !important;
border-color: #9ba2aa !important; }
.btn.btn-outline-light { color: #adb5bd !important; border-color: #adb5bd !important; }
.btn.btn-outline-light:hover { background-color: #adb5bd !important; color: #fff !important; }
.alert.alert-light { background-color: #adb5bd !important; border-color: #a4abb3 !important; color: #fff !important; }
.badge.badge-light { background-color: #adb5bd !important; color: #fff !important; }
.card.card-light { background-color: #adb5bd !important; border-color: #a4abb3 !important; color: #fff !important; }
.list-group-item.list-group-item-light { background-color: #adb5bd !important; border-color: #a4abb3 !important; color: #fff !important; }
.table.table-light { background-color: #adb5bd !important; color: #fff !important; }
.border.border-light { border-color: #adb5bd !important; }
.bg-dark { background-color: #212528 !important; }
.text-dark { color: #212528 !important; }
.btn.btn-dark { background-color: #212528 !important; border-color: #212528 !important; color:
#fff !important; }
.btn.btn-dark:hover { background-color: #1d2124 !important;
border-color: #1d2124 !important; }
.btn.btn-outline-dark { color: #212528 !important; border-color: #212528 !important; }
.btn.btn-outline-dark:hover { background-color: #212528 !important; color: #fff !important; }
.alert.alert-dark { background-color: #212528 !important; border-color: #1f2326 !important; color: #fff !important; }
.badge.badge-dark { background-color: #212528 !important; color: #fff !important; }
.card.card-dark { background-color: #212528 !important; border-color: #1f2326 !important; color: #fff !important; }
.list-group-item.list-group-item-dark { background-color: #212528 !important; border-color: #1f2326 !important; color: #fff !important; }
.table.table-dark { background-color: #212528 !important; color: #fff !important; }
.border.border-dark { border-color: #212528 !important; }
.bg-muted { background-color: #8898aa !important; }
.text-muted { color: #8898aa !important; }
.btn.btn-muted { background-color: #8898aa !important; border-color: #8898aa !important; color:
#fff !important; }
.btn.btn-muted:hover { background-color: #7a8899 !important;
border-color: #7a8899 !important; }
.btn.btn-outline-muted { color: #8898aa !important; border-color: #8898aa !important; }
.btn.btn-outline-muted:hover { background-color: #8898aa !important; color: #fff !important; }
.alert.alert-muted { background-color: #8898aa !important; border-color: #8190a1 !important; color: #fff !important; }
.badge.badge-muted { background-color: #8898aa !important; color: #fff !important; }
.card.card-muted { background-color: #8898aa !important; border-color: #8190a1 !important; color: #fff !important; }
.list-group-item.list-group-item-muted { background-color: #8898aa !important; border-color: #8190a1 !important; color: #fff !important; }
.table.table-muted { background-color: #8898aa !important; color: #fff !important; }
.border.border-muted { border-color: #8898aa !important; }

html > body {
    background: #f2f4f7!important;
}
/* ============================================================
   LunarDMS — Global Lunar Theme (auth & public pages)
   Safe add-on. Targets login/register/guest pages only,
   does not alter dashboard layout/functionality.
   ============================================================ */
.lw-guest-page {
    --ld-navy-900:#050816; --ld-blue:#1771E6; --ld-bb:#2f8dff;
    --ld-bl:#55BFF0; --ld-silver:#e8eefc; --ld-muted:#9bb0d3;
    --ld-card:rgba(255,255,255,.05); --ld-cb:rgba(85,191,240,.16);
}
.lw-guest-page {
    background:
        radial-gradient(900px 600px at 12% -5%, rgba(23,113,230,.20), transparent 60%),
        radial-gradient(800px 700px at 100% 8%, rgba(85,191,240,.12), transparent 55%),
        radial-gradient(700px 700px at 85% 100%, rgba(10,75,191,.16), transparent 60%),
        linear-gradient(180deg,#050816,#070b1c 45%,#050816) !important;
    color: var(--ld-silver) !important;
    min-height: 100vh;
    position: relative;
}
.lw-guest-page::before {
    content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
    background-image:
        radial-gradient(1px 1px at 20px 30px,#fff,transparent),
        radial-gradient(1.5px 1.5px at 200px 160px,#fff,transparent),
        radial-gradient(1px 1px at 320px 60px,#bcd6ff,transparent),
        radial-gradient(1px 1px at 80px 120px,#fff,transparent);
    background-size:340px 340px; opacity:.5;
    animation: ldTwinkle 5s ease-in-out infinite;
}
@keyframes ldTwinkle { 0%,100%{opacity:.4} 50%{opacity:.75} }
.lw-guest-page .main-content,
.lw-guest-page .container { position:relative; z-index:1; }

/* Cards / forms on auth pages */
.lw-guest-page .card {
    background: var(--ld-card) !important;
    border: 1px solid var(--ld-cb) !important;
    backdrop-filter: blur(12px);
    box-shadow: 0 20px 60px rgba(5,12,35,.5) !important;
    border-radius: 18px !important;
    color: var(--ld-silver) !important;
}
.lw-guest-page .card-header { background: transparent !important; border-color: var(--ld-cb) !important; }
.lw-guest-page h1,.lw-guest-page h2,.lw-guest-page h3,
.lw-guest-page h4,.lw-guest-page h5,.lw-guest-page label,
.lw-guest-page .lead { color: var(--ld-silver) !important; }
.lw-guest-page p,.lw-guest-page small,.lw-guest-page .text-muted { color: var(--ld-muted) !important; }

/* Inputs */
.lw-guest-page .form-control,
.lw-guest-page input,
.lw-guest-page textarea,
.lw-guest-page select {
    background: rgba(255,255,255,.06) !important;
    border: 1px solid var(--ld-cb) !important;
    color: var(--ld-silver) !important;
}
.lw-guest-page .form-control::placeholder { color: #7e93b8 !important; }
.lw-guest-page .form-control:focus {
    border-color: var(--ld-bb) !important;
    box-shadow: 0 0 0 .2rem rgba(47,141,255,.25) !important;
    background: rgba(255,255,255,.08) !important;
}

/* Primary buttons -> lunar gradient */
.lw-guest-page .btn-primary,
.lw-guest-page .btn-success,
.lw-guest-page button[type=submit] {
    background: linear-gradient(135deg,#2f8dff,#1771E6 55%,#0a4bbf) !important;
    border: none !important; color:#fff !important;
    border-radius: 50px !important; font-weight:600 !important;
    box-shadow: 0 10px 30px rgba(23,113,230,.4) !important;
    transition: all .25s ease !important;
}
.lw-guest-page .btn-primary:hover,
.lw-guest-page .btn-success:hover,
.lw-guest-page button[type=submit]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 44px rgba(47,141,255,.55) !important;
}
.lw-guest-page a { color: var(--ld-bl) !important; }
.lw-guest-page a:hover { color: var(--ld-bb) !important; }