/* !B8;8 4;O readonly ?>;59 */
.readonly-field {
    background-color: #f8f9fa !important;
    color: #6c757d !important;
    cursor: not-allowed !important;
    border: 1px solid #e9ecef !important;
}

.readonly-field:focus {
    box-shadow: none !important;
    border-color: #e9ecef !important;
}

/* !?5F8D8G=K5 AB8;8 4;O ?>;O :>40 ?@83;0H5=8O */
.invitation-code-field.readonly-field {
    background-color: #fff3cd !important;
    border-color: #ffeaa7 !important;
    color: #856404 !important;
}