/* public/css/styles.css */
html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}


.nav-link {
    font-weight: 500;
    color: #333;
}

.nav-link:hover {
    color: #007bff;
    background-color: rgba(0, 123, 255, 0.1);
}

.sidebar-heading {
    font-weight: bold;
    color: #007bff;
    text-transform: uppercase;
    margin: 10px 0;
}

.sidebar .nav-item + .nav-item {
    margin-top: 10px;
}
.select2 {
    width: 100% !important; 
}    


/* Add a transition effect for smooth collapse/expand */
.collapse {
    transition: height 0.3s ease;
}

/* Rotate the chevron icon when the menu is expanded */
.toggle-link i {
    transition: transform 0.3s ease;
}

.toggle-link.collapsed i {
    transform: rotate(-180deg);
}

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    /* max-width: 100%; */
    overflow-y: auto;
    overflow-x: auto;
}

.netsuite {
    max-height: 400px; /* Set max height for scrolling */
    overflow-y: auto; /* Enable vertical scrolling */
    border: 1px solid #ddd; /* Optional: border around the table */
    margin-bottom: 20px; /* Space between tables */
    white-space: nowrap;
}

.netsuite table {
    width: 100%; /* Full width for the table */
    border-collapse: collapse; /* Collapses borders */
}

.netsuite th, .netsuite td {
    padding: 12px; /* Padding for cells */
    text-align: left; /* Align text to the left */
    border: 1px solid #ddd; /* Border for cells */
}

.netsuite th {
    background-color: #f2f2f2; /* Light grey background for headers */
    position: sticky; /* Make header sticky */
    top: 0; /* Stick to the top */
    z-index: 10; /* Ensure header is above other content */
}

.netsuite tr:nth-child(even) {
    background-color: #f9f9f9; /* Alternating row color */
}

.netsuite tr:hover {
    background-color: #f1f1f1; /* Highlight row on hover */
}

.save-btn {
    background-color: #4CAF50; /* Green background for buttons */
    color: white; /* White text */
    border: none; /* Remove border */
    padding: 8px 12px; /* Padding for buttons */
    cursor: pointer; /* Pointer cursor on hover */
}

.save-btn:hover {
    background-color: #45a049; /* Darker green on hover */
}


.table-responsive {
    max-height: 400px; /* Adjust as needed for vertical scrolling */
    overflow-y: auto;  /* Enable vertical scrolling */
    overflow-x: auto;  /* Enable horizontal scrolling */
    border: 1px solid #ddd; /* Optional border */
}

.netsuite_log_table {
    width: 100%; /* Ensure full width */
    table-layout: auto; /* Allow table to expand */
}

.netsuite_log_table th, .netsuite_log_table td {
    white-space: nowrap; /* Prevent text wrapping */
}

.netsuite_log_table tr:hover {
    background-color: #f1f1f1; /* Light grey background on hover */
}

.netsuite_log_table td.response-data {
    max-height: 3.6em; /* Adjust based on your line height */
    overflow: scroll; /* Hide overflow */
    text-overflow: ellipsis; /* Show ellipsis */
    display: -webkit-box; /* Use flexbox for multiline */
    -webkit-line-clamp: 3; /* Show 3 lines */
    -webkit-box-orient: vertical; /* Vertical box orientation */
    white-space: normal; /* Allow wrapping */
    cursor: pointer; /* Pointer cursor for interaction */
    position: relative; /* Positioning for tooltip */
}