table {
    table-layout: fixed;
    /* Ensures consistent column width */
}

th,
td {
    word-wrap: break-word;
    /* Breaks long words to prevent overflow */
}

#priceChart {
    width: 100% !important;
    height: auto !important;
}

.bmc-button-container {
    position: fixed;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%) scale(0.6);
    /* Center the button and adjust the scale */
    z-index: 1000;
    /* Ensure the button is on top */
}

button:disabled {
    background-color: #d1d5db;
    /* Tailwind's gray-300 */
    cursor: not-allowed;
    opacity: 0.6;
}

button:disabled:hover {
    background-color: #d1d5db;
    /* Tailwind's gray-300 */
}

.quote-box {
    display: inline-block;
    padding: 0.1em 0.3em;
    background-color: #f3f4f6;
    /* Tailwind's gray-100 */
    border-radius: 0.25em;
    color: #4f46e5;
    /* Tailwind's gray-800 */
}

#fractional-shares {
    min-width: 180px;
    /* Adjust to ensure the width accommodates both states */
    transition: all 0.2s ease-in-out;
}

/* Custom styles for nprogress */
#nprogress .bar {
    background: #4f46e5;
    /* Indigo color */
    height: 5px;
    /* Thicker bar */
}

#nprogress .peg {
    box-shadow: 0 0 10px #4f46e5, 0 0 5px #4f46e5;
    /* Indigo color */
}

#nprogress .spinner-icon {
    border-top-color: #4f46e5;
    /* Indigo color */
    border-left-color: #4f46e5;
    /* Indigo color */
}

.max-w-2xl {
    max-width: 64rem;
    /* Adjust the width as needed */
}

#assets-table th,
#assets-table td {
    padding: 0.25rem;
    /* Reduce padding to cells */
    text-align: left;
    /* Align text to the left */
}

#assets-table th {
    background-color: #f9fafb;
    /* Set background color for table headers */
    color: #6b7280;
    /* Set text color for table headers */
    font-weight: bold;
    /* Make text bold */
}

#assets-table tbody tr {
    border-bottom: 1px solid #e5e7eb;
    /* Add border to table rows */
}

#assets-table tbody tr:last-child {
    border-bottom: none;
    /* Remove border from the last row */
}

#assets-table input {
    padding: 0.25rem;
    /* Reduce padding to input fields */
    border: 1px solid #d1d5db;
    /* Add border to input fields */
    border-radius: 0.375rem;
    /* Add rounded corners to input fields */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    /* Add shadow to input fields */
}

#assets-table input:focus {
    border-color: #6366f1;
    /* Change border color on focus */
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.5);
    /* Add focus shadow */
}

#assets-table button {
    padding: 0.25rem 0.5rem;
    /* Reduce padding to buttons */
    border-radius: 0.375rem;
    /* Add rounded corners to buttons */
}

#assets-table button:hover {
    background-color: #f3f4f6;
    /* Change background color on hover */
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
    margin: auto;
    /* Add this to center horizontally */
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
}

input:checked+.slider {
    background-color: #de4a4a;
}

input:checked+.slider:before {
    transform: translateX(16px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}