/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    margin-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .body-content {
        padding: 0;
    }
}

.centered-toast {
    width: 60% !important; /* Force width to 60% */
    max-height: 60vh; /* limit the maximum height to 60% of viewport */
    position: fixed !important; /* Fixed position */
    left: 50% !important; /* Center horizontally */
    top: 50% !important; /* Center vertically */
    transform: translate(-50%, -50%); /* Shift to ensure it's perfectly centered */
    overflow-y: auto; /* Enable vertical scrolling when necessary */
    box-sizing: border-box; /* Include padding and border in element's total width and height */
    z-index: 999999; /* Ensure the toast is above all other elements */
    padding: 0px; /* Provide some spacing inside the toast */
    border-radius: 5px; /* Round the corners */
}

    .centered-toast > div {
        width: 100% !important; /* Force width to 100% */
        height: auto !important; /* Allow height to adjust based on content */
        box-sizing: border-box; /* Include padding and border in element's total width and height */
        word-wrap: break-word;
    }


.small-button {
    padding: 2px 5px !important; /* Adjust as needed */
    font-size: 0.8em; /* Adjust as needed */
}

.modal-body {
    max-height: calc(85vh - 120px); /* Adjust this value depending on the size of your modal header and footer */
    overflow-y: auto;
}

.vehicle-table {
    font-size: 0.75em !important; /* Adjust size as needed */
}

.custom-autocomplete {
    z-index: 2000 !important; /* set z-index higher than modal's */
    background: white; /* Add a background color */
    max-width: 250px; /* Set a maximum width */
    max-height: 200px; /* Limit the height */
    overflow-y: auto; /* Add a scrollbar if necessary */
    border: 1px solid #aaa; /* Add a border */
    font-size: 1em; /* Adjust font size */
    line-height: 1.5em; /* Adjust line height */
    margin: 0; /* Reset margin */
    padding: 0.5em 0; /* Add some padding */
}

    .custom-autocomplete > li > div {
        padding: 0.5em 1em; /* Add padding to each item */
    }

.ui-helper-hidden-accessible {
    display: none !important;
}