#wrapper{ background: #f8f9fe;}
.top_stats_wrapper, .panel, .panel-body, .panel_s{ border-radius: 8px; border: none; box-shadow:  0 0 1rem 0 rgba(136,152,170,.10) !important}
body{ background: #fff;}
.sidebar{ background: #fff;}
.sidebar li .nav-second-level li a{ color:#1e293b ; }
.sidebar li a {
  color: #1e293b;
  border-bottom: solid 1px #d4e2f9;
  border-radius: 20px; box-shadow:  0 0 1rem 0 rgba(136,152,170,.10) !important;
}


#wrapper {
    background: #f8f9fe; /* same as main content bg */
    border-top-left-radius: 8px !important;

}

/* ===== REMOVE SIDEBAR RIGHT BORDER / LINE ===== */

#menu,
#menu.sidebar {
    border-right: none !important;
    box-shadow: none !important;
}

/* In case border is applied via inner elements */
#menu * {
    border-right-color: transparent !important;
}



.sidebar .nav > li > a:focus, .sidebar .nav > li > a:hover, .sidebar li.active > a, .btn, .btn-group > .btn{
  border-radius: 20px;
}
#search_input{ border-radius: 20px;}
.sidebar li .nav-second-level li.active a{ background-color:#1e293b ;}
.sidebar li a.logo-text{ border: none; box-shadow: none;}
@media (min-width: 640px) {
  .sm\:tw-bg-neutral-900\/50 {
    background-color: rgba(15,23,42,1);
  }
}

/* User profile container */
#menu .sidebar-user-profile > a.dropdown-toggle.profile {
    background-color: #061840 !important;
    border-color: #061840 !important;
    border-radius: 14px !important;
    color: #ffffff !important;
    transition: all 0.25s ease;
}

/* Text inside */
#menu .sidebar-user-profile > a.dropdown-toggle.profile *,
#menu .sidebar-user-profile > a.dropdown-toggle.profile span {
    color: #ffffff !important;
}

/* Hover + focus */
#menu .sidebar-user-profile > a.dropdown-toggle.profile:hover,
#menu .sidebar-user-profile > a.dropdown-toggle.profile:focus {
    background-color: #f91e5a !important;
    border-color: #f91e5a !important;
}

/* Avatar */
#menu .sidebar-user-profile img {
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.5);
}

/* ===== WHITE BORDER FOR SIDEBAR USER PROFILE ===== */

#menu .sidebar-user-profile > a.dropdown-toggle.profile {
    border: 2px solid rgba(255, 255, 255, 0.9) !important;
}

/* Border on hover stays clean */
#menu .sidebar-user-profile > a.dropdown-toggle.profile:hover,
#menu .sidebar-user-profile > a.dropdown-toggle.profile:focus {
    border-color: #ffffff !important;
}



/* ===== SIDEBAR DROPDOWN FINAL FIX ===== */

/* Submenu normal state */
#menu .nav-second-level li a {
    background: transparent !important;
    color: #ffffff !important;
    opacity: 0.9;
    border-radius: 12px;
    transition: all 0.2s ease;
}

/* Hover state → WHITE background */
#menu .nav-second-level li a:hover {
    background-color: #ffffff !important;
    color: #061840 !important;
    opacity: 1;
}

/* Active item → PINK */
#menu .nav-second-level li.active > a {
    background-color: #f91e5a !important;
    color: #ffffff !important;
    opacity: 1;
}

/* Prevent parent active from affecting all children */
#menu .mm-active > .nav-second-level > li > a {
    background: transparent !important;
}

/* Keep active visible even on hover */
#menu .nav-second-level li.active > a:hover {
    background-color: #f91e5a !important;
    color: #ffffff !important;
}




/* ===== SKYRESOFT LOGIN PAGE BACKGROUND (FINAL FIX) ===== */

/* Force ONLY body to paint the screen */
html, body.login_admin {
    min-height: 100%;
    background: linear-gradient(135deg, #061840, #0b2a5a) !important;
}

/* Kill all intermediate backgrounds */
body.login_admin > *,
body.login_admin > *::before,
body.login_admin > *::after {
    background: transparent !important;
}


/* Login card */
body.login_admin .tw-bg-white {
    background: #ffffff !important;
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}

/* Button */
body.login_admin button {
    background-color: #f91e5a !important;
    border-radius: 10px;
}


/* ===== SKYRESOFT LOGIN LOGO SIZE FIX ===== */

/* Target login logo image */
body.login_admin .authentication-form-wrapper img,
body.login_admin .company-logo img,
body.login_admin img[alt*="logo"] {
    max-width: 280px !important;   /* adjust if needed */
    width: 100%;
    height: auto;
    margin: 0 auto 1px auto;
    display: block;
}

/* Reduce top spacing */
body.login_admin .authentication-form-wrapper {
    padding-top: 40px !important;
}

/* Welcome text above login box */
body.login_admin .authentication-form-wrapper > .tw-mb-5 {
    margin-bottom: 14px !important;
    position: relative !important;
}

body.login_admin .authentication-form-wrapper > .tw-mb-5 p {
    color: rgba(255,255,255,0.75) !important;
    font-size: 14px;
}

/* Hide LOGIN word here (we move it into box) */
body.login_admin .authentication-form-wrapper > .tw-mb-5 h1 {
    display: none !important;
}

/* Add Login heading inside the card */
body.login_admin .authentication-form-wrapper .tw-bg-white::before {
    content: "Login";
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    color: #061840;
    margin-bottom: 18px;
}

/* ===== FIX MODAL / POPUP UNDER SHADOW ISSUE ===== */

/* Modal itself */
.modal {
    z-index: 1055 !important;
}

/* Modal backdrop (dark overlay) */
.modal-backdrop {
    z-index: 1045 !important;
}

/* Some proposal pages use custom overlays */
body .signature-modal,
body .signature-modal .modal {
    z-index: 1060 !important;
}

/* Safety: ensure modal content is clickable */
.modal-dialog,
.modal-content {
    position: relative;
    z-index: 1065 !important;
}