/* =========================
   CETEC Professional Theme
   Works with Bootstrap 3
   ========================= */

/* Base */
html, body {
    height: 100%;
}

body {
    background: #f6f8fb; /* light professional background */
    color: #1f2a37;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 13px;
}

/* Topbar (your .topbar sticky area) */
.topbar.sticky {
    background: linear-gradient(90deg, #0ea5a4, #0f766e);
    padding: 10px 18px;
    box-shadow: 0 2px 10px rgba(16, 24, 40, 0.10);
}

#lcomp_name {
    margin: 0 !important;
    line-height: 1.2;
}

    #lcomp_name a.logo {
        color: #fff !important;
        font-weight: 700;
        letter-spacing: 0.2px;
        text-decoration: none;
    }

        #lcomp_name a.logo:hover {
            opacity: 0.95;
        }

/* Navbar */
.navbaredt.navbar {
    border: 0;
    border-radius: 0;
    background: #ffffff !important;
    box-shadow: 0 1px 10px rgba(16, 24, 40, 0.08);
}

/* tighten navbar spacing */
.navbar-nav > li > a {
    padding: 14px 14px;
    font-weight: 600;
    color: #334155 !important;
}

    .navbar-nav > li > a:hover,
    .navbar-nav > li.open > a {
        background: #f1f5f9 !important;
        color: #0f766e !important;
    }

/* Right user area */
.navbar-nav.navbar-right {
    padding: 0 !important; /* your inline padding:20px looks too big */
    margin-right: 10px;
}

    .navbar-nav.navbar-right a.fa-user {
        display: inline-block;
        padding: 14px 10px;
        color: #0f766e !important;
        font-weight: 700;
        text-decoration: none;
    }

        .navbar-nav.navbar-right a.fa-user:hover {
            background: #f1f5f9;
            border-radius: 8px;
        }

/* Dropdown menu (mega-menu style) */
.dropdown-menu.mega-menu {
    border: 0;
    border-radius: 12px;
    padding: 10px 10px;
    box-shadow: 0 16px 40px rgba(2, 6, 23, 0.18);
    margin-top: 8px;
}

    .dropdown-menu.mega-menu ul {
        list-style: none;
        padding-left: 0;
        margin: 0;
    }

    .dropdown-menu.mega-menu li a {
        display: block;
        padding: 9px 12px;
        border-radius: 10px;
        color: #334155 !important;
        font-weight: 600;
    }

        .dropdown-menu.mega-menu li a:hover {
            background: #ecfeff;
            color: #0f766e !important;
        }

/* Main content area look */
#ContentPlaceHolder1 {
    display: block;
    padding: 18px 18px 70px 18px; /* space for footer */
}

/* Give a card look to common containers (safe generic) */
.panel, .well, .box, .card, .content-panel {
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 25px rgba(16, 24, 40, 0.08);
}

/* Make tables look clean */
.table {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
}

    .table > thead > tr > th {
        background: #f1f5f9;
        border-bottom: 1px solid #e5e7eb;
        color: #334155;
        font-weight: 700;
    }

    .table > tbody > tr > td {
        border-top: 1px solid #eef2f7;
    }

/* Buttons: unify colors */
.btn {
    border-radius: 10px !important;
    font-weight: 700;
}

.btn-primary, .btn-info {
    background: #0f766e !important;
    border-color: #0f766e !important;
}

    .btn-primary:hover, .btn-info:hover {
        background: #115e59 !important;
        border-color: #115e59 !important;
    }

/* Input controls */
.form-control {
    border-radius: 10px;
    border: 1px solid #d3d6de;
    box-shadow: none;
}

    .form-control:focus {
        border-color: #0f766e;
        box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
    }

/* Footer */
.page-footer.navbar-fixed-bottom {
    background: #0f172a;
    color: #cbd5e1;
    padding: 8px 14px;
    font-size: 12px;
    border-top: 0;
}

    .page-footer.navbar-fixed-bottom label {
        margin: 0;
        font-weight: 600;
    }

/* Make big empty spaces look nicer on wide screens */
@media (min-width: 1200px) {
    #ContentPlaceHolder1 {
        max-width: 1300px;
        margin: 0 auto;
    }
}