/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */



.btn-primary {
    color: #fff;
    background-color: #B2575B;
    border-color: #B2575B;
}

.btn-outline-primary {
    color: black;
    border-color: #B2575B;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.profile_nav-link {
    color: #fff;
    background-color: #B2575B;
    border-color: #B2575B;
}

.profile_nav-item {
    color: #fff;
    background-color: #B2575B;
    border-color: #B2575B;
}


@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}


.footer {
    position: static;
    width: 100%;
    line-height: 60px;
    text-align:center;
    background-color: #F7F8FA;
    color: black;
    font-size: 10px;
}


/* ===== App Header ===== */


.app-navbar {
    background: linear-gradient( 90deg, #070c2a 0%, #0b1548 45%, #111b5a 100% ) !important;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}


/* Logo */
.app-logo {
    height: 50px; /* standard menu height */
    max-height: 50px;
    width: auto;
    margin-left:100px;
}


.app-navbar .nav-link:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* User / login area */
.app-navbar .navbar-text,
.app-navbar a {
    color: #ffffff !important;
}

/* Remove default border */
.app-header {
    border-bottom: none;
}


/* Force navbar text to white */
.app-navbar,
.app-navbar a,
.app-navbar .navbar-text {
    color: #ffffff !important;
}

/* Override Bootstrap muted nav color */
.app-navbar .nav-link {
    color: #ffffff !important;
}

.app-navbar .nav-link:hover {
    color: #ffffff;
    text-decoration: underline;
}


/* ===== Page Header ===== */
/* Base color for page header; search-hero gradient uses the same (--page-header-rgb for rgba) */
.page-header {
    background-color: var(--page-header-color);
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .page-header h2 {
        margin: 0;
        font-weight: 600;
    }

/* ===== Form controls: match Kendo dropdown height to Bootstrap textboxes ===== */
:root {
    --mission-bs-input-height: calc(1.5em + 0.75rem + 2px); /* Bootstrap 5 .form-control default */
    --mission-bs-input-padding-y: 0.375rem;
    --mission-bs-input-padding-x: 0.75rem;
    /* Page header / hero search shared color (RGB for use in rgba gradients) */
    --page-header-color: #1A3467;
    --page-header-rgb: 26, 52, 103;
}

/* Kendo (new rendering / default-main) */
form .k-dropdownlist,
form .k-combobox,
form .k-datepicker,
form .k-timepicker,
form .k-datetimepicker,
form .k-numerictextbox {
    height: var(--mission-bs-input-height);
}

/* MultiSelect can grow (tags), but should match textbox height at rest */
form .k-multiselect {
    min-height: var(--mission-bs-input-height);
}

form .k-dropdownlist .k-input-inner,
form .k-combobox .k-input-inner,
form .k-datepicker .k-input-inner,
form .k-timepicker .k-input-inner,
form .k-datetimepicker .k-input-inner,
form .k-numerictextbox .k-input-inner,
form .k-multiselect .k-input-inner {
    padding: var(--mission-bs-input-padding-y) var(--mission-bs-input-padding-x);
    line-height: 1.5;
}

form .k-dropdownlist .k-button,
form .k-combobox .k-button,
form .k-datepicker .k-button,
form .k-timepicker .k-button,
form .k-datetimepicker .k-button,
form .k-numerictextbox .k-button {
    height: 100%;
}

/* Kendo (legacy rendering / older wrappers) */
form .k-dropdown .k-dropdown-wrap,
form .k-combobox .k-dropdown-wrap,
form .k-datepicker .k-picker-wrap,
form .k-timepicker .k-picker-wrap,
form .k-datetimepicker .k-picker-wrap,
form .k-numerictextbox .k-numeric-wrap,
form .k-multiselect .k-multiselect-wrap {
    min-height: var(--mission-bs-input-height);
}

form .k-dropdown .k-input,
form .k-combobox .k-input,
form .k-datepicker .k-input,
form .k-timepicker .k-input,
form .k-datetimepicker .k-input,
form .k-numerictextbox .k-input,
form .k-multiselect .k-input {
    padding: var(--mission-bs-input-padding-y) var(--mission-bs-input-padding-x);
    line-height: 1.5;
}



/* Accordion header styling  */
.incident-accordion-btn,
.incident-accordion-btn:not(.collapsed) {
    background-color: ghostwhite;
    color: #000;
    border: 1px solid gainsboro;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: gainsboro;
}

/* Reduce default Bootstrap padding a bit (optional) */
.accordion-button {
    padding: 0.75rem 1rem;
}

.accordion-body {
    background: #fff;
}


.search-hero input {
    height: 60px;
    font-size: 1.1rem;
}

.search-hero {
    /* Gradient based on page header color (--page-header-color / --page-header-rgb) */
    background: linear-gradient( 180deg, rgba(var(--page-header-rgb), 0.95) 0%, rgba(var(--page-header-rgb), 0.88) 55%, rgba(var(--page-header-rgb), 0.82) 100% );
    border: none;
    color: #fff;
}

.search-hero h3 {
    color: #fff;
}

.search-hero .text-muted {
    color: rgba(255, 255, 255, 0.92) !important;
}

.search-hero .input-group-text i {
    color: #0b1548;
}

/* Reusable gradient header (same as page header / search-hero) */
.media-gradient-header {
    background: linear-gradient( 180deg, rgba(var(--page-header-rgb), 0.95) 0%, rgba(var(--page-header-rgb), 0.88) 55%, rgba(var(--page-header-rgb), 0.82) 100% );
    color: #fff;
    border-bottom: 0;
    font-weight: 600;
}

/* Reusable rose header (matches app primary button color) */
.media-rose-header {
    background-color: #B2575B;
    color: #fff;
    border-bottom: 0;
    font-weight: 600;
}

.media-list-thumb {
    width: 44px;
    height: 32px;
    object-fit: cover;
    border-radius: 0.25rem;
    flex: 0 0 auto;
    display: block;
}

.video-thumb {
    background: #e9ecef;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    font-size: 0.9rem;
}

/* If/when we place <img> inside .video-thumb, constrain it */
.video-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

    .video-thumb.small {
        height: 90px;
        font-size: 0.8rem;
    }

.chat-body {
    height: 220px;
    overflow-y: auto;
    background: #fff;
    border: 1px dashed #dee2e6;
}

/* ===== Media Library ===== */
.media-library-user-dashboard {
    background-color: whitesmoke;
    min-height: 100vh; /* ensure background extends below cards */
}