/* 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. */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

.carousel-inner {
    width: 100%; /* Ensure full viewport width */
}

    .carousel-inner img {
        width: 100%; /* Ensures the image stretches full width */
        object-fit: scale-down; /* Crops images proportionally instead of stretching */
    }





/* Hover overlay - initially hidden */
.hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* Transparent initially */
    transition: background 0.3s ease-in-out;
    pointer-events: none; /* Ensure it doesn't block clicks */
}

    /* Active hover effect */
    .hover-overlay.active {
        background: rgba(0, 0, 0, 0.1); /* Light dark tint */
    }






.table-dark th {
    background-color: #6c757d;
    color: #fff;
}

table tr td:first-child {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table tr td:nth-child(2) {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.page-fixed-header {
    border-color: red;
    border-style: solid;
    border-width: 3px;
    background-color: white;
    position: fixed;
    z-index: 9000;
}

.page-detail {
    position: relative;
    margin-top: 300px;
}

.table-fix-head {
    overflow-y: auto;
    height: 150px;
}

    .table-fix-head thead tr th {
        position: sticky;
        top: 0;
        background-color: white;
    }

a.disabled {
    cursor: not-allowed;
    color: lightgray;
}

.benefit-cell {
    cursor: pointer;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

.search-box {
    min-width: 500px !important
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

.prn-about-left-col {
    text-align: justify;
    font-size: 16px;
}

.prn-about-right-col {
    text-align: justify;
    font-size: 16px;
}

.text-bold {
    font-weight: bold;
}

.carousel-caption {
    color: #f0f0f0;
}

.home-quote {
    color: #555555;
    font-size: 1.5em;
    font-weight: bold;
}

.jumbotron {
    padding: 2em;
    background-color: #eee;
    border-radius: 10px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

@media (max-width: 1300px) {

    /*vvvvv PROBLEMATIC CODE CLOSES THE MENU IN PHONE SIZE*/

    /*
    .navbar-collapse.collapse {
        display: none !important;
    }*/
    /*^^^^^ PROBLEMATIC CODE CLOSES THE MENU IN PHONE SIZE*/
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .navbar-header .collapse, .navbar-toggle {
        display: block !important;
    }

    .navbar-header {
        float: none;
    }
}