.error {
    color: red;
}
.input_form {
    display: inline-block;
}
.input_form div > label {
    width: 120px;
    display: inline-block;
}
.input_form > div {
    margin: 5px;
    margin-top: 10px;
}
.input_form input[type=text], .input_form input[type=password] {
    width: 250px;
}
.input_form textarea {
    width: 550px;
    height: 70px;
}
.big div, .survey_edit div {
    margin-top: 10px;
}
.big > div, .survey_edit > div {
    margin: 10px;
}
.survey_edit input[type=text] {
    width: 660px;
    height: 20px;
    padding: 2px;
}
.big input[type=text], .big input[type=password] {
    width: 550px;
    height: 20px;
    padding: 2px;
}
.input_form div.submit_button {
    text-align: left;
}
.submit_button button#submitButton {
    background: #194e90;
    color: #fff;
    padding: 6px 15px;
    font-size: 15px;
}
table.grid {
    border: 1px solid #999;
    border-collapse: collapse;
    margin-bottom: 10px;
}
table.grid th, table.grid td {
    border: 1px solid #999;
    padding: 3px;
    text-align: left;
}
.big .choices label {
    width: 80px;
}
.widelabels > div {
    margin-bottom: 20px;
}
.widelabels div > label {
    width: auto;
}
.choices_container input[type=text] {
    width: 360px;
}
.choices_container {
    margin-left: 125px;
    width: 620px;
}
.survey_edit .choices label {
    cursor: move;
    width: 70px;
}
.question {
    margin-bottom: 25px;
}
.scrollgrid {
    margin: 0;
    padding: 0;
    overflow-x: auto;
}
.scrollgrid .grid th {
    white-space:nowrap;
}
.required_container {
    display: inline-block;
    margin-left: 10px;
}
.incomplete {
    color: red;
}

.site-main-div {
    overflow: visible !important;
}
/* General label styling */
.jqplot-xaxis-tick {
    white-space: normal !important;  /* Allow text wrapping */
    word-wrap: break-word;           /* Break words to fit */
    word-break: break-word;          /* Break long words to prevent overflow */
    text-align: center;              /* Center-align the text */
    max-width: 100px;                /* Limit the width of labels */
    padding: 5px 2px;                /* Padding around labels */
    display: block;                  /* Block-level elements to ensure wrapping */
    margin: 0 2px;                   /* Small margin for slight spacing */
    letter-spacing: -0.5px;          /* Adjust spacing between letters */
    word-spacing: -1px;              /* Adjust word spacing */
}

/* For rotating long labels */
.jqplot-xaxis .jqplot-tick-label {
    transform: rotate(-45deg);       /* Rotate long labels */
    transform-origin: left bottom;   /* Ensure proper rotation origin */
    margin-top: 15px;                /* Additional spacing for rotated labels */
    font-size: 12px;                 /* Optional: reduce font size for long labels */
    white-space: normal;             /* Allow wrapping */
    line-height: 1.4;                /* Increase line height for readability */
    max-width: 120px;                /* Adjust max width for long labels */
}