OwlCyberSecurity - MANAGER

Edit File: fluent-forms-public.css

.fluentform .clearfix:after,.fluentform .clearfix:before,.fluentform .ff-el-group:after,.fluentform .ff-el-group:before,.fluentform .ff-el-repeat .ff-el-input--content:after,.fluentform .ff-el-repeat .ff-el-input--content:before,.fluentform .ff-step-body:after,.fluentform .ff-step-body:before{content:" ";display:table}.fluentform .clearfix:after,.fluentform .ff-el-group:after,.fluentform .ff-el-repeat .ff-el-input--content:after,.fluentform .ff-step-body:after{clear:both}@media (min-width:768px){.frm-fluent-form .ff-t-container{display:flex;gap:15px;width:100%}.frm-fluent-form .ff-t-container.ff_cond_v{display:flex!important}.frm-fluent-form .ff-t-cell{display:flex;flex-direction:column;vertical-align:inherit;width:100%}.frm-fluent-form .ff-t-cell:first-of-type{padding-left:0}.frm-fluent-form .ff-t-cell:last-of-type{flex-grow:1;padding-right:0}.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom{align-items:flex-end;display:flex;margin:auto 0 0}.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom.ff-text-center{justify-content:center}.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom.ff-text-right{justify-content:flex-end}.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button{margin-bottom:20px}}@media (max-width:768px){.ff-t-cell{margin-left:0!important}}.fluentform .ff-el-group{margin-bottom:20px}.fluentform .ff-el-group.ff-el-form-top .ff-el-input--label{display:inline-block;float:none;margin-bottom:5px;text-align:left}.fluentform .ff-el-group.ff-el-form-top .ff-el-input--content{margin-bottom:0;margin-left:auto}@media (min-width:481px){.fluentform .ff-el-group.ff-el-form-left .ff-el-input--label{text-align:left}.fluentform .ff-el-group.ff-el-form-right .ff-el-input--label{text-align:right}}.fluentform .ff-el-input--label{display:inline-block;margin-bottom:5px;position:relative}.fluentform .ff-el-input--label.ff-el-is-required.asterisk-left label:before{color:#f56c6c;content:"* ";margin-right:3px}.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after{color:#f56c6c;content:" *";margin-left:3px}.fluentform .ff-el-input--label label{display:inline-block;font-weight:600;line-height:inherit;margin-bottom:0}.fluentform .ff-el-ratings{--fill-inactive:#d4d4d4;--fill-active:#ffb100;display:inline-block;line-height:40px}.fluentform .ff-el-ratings input[type=radio]{display:none;height:0!important;visibility:hidden!important;width:0!important}.fluentform .ff-el-ratings svg{fill:var(--fill-inactive);height:22px;transition:all .3s;vertical-align:middle;width:22px}.fluentform .ff-el-ratings svg.scale{transition:all .15s}.fluentform .ff-el-ratings label{display:inline;margin-right:3px}.fluentform .ff-el-ratings label.active svg{fill:#ffb100;fill:var(--fill-active)}.fluentform .ff-el-ratings label:hover{cursor:pointer}.fluentform .ff-el-ratings label:hover svg{transform:scale(1.1)}.fluentform .ff-el-ratings label:hover svg.scalling{transform:scale(1.2)}.fluentform .ff-el-repeat .ff-el-form-control{margin-bottom:10px;width:100%}.fluentform .ff-el-repeat .ff-t-cell{padding:0 10px;width:100%}.fluentform .ff-el-repeat .ff-t-cell:first-child{padding-left:0}.fluentform .ff-el-repeat .ff-t-cell:last-child{padding-right:0}.fluentform .ff-el-repeat .ff-t-container{display:flex}.fluentform .ff-el-repeat-buttons-list span{cursor:pointer}@media (min-width:481px){.fluentform .ff-el-form-left .ff-el-input--label,.fluentform .ff-el-form-right .ff-el-input--label{float:left;margin-bottom:0;padding:10px 15px 0 0;width:180px}.fluentform .ff-el-form-left .ff-el-input--content,.fluentform .ff-el-form-right .ff-el-input--content{margin-left:180px}.fluentform .ff-el-form-left .ff-t-container .ff-el-input--label,.fluentform .ff-el-form-right .ff-t-container .ff-el-input--label{float:none;margin-bottom:5px;width:auto}.fluentform .ff-el-form-left .ff-t-container .ff-el-input--content,.fluentform .ff-el-form-right .ff-t-container .ff-el-input--content{margin-left:auto}}.fluentform .ff-el-form-right .ff-el-input--label{text-align:right}.fluentform .ff-el-is-error .text-danger{font-size:12px;margin-top:4px}.fluentform .ff-el-is-error .ff-el-form-check-label,.fluentform .ff-el-is-error .ff-el-form-check-label a{color:#f56c6c}.fluentform .ff-el-is-error .ff-el-form-control{border-color:#f56c6c}.fluentform .ff-el-tooltip{cursor:pointer;display:inline-block;margin-left:2px;position:relative;vertical-align:middle;z-index:2}.fluentform .ff-el-tooltip:hover{color:#000}.fluentform .ff-el-tooltip svg{fill:#595959}.fluentform .ff-el-help-message{color:#595959;font-size:12px;font-style:italic;margin-top:5px}.fluentform .ff-el-help-message.ff_ahm{margin-bottom:5px;margin-top:-3px}.fluentform .ff-el-progress{background-color:#e9ecef;border-radius:.25rem;font-size:.75rem;height:1.3rem;line-height:1.2rem;overflow:hidden}.fluentform .ff-el-progress-bar{background-color:#007bff;color:#fff;height:inherit;text-align:right;transition:width .3s;width:0}.fluentform .ff-el-progress-bar span{display:inline-block;padding:0 5px 0 0}.fluentform .ff-el-progress-status{font-size:.9rem;margin-bottom:5px}.fluentform .ff-el-progress-title{border-bottom:2px solid #000;display:inline-block;font-weight:600;list-style-type:none;margin:8px 0 0;padding-left:15px;padding-right:15px}.fluentform .ff-el-progress-title li{display:none}.fluentform .ff-hidden{display:none!important}.fluentform .ff-step-t-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.fluentform .ff-step-t-container .ff-t-cell{width:auto}.fluentform .ff-step-t-container.ff-inner_submit_container .ff-el-group{margin-bottom:0}.fluentform .ff-step-container{overflow:hidden}.fluentform .ff-step-header{margin-bottom:20px}.fluentform .ff-step-titles{counter-reset:step;display:table;margin:0 0 20px;overflow:hidden;padding:0;position:relative;table-layout:fixed;text-align:center;width:100%}.fluentform .ff-step-titles-navs{cursor:pointer}.fluentform .ff-step-titles li{color:#333;display:table-cell;font-size:12px;list-style-type:none;padding:0 10px;position:relative;vertical-align:top;width:auto}.fluentform .ff-step-titles li.ff_active,.fluentform .ff-step-titles li.ff_completed{color:#007bff}.fluentform .ff-step-titles li.ff_active:before,.fluentform .ff-step-titles li.ff_completed:before{background:#007bff;border:1px solid transparent;color:#fff}.fluentform .ff-step-titles li.ff_active:after,.fluentform .ff-step-titles li.ff_completed:after{background:#007bff}.fluentform .ff-step-titles li.ff_active:after{right:0}.fluentform .ff-step-titles li:before{background:#fff;border:1px solid;border-radius:3px;color:#333;content:counter(step);counter-increment:step;display:block;font-size:10px;line-height:20px;margin:0 auto 5px;position:relative;vertical-align:top;width:20px;z-index:10}.fluentform .ff-step-titles li:after{background:#000;content:"";height:2px;left:-50%;position:absolute;top:9px;width:100%;z-index:1}.fluentform .ff-step-titles li:first-child{padding-left:0}.fluentform .ff-step-titles li:first-child:after{left:50%}.fluentform .ff-step-titles li:last-child{padding-right:0}.fluentform .ff-step-titles li:last-child:after{left:-50%}.fluentform .ff-step-body{left:0;margin-bottom:15px;position:relative;top:0}.fluentform .ff-upload-progress{margin:10px 0}.fluentform .ff-upload-progress-inline{border-radius:3px;height:6px;margin:4px 0;position:relative}.fluentform .ff-upload-preview{border:1px solid #ced4da;border-radius:3px;margin-top:5px}.fluentform .ff-upload-preview:first-child{margin-top:0}.fluentform .ff-upload-preview-img{background-position:50%;background-repeat:no-repeat;background-size:cover;height:70px;width:70px}.fluentform .ff-upload-details,.fluentform .ff-upload-preview{zoom:1;overflow:hidden}.fluentform .ff-upload-details,.fluentform .ff-upload-thumb{display:table-cell;vertical-align:middle}.fluentform .ff-upload-thumb{background-color:#eee}.fluentform .ff-upload-details{border-left:1px solid #ebeef0;padding:0 10px;position:relative;width:10000px}.fluentform .ff-upload-details .ff-inline-block,.fluentform .ff-upload-details .ff-upload-error{font-size:11px}.fluentform .ff-upload-remove{box-shadow:none!important;color:#f56c6c;cursor:pointer;font-size:16px;line-height:1;padding:0 4px;position:absolute;right:0;top:3px}.fluentform .ff-upload-remove:hover{color:#f56c6c;text-shadow:1px 1px 1px #000!important}.fluentform .ff-upload-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fluentform .ff-table{margin-bottom:0}.fluentform .ff-checkable-grids{border:1px solid #f1f1f1;border-collapse:collapse}.fluentform .ff-checkable-grids thead>tr>th{background:#f1f1f1;border:0;padding:7px 5px;text-align:center}.fluentform .ff-checkable-grids tbody>tr>td{border:0;padding:7px 5px}.fluentform .ff-checkable-grids tbody>tr>td:not(:first-of-type){text-align:center}.fluentform .ff-checkable-grids tbody>tr:nth-child(2n)>td{background:#f1f1f1}.fluentform .ff-checkable-grids tbody>tr:nth-child(2n-1)>td{background:#fff}.fluentform .ff-screen-reader-element{clip:rect(0,0,0,0)!important;word-wrap:normal!important;border:0!important;height:1px!important;margin:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.fluentform .ff_upload_btn.ff-btn{background:#6f757e;color:#fff;cursor:pointer;display:inline-block;padding:10px 20px}.fluentform .ff-el-tc{border:none;border-collapse:collapse;display:table;width:100%}.fluentform .ff-el-tc label.ff_tc_label{display:table-row}.fluentform .ff-el-tc label.ff_tc_label>span{padding-top:8px!important;width:20px}.fluentform .ff-el-tc label.ff_tc_label>div,.fluentform .ff-el-tc label.ff_tc_label>span{display:table-cell}.fluentform .ff-saved-state-input .ff_input-group-text{background-color:#409eff}.fluentform .ff-saved-state-input .ff_input-group-text:hover{background-color:#66b3ff;opacity:1}.fluentform .ff-saved-state-input .ff_input-group-text img{width:28px}.fluentform .ff-saved-state-link input{text-overflow:ellipsis}.fluentform .ff-hide-group{display:none}.fluentform .ff_t_c{margin:0;padding:0 5px 0 0}.fluentform .ff_t_c p{margin:0;padding:0}.fluentform .force-hide{border:0;display:block;height:0;margin:0;opacity:0;padding:0;visibility:hidden}.fluentform-step{float:left;height:1px;overflow-x:hidden;padding:3px}.fluentform-step.active{height:auto}.step-nav .next{float:right}.fluentform .has-conditions{display:none}.ff-message-success{border:1px solid #ced4da;box-shadow:0 1px 5px rgba(0,0,0,.1);margin-top:10px;overflow-wrap:break-word;padding:15px;position:relative}.ff-errors-in-stack{display:none;margin-top:15px}.ff-errors-in-stack .error{font-size:14px;line-height:1.7}.ff-errors-in-stack .error-clear{cursor:pointer;margin-left:5px;padding:0 5px}