/* General Styles */
body {
    font-family: 'Arial', sans-serif;
    background-color: #f8f9fa;
}

/* Navbar Styles */
.navbar {
    background-color: #600000;
}

.navbar-brand {
    color: #fff !important;
}

.navbar-nav .nav-link {
    color: #fff !important;
}

.navbar-nav .nav-link:hover {
    color: #ffcc00 !important;
}

.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%288, 8, 8, 0.5%29' stroke-width='2' linecap='round' linejoin='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.dropdown-menu {
    background-color: #600000;
}

.dropdown-item {
    color: #fff !important;
}

.dropdown-item:hover {
    background-color: #ffcc00 !important;
    color: #600000 !important;
}

/* Footer Styles */
.footer {
    background-color: #f8f9fa;
    color: #6c757d;
}

.footer .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Button Styles */
.btn-primary {
    background-color: #600000;
    border-color: #600000;
}

.btn-primary:hover {
    background-color: #ffcc00;
    border-color: #ffcc00;
    color: #600000;
}

.btn-danger {
    background-color: #900000;
    border-color: #900000;
}

.btn-danger:hover {
    background-color: #ff6666;
    border-color: #ff6666;
    color: #900000;
}

.btn-success {
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:hover {
    background-color: #218838;
    border-color: #218838;
}

/* Card Header Styles */
.card-header {
    background-color: #600000;
    color: #fff;
}

/* Table Styles */
.table thead th {
    background-color: #600000;
    color: #fff;
}

.table tbody tr:hover {
    background-color: #ffcc00;
    color: #600000;
}

/* Custom Styles for Inputs */
.form-control {
    border: 1px solid #600000;
}

/* Miscellaneous */
.mt-5 {
    margin-top: 3rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

/* alta_receta */
.form-group.d-flex.align-items-center {
    display: flex;
    align-items: center;
}

.form-group.d-flex.align-items-center input {
    flex: 1;
}

.ml-2 {
    margin-left: 0.5rem;
}