html,body{background:#fafafa;font-family:"Avenir Next","Avenir",Helvetica,Arial,sans-serif;margin:0}a{transition:background-color .15s,color .15s,opacity .15s;-moz-transition:background-color .15s,color .15s,opacity .15s;-ms-transition:background-color .15s,color .15s,opacity .15s;-o-transition:background-color .15s,color .15s,opacity .15s;-webkit-transition:background-color .15s,color .15s,opacity .15s;user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;color:#00afd7;cursor:pointer;text-decoration:none}a.external-link::after{content:"↗";display:inline-block;padding-left:2px;font-size:.8em}a.button{border-radius:8px;box-sizing:border-box;font-size:17px;font-weight:500;padding:5px;text-align:center}a.button.primary{background-color:#00afd7;color:#fff}a.button.primary:not(.disabled):hover{background-color:#009dc1}a.button.primary.disabled{cursor:not-allowed;opacity:.35}a.button.secondary{border:1.5px solid #00afd7;color:#00afd7}a.button.secondary:hover{border-color:#009dc1;color:#009dc1}a.button .button-loading{height:24px;margin:-6px;width:24px}a:not(.button):hover{color:#009dc1;text-decoration:underline}select{appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;-webkit-appearance:none;background:url(../images/select-arrow.svg) no-repeat;background-position:calc(100% - 9px) 50%;background-color:#ebebeb;border:none;border-radius:8px;color:gray;font-family:"Avenir Next","Avenir",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;margin:0;padding:5px 12px;width:100%}.popup{background-color:rgba(0,0,0,.15);height:100%;position:fixed;top:0;width:100%}.popup .popup-container{left:50%;position:fixed;top:50%;transform:translate(-50%, -50%);z-index:10;background:#fff;border-radius:12px;max-width:400px;width:calc(100% - 40px)}.popup .popup-container .title-container{border-bottom:#f0f0f0 solid 1px}.popup .popup-container .title-container.warning{display:flex;justify-content:center;align-items:center}.popup .popup-container .title-container.warning .warning-icon{width:20px;margin:0 10px 1px 0}.popup .popup-container .title-container.warning h3{margin-right:10px}.popup .popup-container .title-container h3{color:#333;font-weight:600;font-size:20px;margin:0;padding:17px 0;text-align:center}.popup .popup-container .popup-content{padding:16px 14px}.popup .popup-container .popup-content p{color:gray;font-size:16px;margin:0;text-align:center}.popup .popup-container .popup-content p a{color:#00afd7;font-weight:500}.popup .popup-container .popup-content p a:hover{color:#009dc1}.popup .popup-container .popup-content label{color:gray;font-size:15px;font-weight:600;margin:0 0 4px}.popup .popup-container .popup-content select{margin:4px 0}.popup .popup-container .popup-buttons{border-top:#f0f0f0 solid 1px;display:flex;padding:14px;justify-content:space-between}.popup .popup-container .popup-buttons .button{width:100%}#page-container{display:flex;justify-content:space-between;margin:auto;max-width:940px;height:100vh;padding:0 38px}#page-container h4{color:#595959;font-size:17px;font-weight:500;margin:24px 0 16px}#page-container #overview-container{height:calc(100% - 70px);overflow:auto;padding-bottom:70px;width:calc(100% - 450px - 80px)}#page-container #overview-container .button{align-items:center;background:rgba(0,175,215,.03);border-radius:15.5px;display:inline-flex;margin-top:10px;padding:0}#page-container #overview-container .button img{margin:7px 8px 7px 12px}#page-container #overview-container .button span{font-size:16px;font-weight:400;margin-right:16px}#page-container #overview-container h1{font-size:30px;font-weight:500;margin:50px 0 4px}#page-container #overview-container p,#page-container #overview-container ul,#page-container #overview-container ol{color:gray;font-size:14px;font-weight:500;line-height:1.4em;margin:0}#page-container #overview-container ul,#page-container #overview-container ol{margin:6px 14px;padding:0 10px}#page-container #overview-container .beta{color:#00afd7}#page-container #forms-container{background-color:#fff;border:1px solid #ebebeb;border-bottom:none;border-radius:10px 10px 0 0;box-sizing:border-box;height:calc(100% - 50px);margin:50px 0 0 80px;width:450px}#page-container #forms-container #header-container{height:47px;transition:height .25s}#page-container #forms-container #header-container.search{height:73px}#page-container #forms-container #header-container.search #actions-container{display:none}#page-container #forms-container #header-container.search #search-container{display:block}#page-container #forms-container #header-container #actions-container{align-items:center;display:flex;justify-content:space-between;padding:14px 0 4px}#page-container #forms-container #header-container #actions-container h3{color:#333;font-size:20px;font-weight:600;margin:0 20px;text-align:center}#page-container #forms-container #header-container #actions-container .actions{display:flex;margin-right:20px;position:relative}#page-container #forms-container #header-container #actions-container .actions #new-form{align-items:center;border-radius:14.5px;display:flex;padding:0}#page-container #forms-container #header-container #actions-container .actions #new-form img{margin:8px 8px 8px 12px}#page-container #forms-container #header-container #actions-container .actions #new-form span{font-size:16px;font-weight:400;margin-right:16px}#page-container #forms-container #header-container #actions-container .actions .circle-button{background:#ebebeb;border-radius:14.5px;margin-left:10px}#page-container #forms-container #header-container #actions-container .actions .circle-button:hover{background:#dbdbdb}#page-container #forms-container #header-container #actions-container .actions .circle-button img{display:block}#page-container #forms-container #header-container #actions-container .actions #sort-container{background:#fff;border:1px solid #ebebeb;border-radius:8px;box-shadow:0 0 100px 0 rgba(0,0,0,.1);min-width:147px;position:absolute;right:0;top:39px;z-index:10}#page-container #forms-container #header-container #actions-container .actions #sort-container h6{border-bottom:1px solid #ebebeb;color:#4d4d4d;font-size:15px;font-weight:500;margin:0;padding:5px 0;text-align:center}#page-container #forms-container #header-container #actions-container .actions #sort-container ul{margin:0;padding:3px 0}#page-container #forms-container #header-container #actions-container .actions #sort-container ul li{color:gray;cursor:pointer;font-size:15px;font-weight:500;list-style:none;padding:2px 12px;position:relative}#page-container #forms-container #header-container #actions-container .actions #sort-container ul li.selected{border-bottom-color:#00afd7;color:#00afd7}#page-container #forms-container #header-container #actions-container .actions #sort-container ul li.selected:not(.reverse) .default-icon{display:block}#page-container #forms-container #header-container #actions-container .actions #sort-container ul li.selected.reverse .reversed-icon{display:block}#page-container #forms-container #header-container #actions-container .actions #sort-container ul li img{display:none;position:absolute;right:12px;top:5px}#page-container #forms-container #header-container #search-container{display:none;position:relative;padding:14px 20px 0}#page-container #forms-container #header-container #search-container #search-icon{left:20px;pointer-events:none;position:absolute;top:14px}#page-container #forms-container #header-container #search-container input{background-color:#ebebeb;border:none;border-radius:8px;box-sizing:border-box;color:gray;display:block;font-family:"Avenir Next","Avenir",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;margin:0;padding:5px 36px;width:100%}#page-container #forms-container #header-container #search-container #cancel-search{right:20px;position:absolute;top:14px}#page-container #forms-container #header-container #search-container #search-criteria-container{display:flex;margin-top:7px;padding-left:1px}#page-container #forms-container #header-container #search-container #search-criteria-container span{color:gray;font-size:15px;font-weight:500}#page-container #forms-container #header-container #search-container #search-criteria-container select{background:none;border-radius:0;color:#00afd7;display:inline-block;font-size:15px;margin-left:6px;outline:none;padding:0;width:initial}#page-container #forms-container #recent-forms .segmented-control{display:flex;margin:0;padding:0}#page-container #forms-container #recent-forms .segmented-control li{user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;border-bottom:1px solid #d9d9d9;color:gray;cursor:pointer;display:block;font-size:16px;font-weight:500;padding:12px 0 10px;text-align:center;transition:border-bottom-color .15s,color .15s;width:50%}#page-container #forms-container #recent-forms .segmented-control li.selected{border-bottom-color:#00afd7;color:#00afd7}#page-container #forms-container #recent-forms .segmented-control li:not(.selected):hover{border-bottom-color:#bcbcbc;color:#606060}#page-container #forms-container #recent-forms #forms-to-approve-badge,#page-container #forms-container #recent-forms #all-forms-badge{background-color:#f04343;border-radius:9.5px;color:#fff;font-size:14px;font-weight:500;letter-spacing:-0.5px;margin-left:6px;padding:0 6.5px}#page-container #forms-container #recent-forms #loading{position:relative}#page-container #forms-container #recent-forms #loading div{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%)}#page-container #forms-container #recent-forms #loading div img{display:block;margin:auto;width:44px}#page-container #forms-container #recent-forms #loading div h4{color:#000;margin:14px 0 0}#page-container #forms-container #recent-forms #loading,#page-container #forms-container #recent-forms #my-forms,#page-container #forms-container #recent-forms #forms-to-approve{height:calc(100vh - 143px);overflow:auto}.form,#duplicate-form-preview,#delete-form-preview{position:relative}.form.is-next-signer::before,#duplicate-form-preview.is-next-signer::before,#delete-form-preview.is-next-signer::before{background-color:#f04343;border-radius:3.5px;content:"";display:block;height:7px;left:11px;margin-top:-3.5px;position:absolute;top:50%;width:7px}.form .content,#duplicate-form-preview .content,#delete-form-preview .content{cursor:default;margin:0 20px;padding:16px 8px 14px;position:relative}.form .content div,#duplicate-form-preview .content div,#delete-form-preview .content div{color:gray;font-size:15px;font-weight:500;margin-bottom:2px}.form .content div.title,#duplicate-form-preview .content div.title,#delete-form-preview .content div.title{color:#333;font-size:17px;font-weight:500}.form .content div.type,.form .content div.info,#duplicate-form-preview .content div.type,#duplicate-form-preview .content div.info,#delete-form-preview .content div.type,#delete-form-preview .content div.info{transition:opacity .15s}.form .content div svg,#duplicate-form-preview .content div svg,#delete-form-preview .content div svg{height:22px;margin:-3px 0 -1px;vertical-align:top}.form .content div .submitted,#duplicate-form-preview .content div .submitted,#delete-form-preview .content div .submitted{color:#00afd7}.form .content div .approved,#duplicate-form-preview .content div .approved,#delete-form-preview .content div .approved{color:#4bbb40}.form .content div .rejected,#duplicate-form-preview .content div .rejected,#delete-form-preview .content div .rejected{color:#f04343}.form .content div .cancelled,#duplicate-form-preview .content div .cancelled,#delete-form-preview .content div .cancelled{color:#f68531}.form .actions,#duplicate-form-preview .actions,#delete-form-preview .actions{bottom:16px;box-sizing:border-box;display:flex;opacity:0;padding:0 24px;position:absolute;transition:opacity .15s;width:100%}.form .actions .action,#duplicate-form-preview .actions .action,#delete-form-preview .actions .action{border-radius:13px;box-sizing:border-box;cursor:pointer;height:26px;justify-content:space-between;margin:0 4px;transition:background-color .15s,border-color .15s,color .15s;width:100%}.form .actions .action div,#duplicate-form-preview .actions .action div,#delete-form-preview .actions .action div{align-items:center;display:flex;justify-content:center;padding:3px 0}.form .actions .action div span,#duplicate-form-preview .actions .action div span,#delete-form-preview .actions .action div span{font-size:15px;font-weight:500;margin-left:3px}.form .actions .edit,#duplicate-form-preview .actions .edit,#delete-form-preview .actions .edit{background:#00afd7}.form .actions .edit div span,#duplicate-form-preview .actions .edit div span,#delete-form-preview .actions .edit div span{color:#fff;margin-right:4px}.form .actions .edit:hover,#duplicate-form-preview .actions .edit:hover,#delete-form-preview .actions .edit:hover{background-color:#009dc1}.form .actions .duplicate,#duplicate-form-preview .actions .duplicate,#delete-form-preview .actions .duplicate{border:1px solid #00afd7}.form .actions .duplicate div span,#duplicate-form-preview .actions .duplicate div span,#delete-form-preview .actions .duplicate div span{color:#00afd7}.form .actions .duplicate:hover,#duplicate-form-preview .actions .duplicate:hover,#delete-form-preview .actions .duplicate:hover{border-color:#009dc1}.form .actions .duplicate:hover span,#duplicate-form-preview .actions .duplicate:hover span,#delete-form-preview .actions .duplicate:hover span{color:#009dc1}.form .actions .delete,#duplicate-form-preview .actions .delete,#delete-form-preview .actions .delete{border:1px solid #f04343}.form .actions .delete div span,#duplicate-form-preview .actions .delete div span,#delete-form-preview .actions .delete div span{color:#f04343}.form .actions .delete:hover,#duplicate-form-preview .actions .delete:hover,#delete-form-preview .actions .delete:hover{border-color:#d33939}.form .actions .delete:hover span,#duplicate-form-preview .actions .delete:hover span,#delete-form-preview .actions .delete:hover span{color:#d33939}.form .actions .disabled-delete,#duplicate-form-preview .actions .disabled-delete,#delete-form-preview .actions .disabled-delete{border:1px solid #bebebe;cursor:not-allowed}.form .actions .disabled-delete div span,#duplicate-form-preview .actions .disabled-delete div span,#delete-form-preview .actions .disabled-delete div span{color:#cbcbcb}.form .actions .duplicate:hover img,.form .actions .delete:hover img,#duplicate-form-preview .actions .duplicate:hover img,#duplicate-form-preview .actions .delete:hover img,#delete-form-preview .actions .duplicate:hover img,#delete-form-preview .actions .delete:hover img{filter:brightness(0.9)}.form:hover .content::after{opacity:0}.form:hover .content .type{opacity:.5}.form:hover .content .info{opacity:0}.form:hover .actions{opacity:1}.form .content{border-bottom:1px solid #d9d9d9}.form .content::after{content:url("../images/list-arrow.svg");position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .15s}#duplicate-form-preview,#delete-form-preview{border:1px solid #d9d9d9;border-radius:10px;margin:12px 0}#duplicate-form-preview .content,#delete-form-preview .content{margin:0 12px}#new-form-popup .test-form{color:#f04343;font-size:15px;font-weight:500;margin-top:10px}#duplicate-form-popup .popup-content strong,#delete-form-popup .popup-content strong{font-weight:600}#delete-form-popup #delete-form{background:#f04343}#delete-form-popup #delete-form:hover{background:#d73c3c}