body {
    -webkit-user-select: none !important; /* Disable text selection in Chrome, Safari, and Edge */
    -moz-user-select: none !important; /* Disable text selection in Firefox */
     user-select: none !important; /* Standard property */

}


.RowSetup {
    background-color: #f0f8ff; /* Light blue */
    margin-bottom: 5px; /* Adjust the value as needed */
}
/* Add space and a line between the divs with the step class */
.step {
    margin-bottom: 8px; /* Add space between the step divs */
    border-bottom: 1px solid #ccc; /* Add a light line between the divs */
    /*  padding-bottom: 10px;  Optional: Add padding to push content above the line */
}

    /* Remove the bottom line for the last step if desired */
    .step:last-of-type {
        border-bottom: none;
        margin-bottom: 0; /* Optional: Remove margin for the last step */
    }

.LeftColExpl {
    color: black;
    text-align: left !important; /* Ensure all 'lead' elements are aligned to the left */
    font-style: normal !important; /* Force normal font style */
    font-size: 1.0rem;
    display: inline-block; /* Form .equation-cell */
}
.RightColExpl {
    text-align: left !important; /* Ensure all 'lead' elements are aligned to the left */
    font-size: 1.3rem;
    text-align: center; /* Center-align text inside the column */
    /* display: flex;  Enable Flexbox */
    display: inline-block; /* Enable Flexbox */
    align-items: center; /* Vertically center the content */
    /*  justify-content: center;  Optional: Horizontally center the content */
    height: 100%; /* Ensure the height fills the parent container */
}














.FormulaText {
    text-align: left; /* Align text to the left */
    font-style: normal; /* Ensure normal font style */
    font-family: Arial, sans-serif;
    font-size: 1.5rem; /* Adjust font size */
    color: black;
    display: block; /* Makes the formula render as a block element */
    margin: 10px 0; /* Add some spacing for better visual presentation */
}
.bolds {
    font-weight: bold; /* Add bold styling */
}
.FullQuestionCol {
    padding-right: 5px; /* Minimal spacing before `=` */
    color: black;
    text-align: left !important; /* Ensure all 'lead' elements are aligned to the left */
    font-style: normal !important; /* Force normal font style */
    font-family: Arial, sans-serif;
    font-size: 1.2rem;
    display: inline-block; /* Form .equation-cell */
}
.Containers {
    background-color: #FFFFE6;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.green-text {
    color: green !important;
}


.blue-text {
    color: blue !important;
}

.red-text {
    color: red !important;
}

.purple-text {
    color: purple !important;
}


.orange-text {
    color: orange !important;
}

.orangered-text {
    color: orangered !important;
}

.royalblue-text {
    color: royalblue !important;
}

.darkred-text {
    color: darkred !important;
}

.sharpgreen-text {
    color: chartreuse !important;
}
footer {
    background-color: #f8f9fa; /* Light background */
    padding: 10px 0; /* Spacing around footer */
    text-align: left; /* Aligns all content to the left */
}

    footer img {
        height: 40px; /* Ensures consistent logo size */
        margin-right: 10px; /* Adds space between logo and text */
    }

    footer p {
        margin: 0; /* Removes extra spacing */
        color: #333; /* Sets text color */
    }

.gridview {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

    .gridview th {
        background-color: #4CAF50; /* Header background color */
        color: white; /* Header text color */
        text-align: left;
        padding: 10px;
    }

    .gridview td {
        border: 1px solid #ddd;
        padding: 8px;
    }

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

    .gridview tr:nth-child(odd) {
        background-color: #ffffff;
    }

    .gridview tr:hover {
        background-color: #f1f1f1; /* Hover effect */
    }

    .gridview td a {
        color: #4CAF50; /* Link color */
        text-decoration: none;
    }

        .gridview td a:hover {
            text-decoration: underline; /* Link hover effect */
        }