/* Asset Tracking - Site Styles
   Migrated from Web Forms Content/Site.css
   Web Forms-specific styles (ASPxNavBar overrides, DevExpress Moderno theme) removed.
   Blazor layout and DevExpress Blazor theme handle those concerns now. */

/* Map container */
#myMap {
    width: 100%;
    min-width: 290px;
}

@media (min-width: 600px) {
    #myMap {
        height: 500px;
    }
}

@media (max-width: 599px) {
    #myMap {
        height: 250px;
    }
}

/* SVG marker overflow fix for Azure Maps */
.marker-collection-container svg {
    overflow: visible;
}

/* Tab styling (Bootstrap 5 tabs with brand accent) */
.BSTabPageBox {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-radius: 2px;
    margin: -1px;
}

.BSTabPageBox .form-group {
    margin-bottom: 5px;
    color: #666666;
}

.BSTabActive .nav-link.active {
    color: #FFFFFF !important;
    background-color: #0072C6 !important;
    margin-left: 1px;
    margin-right: 1px;
    font-weight: 500;
}

.BSTabInactive .nav-link {
    color: #666666 !important;
    background-color: rgb(224, 224, 224) !important;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
}

.BSTabContent .nav.nav-tabs {
    border-bottom: 4px solid #0072C6;
    margin: 0px 0px 0px 10px;
}

.BSTabContent .nav.nav-tabs .nav-link {
    border: none;
}

/* Utility */
.centerText {
    text-align: center;
}

body {
    overflow-x: hidden;
}

/* Sidebar nav link styling */
.nav-link {
    color: #333;
    padding: 8px 12px;
    border-radius: 4px;
    margin-bottom: 2px;
}

.nav-link:hover {
    background-color: #e9ecef;
    color: #0072C6;
}

.nav-link.active {
    background-color: #0072C6;
    color: #fff !important;
}

.nav-link i {
    width: 20px;
    text-align: center;
    margin-right: 8px;
}

/* Brand accent color */
.navbar-brand {
    font-size: 1.4rem !important;
}

.navbar-brand i {
    color: #0072C6;
}