/* Custom styles for Dr. Zeeshan Patient Portal */ 

img{max-width: 100%;}

.login-card {
    max-width: 400px;
    margin: 50px auto;
    border: none;
    border-radius: 16px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    background: #f8f9fa;
}
.login-card .card-header {
    background: #0d6efd; /* Bootstrap primary blue */
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 1rem 1.5rem;
}
.login-card .card-body {
    padding: 2rem;
}
.login-card .form-label {
    color: #212529;
    font-weight: 500;
}
.login-card .form-control {
    border-radius: 8px;
}
.login-card .btn-primary {
    background-color: #0d6efd;
    border-color: #0d6efd;
    border-radius: 8px;
    font-weight: 600;
}
.login-card .btn-primary:hover {
    background-color: #084298;
    border-color: #06357a;
}

.autocomplete-container {
    position: relative;
}
.autocomplete-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 4px 4px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    display: none;
}
.autocomplete-item {
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
}
.autocomplete-item:hover {
    background-color: #f8f9fa;
}
.autocomplete-item:last-child {
    border-bottom: none;
}
.autocomplete-item.selected {
    background-color: #007bff;
    color: white;
}
.search-highlight {
    font-weight: bold;
    color: #000;
}
.autocomplete-item.selected .search-highlight{color:#fff;}

.medicine-details{white-space: pre;}
.dashboardlinks .btn{padding: 20px 30px; color: #fff; font-size: 18px; margin: 0 5px;}
.dashboardlinks .btn i{display: block; font-size: 30px; margin-bottom: 5px;}
.form-control{font-size: 16px; height: auto; padding: 10px 15px;}

#addPrescriptionModal textarea.form-control{height: 250px;}
.prescriptionlist td span{display: none;}
.presc-img{display: block;}
.presc-img img{height: 80px;}
.poweredby{text-align: center; font-size: 14px; margin-top: 20px;}
.poweredby a{color: #000; text-decoration: none;}


@media screen and (max-width: 767px) {
    .dashboardlinks .btn{display: block; margin: 10px 0;}
    .prescriptionlist tr{display: block; margin-bottom: 20px;}
    .prescriptionlist td, .prescriptionlist th{display: block; padding: 10px 0;}
    .prescriptionlist thead{display: none;}
    .prescriptionlist td{padding: 15px; font-weight: 600;}
    .prescriptionlist td:empty{padding: 0;}
    .prescriptionlist td span{display: inline-block; font-weight: normal;}

}