/* Custom Theme Colors */
body,
.wrapper,
.content-wrapper {
    background-color: #f8fcfc !important;
}

/* Header */
.skin-yellow-light .main-header .navbar {
    background-color: #59ceab !important;
}

.skin-yellow-light .main-header .navbar .nav>li>a {
    color: #ffffff !important;
}

.skin-yellow-light .main-header .navbar .nav>li>a:hover,
.skin-yellow-light .main-header .navbar .nav>li>a:active,
.skin-yellow-light .main-header .navbar .nav>li>a:focus,
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #4ab0b6 !important;
    color: #ffffff !important;
}

.skin-yellow-light .main-header .logo {
    background-color: #4ab0b6 !important;
    color: #ffffff !important;
}

.skin-yellow-light .main-header .logo:hover {
    background-color: #59ceab !important;
}

/* Sidebar */
.skin-yellow-light .main-sidebar,
.skin-yellow-light .left-side {
    background-color: #3037a7 !important;
}

.skin-yellow-light .sidebar-menu>li.header {
    background-color: #262c86 !important;
    color: #c8e4eb !important;
}

.skin-yellow-light .sidebar-menu>li>a {
    color: #c8e4eb !important;
}

.skin-yellow-light .sidebar-menu>li:hover>a,
.skin-yellow-light .sidebar-menu>li.active>a,
.skin-yellow-light .sidebar-menu>li.menu-open>a {
    color: #ffffff !important;
    background: #4ab0b6 !important;
}

/* Sub-menu (Treeview) */
.skin-yellow-light .sidebar-menu .treeview-menu {
    background-color: #262c86 !important;
}

.skin-yellow-light .sidebar-menu .treeview-menu>li>a {
    color: #c8e4eb !important;
}

.skin-yellow-light .sidebar-menu .treeview-menu>li>a:hover,
.skin-yellow-light .sidebar-menu .treeview-menu>li.active>a {
    color: #ffffff !important;
    background: transparent !important;
}

/* Primary Buttons */
.btn-primary {
    background-color: #59ceab !important;
    border-color: #4ab0b6 !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover {
    background-color: #4ab0b6 !important;
}

/* Modern UI Enhancements (Soft UI) */

/* Forms & Inputs */
.form-control {
    border-radius: 8px !important;
    border: 1px solid #d2d6de;
    box-shadow: none;
    transition: all 0.3s ease;
    padding: 6px 12px;
}

.form-control:focus {
    border-color: #59ceab !important;
    box-shadow: 0 0 5px rgba(89, 206, 171, 0.4) !important;
}

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

/* Boxes & Cards */
.box, .modal-content {
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    border-top: none !important;
}

.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

/* Info Boxes and Dashboards */
.info-box, .small-box {
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden;
}

/* Login Page */
.login-box-body {
    border-radius: 12px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

/* SweetAlert2 Enhancements */
.swal-btn-spacing {
    margin-right: 15px !important;
}

.swal-transparent {
    backdrop-filter: blur(10px);
}