@import url("https://fonts.googleapis.com/css?family=Noto+Sans+Thai");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined");
@import url("/admin/js/map/leaflet.css");
@import url("/admin/js/map/leaflet.draw.css");
@import url("https://code.jquery.com/ui/1.14.1/themes/base/jquery-ui.css");
@import url("/app/template/assets/cesium/Widgets/widgets.css");
@import url("/admin/js/map/select2.min.css");
@import url("/admin/js/map/select2-tailwindcss-theme-plain.min.css");

body {
    font-family: 'Noto Sans Thai', sans-serif;
    line-height: 1;
}

.cesium-credit-lightbox-overlay {
    z-index: 2 !important;
}

.cesium-widget-credits .cesium-credit-textContainer {
    display: none !important;
}

#menu-second-panel-6 .select2-selection.select2-selection--single.select2-selection--clearable {
    background-color: white;
    height: 36px;
}

.select2-container--default .select2-selection--single {
    height: 28px;
    border-radius: 20px;
    border: 1px solid #d1d5db;
    background-color: #d1d5db;
    /* padding: 0.25rem 0.5rem; */
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2rem;
    font-size: 0.875rem;
    border-radius: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.5rem;
    border-radius: 20px;
}

.select2-dropdown {
    border-radius: 20px;
    border-color: #e5e7eb;
}

#navigation-widget {
    position: absolute;
    bottom: 130px;
    right: 20px;
    width: 80px;
    height: 80px;
    user-select: none;
    z-index: 1000;
}

#compass-ring {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(25, 25, 25, 0.8);
    border: 2px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: grab;
    transition: border-color 0.3s;
}

#compass-ring:active { cursor: grabbing; border-color: #3498db; }

#north-mark {
    color: #ff4757;
    font-weight: bold;
    font-family: sans-serif;
    font-size: 16px;
    margin-top: -10px;
}

#pitch-indicator {
    color: #fff;
    font-family: monospace;
    font-size: 11px;
    background: rgba(0,0,0,0.5);
    padding: 2px 5px;
    border-radius: 4px;
    margin-top: 5px;
}

#ds-data-table th, 
#ds-data-table td {
    white-space: nowrap !important;
    padding: 8px 12px !important; /* เพิ่มช่องว่างให้นิดนึงเพื่อให้ดูไม่อึดอัด */
    text-overflow: ellipsis; /* ถ้าข้อความยาวเกินไปจริงๆ ให้ขึ้น ... (Optional) */
}
/* แต่ง DataTable ภายใน */
#ds-data-table {
    border-collapse: separate !important;
    border-spacing: 0 5px !important;
}

#ds-data-table tbody tr {
    background-color: rgba(30, 41, 59, 0.5) !important; /* Slate 800 */
    transition: all 0.2s;
}

#ds-data-table tbody tr:hover {
    background-color: rgba(56, 189, 248, 0.2) !important; /* Sky 400 with opacity */
    transform: scale(1.002);
}