/* /form_builder/static/src/css/form_fields.css */
 @font-face{font-family: 'Lusail-Light'; src: url('/form_builder/static/src/fonts/Lusail-Light.otf') format('opentype'); font-weight: normal; font-style: normal;}.o-form-builder-public .rating-field{display: flex; align-items: center; gap: 10px;}.o-form-builder-public .rating-stars{display: inline-flex; gap: 5px;}.o-form-builder-public .rating-star{font-size: 32px; cursor: pointer; color: #ddd; transition: color 0.2s; user-select: none;}.o-form-builder-public .rating-star:hover, .o-form-builder-public .rating-star.active{color: #ffc107;}.o-form-builder-public .rating-value{font-weight: 500; color: #666;}.o-form-builder-public .slider-field{padding: 10px 0;}.o-form-builder-public .slider-value{font-size: 1.1em;}.o-form-builder-public .current-value{color: #0d6efd;}.o-form-builder-public .likert-field .btn-group{width: 100%;}.o-form-builder-public .likert-field .btn-check:checked + .btn{background-color: #0d6efd; color: white;}.o-form-builder-public .matrix-radio{cursor: pointer; width: 20px; height: 20px;}.o-form-builder-public .image-choice-field{display: flex; flex-wrap: wrap; gap: 15px;}.o-form-builder-public .image-choice-option{flex: 0 0 auto;}.o-form-builder-public .image-choice-option .btn{border: 2px solid #dee2e6; transition: all 0.3s;}.o-form-builder-public .image-choice-option .btn-check:checked + .btn{border-color: #0d6efd; background-color: #e7f1ff;}.o-form-builder-public .image-choice-option img{border-radius: 4px;}.o-form-builder-public .signature-field{position: relative;}.o-form-builder-public .signature-pad{border: 2px solid #dee2e6; border-radius: 4px; background-color: #fff; cursor: crosshair; display: block; width: 100%;}.o-form-builder-public .signature-pad.signing{border-color: #0d6efd;}.o-form-builder-public .clear-signature{margin-top: 8px;}.o-form-builder-public .input-group-text{background-color: #e9ecef; border: 1px solid #ced4da;}.o-form-builder-public[dir="rtl"], .o-form-builder-public .form-builder-rtl{text-align: left; font-family: 'Lusail-Light', 'Arial', 'Tahoma', sans-serif !important;}.o-form-builder-public[dir="rtl"] .form-label{text-align: left;}.o-form-builder-public[dir="rtl"] .rating-stars{flex-direction: row-reverse;}.o-form-builder-public[dir="rtl"] .likert-field .btn-group{flex-direction: row-reverse;}.o-form-builder-public[dir="rtl"] .input-group-text{order: 2;}.o-form-builder-public[dir="rtl"] .input-group .form-control{order: 1;}.o-form-builder-public[dir="rtl"] .card-header{text-align: left;}.o-form-builder-public[dir="rtl"] .form-text{text-align: left;}.o-form-builder-public[dir="rtl"] .btn-primary{text-align: center;}.o-form-builder-public .form-text small{font-size: 0.9rem !important; line-height: 1.5 !important; padding: 8px 0 !important; min-height: 24px !important; display: block !important;}.o-form-builder-public .card{margin-bottom: 2rem !important; border-radius: 12px !important;}.o-form-builder-public .card-header{padding: 1.5rem 2rem !important; display: flex !important; flex-direction: column !important; justify-content: center !important;}.o-form-builder-public .card-header h4{margin-bottom: 0.5rem !important; font-size: 1.4rem !important; line-height: 1.4 !important; font-weight: 700 !important;}.o-form-builder-public .card-header small{font-size: 0.9rem !important; line-height: 1.5 !important; opacity: 0.9 !important;}.o-form-builder-public .card-body{padding: 2rem !important;}@media (max-width: 768px){.o-form-builder-public .rating-star{font-size: 28px;}.o-form-builder-public .likert-field .btn{font-size: 0.85rem; padding: 0.5rem 0.75rem;}.o-form-builder-public .image-choice-option img{max-width: 100px !important; max-height: 100px !important;}.o-form-builder-public .checkbox-group-list{flex-direction: column;}.o-form-builder-public .checkbox-group-item-wrapper{width: 100%;}.o-form-builder-public .checkbox-group-label{width: 100%;}.o-form-builder-public .checkbox-group-text{white-space: normal;}}.o-form-builder-public .progress{height: 8px !important; border-radius: 10px !important; background-color: #e9ecef; overflow: hidden;}.o-form-builder-public .progress-bar{transition: width 0.4s ease !important; background-color: var(--o-cc1-btn-primary, var(--primary)) !important;}.o-form-builder-public .current-page-num{font-weight: 700;}.o-form-builder-public .form-page{animation: formBuilderFadeIn 0.3s ease;}@keyframes formBuilderFadeIn{from{opacity: 0; transform: translateY(10px);}to{opacity: 1; transform: translateY(0);}}.o-form-builder-public .btn-prev-page, .o-form-builder-public .btn-next-page{min-width: 140px; transition: all 0.2s ease !important; border-radius: 8px !important;}.o-form-builder-public .btn-prev-page:hover, .o-form-builder-public .btn-next-page:hover{transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}.o-form-builder-public .btn-prev-page:active, .o-form-builder-public .btn-next-page:active{transform: translateY(0);}.o-form-builder-public[dir="rtl"] .btn-prev-page i, .o-form-builder-public[dir="rtl"] .btn-next-page i{margin: 0 !important;}.o-form-builder-public[dir="rtl"] .btn-prev-page{flex-direction: row-reverse;}.o-form-builder-public .is-invalid{border-color: #dc3545 !important; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;}.o-form-builder-public .invalid-feedback{display: block !important; color: #dc3545; font-size: 0.875em; margin-top: 0.25rem;}.form-builder-toast{box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); border-radius: 8px; border: none;}@media (max-width: 576px){.o-form-builder-public .btn-prev-page, .o-form-builder-public .btn-next-page{min-width: 110px; padding: 0.75rem 1rem !important; font-size: 0.9rem;}.o-form-builder-public .btn-prev-page i, .o-form-builder-public .btn-next-page i{display: none;}}.o-form-builder-public .checkbox-group-field{padding: 5px 0;}.o-form-builder-public .checkbox-group-list{display: flex; flex-wrap: wrap; gap: 8px;}.o-form-builder-public .checkbox-group-item-wrapper{flex: 0 0 auto;}.o-form-builder-public .checkbox-group-label{display: flex; align-items: center; padding: 8px 16px; margin: 0; cursor: pointer; transition: all 0.2s ease; gap: 8px; border: 1px solid #dee2e6; border-radius: 6px; background-color: #fff;}.o-form-builder-public .checkbox-group-label:hover{background-color: #f8f9fa; border-color: #adb5bd;}.o-form-builder-public .checkbox-group-input{width: 18px; height: 18px; cursor: pointer; flex-shrink: 0; margin: 0 !important; accent-color: var(--o-cc1-btn-primary, var(--primary, #8d1c3e));}.o-form-builder-public .checkbox-group-input:checked{background-color: var(--o-cc1-btn-primary, var(--primary, #8d1c3e)); border-color: var(--o-cc1-btn-primary, var(--primary, #8d1c3e));}.o-form-builder-public .checkbox-group-input:checked + .checkbox-group-text{font-weight: 500;}.o-form-builder-public .checkbox-group-label:has(.checkbox-group-input:checked){background-color: #f0f7ff; border-color: var(--o-cc1-btn-primary, var(--primary, #8d1c3e));}.o-form-builder-public .checkbox-group-text{font-size: 0.95rem; line-height: 1.4; white-space: nowrap;}.o-form-builder-public .checkbox-group-field.is-invalid{border: 1px solid #dc3545; border-radius: 8px; padding: 10px;}.o-form-builder-public .checkbox-group-error{color: #dc3545; font-size: 0.875em; margin-top: 8px;}.o-form-builder-public[dir="rtl"] .checkbox-group-label, .o-form-builder-public .checkbox-group-field[dir="rtl"] .checkbox-group-label{flex-direction: row-reverse;}.o-form-builder-public[dir="rtl"] .checkbox-group-text, .o-form-builder-public .checkbox-group-field[dir="rtl"] .checkbox-group-text{text-align: left;}.o-form-builder-public .form-control[readonly], .o-form-builder-public .form-control[disabled], .o-form-builder-public .form-control[data-readonly="1"], .o-form-builder-public [data-readonly="1"] .form-control{background-color: #f8f9fa !important; border-color: #dee2e6 !important; color: #6c757d !important; cursor: not-allowed !important; opacity: 1 !important; user-select: none !important;}.o-form-builder-public .form-select[disabled], .o-form-builder-public select[disabled], .o-form-builder-public [data-readonly="1"] .form-select, .o-form-builder-public [data-readonly="1"] select{background-color: #f8f9fa !important; border-color: #dee2e6 !important; color: #6c757d !important; cursor: not-allowed !important; opacity: 1 !important; pointer-events: none !important;}.o-form-builder-public input[type="checkbox"][disabled], .o-form-builder-public input[type="radio"][disabled]{cursor: not-allowed !important; opacity: 0.6 !important; pointer-events: none !important;}.o-form-builder-public [data-readonly="1"] .checkbox-group-label, .o-form-builder-public [data-readonly="1"] .checkbox-group-input{cursor: not-allowed !important; pointer-events: none !important; opacity: 0.7 !important;}.o-form-builder-public input[type="file"][disabled]{background-color: #f8f9fa !important; cursor: not-allowed !important; opacity: 0.6 !important; pointer-events: none !important;}.o-form-builder-public input[type="range"][disabled]{cursor: not-allowed !important; opacity: 0.6 !important; pointer-events: none !important;}.o-form-builder-public [data-readonly="1"] .rating-star{cursor: not-allowed !important; pointer-events: none !important;}.o-form-builder-public [data-readonly="1"] .likert-field label.btn{cursor: not-allowed !important; pointer-events: none !important; opacity: 0.7 !important;}.o-form-builder-public [data-readonly="1"] .image-choice-option label.btn{cursor: not-allowed !important; pointer-events: none !important; opacity: 0.7 !important;}.o-form-builder-public [data-readonly="1"] .signature-pad{cursor: not-allowed !important; pointer-events: none !important; opacity: 0.7 !important;}.o-form-builder-public [data-readonly="1"] .clear-signature{display: none !important;}.o-form-builder-public .fb-fill-required-error > .form-control, .o-form-builder-public .fb-fill-required-error > .form-select, .o-form-builder-public .fb-fill-required-error > input{border-color: #dc3545 !important; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;}.o-form-builder-public .fb-fill-required-msg{color: #dc3545; font-size: 0.875em; margin-top: 0.25rem;}