/* Apply styles to all webform submission forms */
.webform-submission-form {
    background-color: #f9f9f9; /* Light gray background */
    padding: 20px;
    border-radius: 5px;
}

/* Style fieldsets */
.webform-submission-form fieldset {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;
}

/* Style radio button labels */
.webform-submission-form .form-check-label {
    font-weight: bold;
    color: #333;
}

/* Style scale labels (min and max) */
.webform-scale-text-min,
.webform-scale-text-max {
    font-weight: bold;
    color: #555;
    margin-top: 5px;
}

/* Style Likert table headers */
.webform-likert-table th {
    background-color: #ddd;
    text-align: center;
    padding: 10px;
}

/* Style Likert scale radio buttons */
.webform-likert-table td {
    text-align: center;
}

/* Make radio buttons more visible */
.webform-submission-form input[type="radio"] {
    transform: scale(1.2);
    margin: 5px;
}



.webform-scale-flexbox input + label 
{
    width: 20%;
}


@media (max-width: 767px) { /* Adjust breakpoint as needed */
    .webform-scale-flexbox .webform-scale-option {
        flex: 0;
        margin: 0 -5px;
    }

    .webform-scale-flexbox label.form-check-label {
        min-width: 25px;
    }

    .webform-scale-flexbox .form-check {
        padding-left: 1em;
    }

	.webform-scale-flexbox td {
    text-align: center; /* Centers everything inside each td */
    vertical-align: middle; /* Aligns content properly */
}
    .form-type-webform-likert table.sticky-header {
        display: block;
    }  
   
.webform-likert-table .radio.form-check {
    text-align: left;
}
	
}