#boffo-views{position:relative;min-height:90vh}#boffo-views .toast{position:fixed;right:50px;top:50px;padding:10px 20px;background:#1ac51a;color:#fff;font-weight:700;border-radius:2px;opacity:0;transition:opacity .1s ease-in-out;z-index:100;border:none}#boffo-views .toast.error{background-color:#d10a0a}#boffo-views .toast.on{opacity:1}#boffo-views .boffo-view{visibility:hidden;opacity:.8;transition:opacity .2s ease-in-out;left:-3000px;position:absolute}#boffo-views .boffo-view.active{visibility:visible;opacity:1;left:inherit;position:relative}#boffo-views>small{color:grey;font-size:12px;float:right}#boffo-views h3{text-align:center}#boffo-views a{cursor:pointer}#boffo-list-view>div{padding:30px;background:#fff;width:50%;border:1px solid rgba(0,0,0,.08);text-align:center;font-size:1.2em;margin:0 auto}#boffo-list-view>div a{cursor:pointer}#boffo-list-view ul>li{padding:30px;background:#fff;width:50%;border:1px solid rgba(0,0,0,.08);margin:0 auto 30px;position:relative;box-shadow:0 0 6px 0 rgba(0,0,0,.05)}#boffo-list-view ul>li a{font-size:1.7em;font-weight:700;display:block;margin-bottom:15px;cursor:pointer}#boffo-list-view ul>li small{display:block;margin-bottom:10px}#boffo-list-view ul>li .delete-form-button{position:absolute;top:40%;left:-12.5px;height:25px;width:25px;border-radius:50%;border:0;padding:0;color:#fff;background-color:rgba(186,0,0,.7);cursor:pointer;transition:background-color .1s ease;z-index:10}#boffo-list-view ul>li .delete-form-button:hover{background-color:#ba0000}#boffo-list-view .flow-integration-box{display:flex;justify-content:space-between}#boffo-list-view .flow-integration-box div{width:48%}.boffo-detail-view-box{display:flex}.boffo-detail-view-box>div{width:50%;padding:30px;margin:0 auto;box-shadow:0 0 6px 0 rgba(0,0,0,.05)}.boffo-detail-view-box>div:first-child{background:#fff;border:1px solid rgba(0,0,0,.08)}.boffo-detail-view-box input::placeholder{color:#abb0b4}.boffo-detail-view-box>div:first-child>input{width:100%;border:1px solid transparent;box-shadow:none;padding:10px;font-size:20px;transition:border .1s linear;font-weight:700}.boffo-detail-view-box>div:first-child>input:focus{border:1px solid rgba(0,0,0,.07)}.boffo-detail-view-box>div:first-child>div:last-child{margin-top:80px;padding-top:30px;border-top:1px solid #f9f9f9}.boffo-detail-view-box>div:first-child>div:last-child>button:first-child{margin-right:10px}.boffo-form-settings{margin:20px 0}.boffo-form-settings>label{color:#6a6a6a}.boffo-form-settings>input{width:100%;border:1px solid transparent;box-shadow:none;padding:6px;font-size:16px;transition:border .1s linear;font-weight:700;margin-bottom:8px}.boffo-form-settings>input:focus{border:1px solid rgba(0,0,0,.07);box-shadow:none}.boffo-form-settings>select{width:100%;border:1px solid transparent;box-shadow:none;padding:6px;font-size:16px;transition:border .1s linear;font-weight:700;margin-bottom:8px;max-width:100%}.boffo-form-settings>select:focus{border:1px solid rgba(0,0,0,.07);box-shadow:none}.boffo-form-items{margin:20px 0}.boffo-form-blank-message{padding:20px;text-align:center;font-size:1.2em}.boffo-form-blank-message a{cursor:pointer}.boffo-form-items>div{margin:0 0 20px}.boffo-form-items>div .boffo-form-item-view-state{display:block}.boffo-form-items>div .boffo-form-item-edit-state{position:relative;display:none}.boffo-form-items>div.active .boffo-form-item-edit-state{display:block}.boffo-form-items>div.active .boffo-form-item-view-state{display:none}.boffo-form-items>div .boffo-form-item-view-state a{cursor:pointer;display:flex;opacity:.7;font-size:1.2em;color:#333}.boffo-form-items>div .boffo-form-item-view-state a span{border-bottom:1px solid #e0e0e0;margin-left:20px;text-align:center;padding:0 30px 5px}.boffo-form-items>div.active .boffo-form-item-edit-state .delete-item-button{position:absolute;top:7px;left:-42px;height:25px;width:25px;border-radius:50%;border:0;padding:0;color:#fff;background-color:rgba(186,0,0,.7);cursor:pointer;transition:background-color .1s ease;z-index:10}.boffo-form-items>div.active .boffo-form-item-edit-state .delete-item-button:hover{background-color:#ba0000}.boffo-form-items>div.active .boffo-form-item-edit-state>input{width:100%;border:1px solid rgba(0,0,0,.02);box-shadow:none;padding:7px 10px;font-size:1.2em;transition:border .1s linear;font-weight:700}.boffo-form-items>div.active .boffo-form-item-edit-state input:focus{border:1px solid rgba(0,0,0,.08)}.boffo-form-items>div.active .boffo-form-item-edit-state .boffo-form-item-type-box{position:absolute;padding:10px;right:-1px;top:55px;width:300px;background:#fff;z-index:10;border:1px solid #e2e4e7;box-shadow:0 0 15px 0 rgba(0,0,0,.08)}.boffo-form-items>div.active .boffo-form-item-edit-state .boffo-form-item-type-box:before{border:8px solid #e2e4e7;top:-8px}.boffo-form-items>div.active .boffo-form-item-edit-state .boffo-form-item-type-box:after{border:8px solid #fff;top:-6px}.boffo-form-items>div.active .boffo-form-item-edit-state .boffo-form-item-type-box:after,.boffo-form-items>div.active .boffo-form-item-edit-state .boffo-form-item-type-box:before{content:"";position:absolute;border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent;border-top:none;height:0;width:0;line-height:0;left:30px}.boffo-form-items>div.active .boffo-form-item-edit-state .boffo-form-item-type-box label{display:block;font-weight:700;font-size:.9em;margin-bottom:10px}.boffo-form-items>div.active .boffo-form-item-edit-state .boffo-form-item-type-box ul{display:flex}.boffo-form-items>div.active .boffo-form-item-edit-state .boffo-form-item-type-box li{padding:10px;text-align:center;cursor:pointer;width:33%}.boffo-form-items>div.active .boffo-form-item-edit-state .boffo-form-item-type-box li span{display:block;margin:0 auto 10px}.boffo-form-items>div.active .boffo-form-item-edit-state .boffo-form-item-type-box li:hover{background:#f9f9f9}.boffo-form-items>div.active .boffo-form-item-edit-state .boffo-form-item-type-box li.active{background:#f5f5f5}.boffo-form-items .boffo-form-item-settings{font-weight:400;margin-bottom:10px}.boffo-form-items .boffo-form-item-settings input{width:100%;border:1px solid rgba(0,0,0,.02);box-shadow:none;padding:7px 10px;font-size:1em;transition:border .1s linear;font-weight:700}.boffo-form-items .boffo-form-item-options>div{display:flex;align-items:center;font-size:.8em;font-weight:400}.boffo-form-items .boffo-form-item-options .add-option-button{margin-top:10px}.boffo-form-items .boffo-form-item-options>div .delete-option-button{height:20px;width:20px;border-radius:50%;border:0;padding:0;color:#fff;background-color:rgba(186,0,0,.7);cursor:pointer;transition:background-color .1s ease;margin-right:10px}.boffo-form-items .boffo-form-item-options>div .delete-option-button:hover{background-color:#ba0000}.boffo-form-items .boffo-form-item-options input{width:100%;border:1px solid rgba(0,0,0,.02);box-shadow:none;padding:7px 10px;font-size:1.2em;transition:border .1s linear;font-weight:700}