.form-group {
    display: flex;
    flex-direction: column;
}

.form-control, .form-select {
    display: flex;
    padding: var(--auth-default-padding) var(--auth-default-padding) var(--auth-default-padding) var(--auth-default-padding);
    font-size: var(--auth-form-control-font-size);
    height: var(--auth-height);
    background-color: var(--input-bg-color);
    border-radius: var(--auth-radius);
    border: 2px solid var(--input-border-color);
    color: black;
}

.form-control:disabled, .form-select:disabled {
    border: 2px solid var(--bs-gray-400);
}

.form-select {
    font-size: 14px;
    padding-left: 12px;
}

.label {
    font-size: var(--auth-default-font-size);
    padding-left: var(--auth-default-padding);
    font-weight: normal;
}


.workbookCheckBox:checked {
    background-color: var(--input-bg-color);
    border: 2px solid var(--input-border-color);
}

.workbookCheckBox:checked:checked::before {
    background-color: var(--input-bg-color);
}

.workbookCheckBox:checked:disabled {
    background-color: var(--input-disabled-cheackbox-bg-color);
    border: var(--input-disabled-cheackbox-bg-color);
}

.workbookCheckBox:checked:checked::before:disabled {
    border: 2px solid var(--bs-gray-400);
}