formsflow-theming
Version:
US Web Design System templates for form.io
1 lines • 9.11 kB
CSS
span[role=link]:hover{text-decoration:underline;cursor:pointer}.builder-sidebar .formsflow-accordion__content{padding-bottom:0}.builder-sidebar .form-builder-panel{margin-bottom:5px}.builder-sidebar .form-builder-panel .form-builder-group-header .form-builder-group-heading{margin:0}.builder-sidebar .form-builder-panel .form-builder-group-header .formsflow-accordion__button.builder-group-button{background-color:#f0f0f0}.builder-sidebar .form-builder-panel .formsflow-button{margin-right:0;margin-top:0;margin-bottom:5px}.builder-component{padding:3px;margin:-3px -3px 20px -3px}.builder-component .formio-form-group{margin-bottom:0}.builder-component .component-btn-group{display:flex;flex-direction:row-reverse}.component-btn-group .component-settings-button.formsflow-button{margin:3px}.component-btn-group .formsflow-button.component-settings-button-paste{display:none}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month input.cur-year:focus,.flatpickr-days:focus{outline:1px solid #2491ff}.flatpickr-days{margin:1px;width:305.875px}.flatpickr-day.selected{background:#0073ec}.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day:focus,.flatpickr-day:hover{background-color:#71767a;color:#fff}.flatpickr-wrapper{display:block}.formio-choices .formsflow-select{background-image:none;border:1px solid #565c65}.formio-component-address .formsflow-checkbox{margin:.5em 0 .3em}.formio-component-survey .formsflow-radio .formsflow-radio__label{height:20px}.formio-component-survey .formsflow-radio .formsflow-radio__label:before{left:50%;transform:translateX(-50%);margin:0}.formio-dialog.formio-dialog-theme-default .component-edit-container{padding:.6em}.formio-dialog.formio-dialog-theme-default .formio-dialog-content .formio-dialog-close{right:4px;top:4px}.formio-dialog.formio-dialog-theme-default .formio-dialog-content .formio-dialog-close:before{font-size:24px;line-height:24px;color:#8a8a8a}.formio-dialog.formio-dialog-theme-default .formio-dialog-content .formio-dialog-close :active:before,.formio-dialog.formio-dialog-theme-default .formio-dialog-content .formio-dialog-close:hover:before{color:#6b6b6b}.formio-dialog-content .formsflow-label{padding-right:30px}.formio-dialog-content .formsflow-label label{padding-right:0}.formio-dialog-buttons{display:flex;justify-content:flex-end;margin:0 -.5rem}.formio-form-group{margin-bottom:20px}@media print{.formio-form-group{page-break-inside:avoid}}.formio-form-group>.formsflow-label>label{display:initial}.formio-hidden{margin:0}.formio-panel-content.formsflow-accordion__content{overflow:visible}.formio-formsflow-card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-clip:border-box;border:1px solid #000;border-radius:.25rem}.formio-formsflow-card-body{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.formio-formsflow-card-header{position:relative;display:flex;padding:.5rem;margin-bottom:0;margin-top:1px;border-bottom:1px solid #000;border-radius:.25rem .25rem 0 0;background-color:#f0f0f0}.formio-formsflow-card-title{margin-bottom:.75rem;font-size:1.2rem}.has-error .help-block{color:#b50909}.has-success .help-block{color:#00a91c}.input-group{display:flex;flex-wrap:nowrap;align-items:stretch;width:100%;margin-top:.5rem}.input-group .formsflow-input,.input-group .formsflow-textarea{position:relative;z-index:1;width:1%;min-width:50px;flex-grow:1;margin-top:0}.input-group .formsflow-textarea{resize:vertical}.input-group .flatpickr-wrapper{display:flex;flex-grow:1}.input-group .flatpickr-wrapper .formsflow-input{width:100%}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da}.input-group-append,.input-group-prepend{display:flex;flex-shrink:0}.legend-wrapper{display:inline-block;margin-bottom:6px}.legend-wrapper>span{margin-right:3px}.open-modal-button{font-weight:400;color:#000;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#f8f9fa;border:2px solid #8a8a8a;padding:.375rem .75rem;font-size:.9375rem;line-height:1.5;border-radius:0}.open-modal-button:hover{background-color:#f0f1f5}.progress{display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress .progress-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;background-color:#007bff;transition:width .6s ease}.formio-tooltip__trigger{cursor:pointer}.formio-tooltip__body{background-color:#1b1b1b;border-radius:.25rem;bottom:0;color:#f0f0f0;display:none;font-size:1rem;padding:.5rem;position:absolute;left:0;transform:translateX(-50%);width:auto;white-space:pre;z-index:1000}.formio-tooltip__body.formio-tooltip--is-set{display:block}.formio-tooltip__body--whitespace{white-space:normal;width:250px}.formio-tooltip__body--right{top:auto;transform:translateX(0)}.formio-tooltip__body--left{top:auto;left:0;right:auto;transform:translateX(0)}.formio-tooltip__body--bottom{bottom:auto;top:0}.formio-tooltip__wrapper{position:relative}.formio-tooltip__wrapper>span{font-weight:400}.wizard-page{margin:20px 0}.wizard-nav-container{display:flex}@media not all and (min-width:30em){.wizard-nav-container{flex-direction:column}}.wizard-nav-container li .formsflow-button{margin-bottom:.25em}.word-wrap{word-wrap:break-word}b,strong{font-weight:700}pre{background-color:#f0f0f0;padding:1em}ul.formsflow-sidenav{display:flex;flex-wrap:wrap;margin-top:1px;border-bottom:1px solid #000}.formsflow-sidenav__item{border-top:0}.formsflow-input--error.formsflow-select,.formsflow-input--success.formsflow-select{height:auto}.formsflow-accordion__button.non-collapsible-panel--button{background-image:none}.formsflow-accordion__button.non-collapsible-panel--button:hover{background-color:#f0f0f0;cursor:auto}.formsflow-table{width:100%}.formsflow-table caption{caption-side:top;color:#000}.formsflow-table td{background-color:inherit}.formsflow-checkbox__input:disabled+.formsflow-checkbox__label{color:#71767a}.formsflow-fieldset .formsflow-legend{font-size:1.5rem}.formsflow-label{margin-top:0;margin-bottom:0;max-width:100%}.formsflow-prose>ol li,.formsflow-prose>p,.formsflow-prose>ul li{max-width:100%}.formsflow-button+.has-error,.formsflow-button+.has-success{display:none}.formsflow-radio__input:disabled:checked+.formsflow-radio__label::before{-webkit-box-shadow:0 0 0 2px #c9c9c9,inset 0 0 0 3px #fff;box-shadow:0 0 0 2px #c9c9c9,inset 0 0 0 3px #fff}.formsflow-checkbox,.formsflow-radio{background:0 0}.formsflow-step-indicator{margin-top:1rem}.formsflow-step-indicator .formsflow-step-indicator__segments{outline-width:1px;outline-offset:2px;padding:1px}.formsflow-step-indicator .formsflow-step-indicator__segments .formsflow-step-indicator__segment{max-width:none}div[ref=modalContents] .formsflow-form-group--error{margin-top:0}@media print{div[class*=":grid-col-1"]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.3333333333%}div[class*=":grid-col-2"]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%}div[class*=":grid-col-3"]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}div[class*=":grid-col-4"]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}div[class*=":grid-col-5"]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.6666666667%}div[class*=":grid-col-6"]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}div[class*=":grid-col-7"]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.3333333333%}div[class*=":grid-col-8"]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.6666666667%}div[class*=":grid-col-9"]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}div[class*=":grid-col-10"]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.3333333333%}div[class*=":grid-col-11"]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.6666666667%}div[class*=":grid-col-12"]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.formsflow-checkbox__input:checked:disabled+.formsflow-checkbox__label::before{background-image:none;background-color:#c9c9c9;-webkit-box-shadow:0 0 0 2px #c9c9c9,inset 0 0 0 3px #fff;box-shadow:0 0 0 2px #c9c9c9,inset 0 0 0 3px #fff;-webkit-print-color-adjust:exact;text-indent:0}}.formsflow-button.formio-hidden{background-color:initial;border:none;box-shadow:none}