@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap";:root{--background-color: rgba(242, 242, 245, 1);--primary-color: rgba(237, 123, 37, 1);--secondary-color: rgb(197, 197, 197);--border-color: rgb(231, 231, 231);--text-color-gray: rgba(191, 191, 191, 1);--text-color-black: rgba(0, 0, 0, 1);--primary-color-shade: rgba(237, 123, 37, .3)}body{font-family:"Source Sans 3",sans-serif!important;overflow:hidden}body main .main-container{overflow-x:auto!important;width:calc(100% - 95px);background-color:#f8f9fa;height:100vh}body main .main-container.full-screen{overflow:hidden;width:100%}.login-card{background-color:var(--background-color);border-radius:10px;box-shadow:0 0 10px #0000001a}.login-card .login-card-header .login-card-icon{color:var(--primary-color);font-size:40px;border-right:2px solid var(--border-color)}.login-card .login-card-header .login-card-messages .login-card-title{color:var(--primary-color);font-size:25px}.login-card .login-card-header .login-card-messages .login-card-subtitle{color:var(--text-color-gray);font-size:14px}.login-card .login-card-footer{border-top:2px dashed var(--border-color);margin-top:20px}.login-card .login-card-footer .omjs-btn{background-color:var(--primary-color);color:#f5eeee;padding:13px 20px 13px 14px;transition:all .4s ease;border-radius:5px;font-size:18px}.login-card .login-card-footer .omjs-btn .omjs-btn-icon{color:#f5eeee;font-size:20px;border-right:2px solid var(--border-color)}.login-card .login-card-footer .access-btn{background-color:var(--secondary-color);color:#000;padding:13px 20px 13px 14px;transition:all .4s ease;border-radius:5px;font-size:18px}.login-card .login-card-footer .access-btn .access-btn-icon{color:#000;font-size:20px;border-right:2px solid var(--border-color)}.not-found-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--primary-color);text-align:center}.builder-image{max-width:100%;height:auto;margin-bottom:20px}.not-found-content h1{font-size:2.5rem;margin-bottom:1rem}.not-found-content p{font-size:1.25rem;margin-bottom:1.5rem}.back-btn{background-color:var(--secondary-color);border-radius:5px;color:#000;padding:13px 20px 13px 14px;transition:all .4s ease;font-size:18px}.back-btn:hover{opacity:85%;background-color:var(--secondary-color);color:#000}.sidebar{width:80px;transition:width .4s ease;overflow:hidden;color:#343a40}.sidebar.uncollapse{width:300px}.sidebar .sidebar-header{display:flex;justify-content:flex-start;padding:20px}.sidebar .sidebar-header .sidebar-logo{width:40px;height:40px;min-width:40px;transition:background-color .3s ease,color .3s ease;overflow:hidden}.sidebar .sidebar-header .sidebar-logo img{width:100%;height:100%}.sidebar .sidebar-header .sidebar-title{font-weight:700;font-size:22px;white-space:nowrap;overflow:hidden;max-width:0;opacity:0;transition:max-width .3s ease,opacity .3s ease,margin-left .3s ease;margin-left:0}.sidebar .sidebar-header .sidebar-title+.sidebar-title{margin-top:-10px}.sidebar .separator{border-top:2px solid var(--border-color)}.sidebar.uncollapse .sidebar-title{max-width:200px;opacity:1;margin-left:10px}.sidebar .nav-link{color:#343a40;display:flex;font-weight:700;font-size:13px;align-items:center;padding:10px;margin-bottom:15px;border-radius:4px;transition:background-color .3s ease,color .3s ease}.sidebar .nav-link:hover{color:var(--primary-color)}.sidebar .nav-link .icon{font-size:1.3rem;width:24px;text-align:center;transition:margin-right .3s ease}.sidebar .nav-link span{white-space:nowrap;overflow:hidden;max-width:0;opacity:0;margin-left:15px;transition:max-width .3s ease,opacity .3s ease}.sidebar .sidebar-footer{margin-top:auto}.sidebar.uncollapse .nav-link .icon{margin-right:10px}.sidebar.uncollapse .nav-link span{max-width:200px;opacity:1}.sidebar .nav-link-active{background-color:#f8f9fa;color:var(--primary-color);border-style:solid;border-color:var(--border-color);border-width:0;transition:border-width .3s ease}.sidebar:not(.uncollapse) .nav-link-active{border-left-width:1.5px;border-top-width:1.5px;border-bottom-width:1.5px}.sidebar.uncollapse .nav-link-active{border-width:1.5px;margin-right:15px}.btn-body .btn-style{background-color:var(--primary-color);color:#fff;transition:all .4s ease;white-space:nowrap}.btn-body .btn-style:hover{opacity:85%}.btn-body .btn-style:active{background-color:var(--primary-color);color:#fff}.templates-preview{cursor:pointer}.templates-preview .templates-preview h5{margin-bottom:1rem}.templates-preview .template-card{transition:transform .3s ease-in-out;max-width:230px;margin:0 auto}.templates-preview .template-card:hover{transform:translateY(-5px)}.templates-preview .template-card .template-thumbnail{aspect-ratio:.707;display:flex;align-items:center;justify-content:center;color:var(--primary-color);max-width:100%}.table-responsive{overflow:hidden;border:1px solid #dee2e6;border-radius:8px;background-color:#fff}.table{width:100%;margin-bottom:0}.table thead th.header{font-weight:700;text-align:left;padding:12px 8px;border-bottom:1px solid #dee2e6;position:sticky;top:0;z-index:1}.table thead th.header:first-child{margin-left:4px}.table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table thead th.sortable:hover{background-color:#e9ecef}.table tbody tr{box-shadow:0 2px 4px #0000001a;border-bottom:1px solid #dee2e6;transition:background-color .3s ease}.table tbody tr:hover{background-color:#f8f9fa}.table tbody tr:last-child{border-bottom:transparent}.table tbody td{padding:16px 8px;font-size:14px;vertical-align:middle;text-align:left}.table tbody td:first-child{margin-left:4px}.checkmark-column{width:5%}.template-column{width:17%}.user-column{width:12%}.email-column{width:23%}.role-column{width:17%}.role-column .role-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;align-items:center}.role-column .role-badge{display:flex;justify-content:center;align-items:center;height:30px;width:30px;background-color:var(--primary-color);border-radius:50%;color:#fff;font-size:14px}.role-column .role-badge .fa{margin:0!important;cursor:default}.status-column,.date-column,.last-edited-column{width:10%}.type-column{width:5%}.action-column{width:15%}.fas,.fa{font-size:14px;cursor:pointer;margin:0 20px 0 0}.badge{background-color:var(--primary-color);border-radius:1rem}.btn-body .btn-template{background-color:var(--primary-color);color:#fff;transition:all .4s ease;white-space:nowrap}.btn-body .btn-template:hover{opacity:85%}.page-link{background-color:transparent;border:transparent;color:#000;transition:background-color .3s ease;border-radius:20%;margin:0 10px}.page-link:hover i{opacity:55%}.page-link:hover div{background-color:var(--primary-color);color:#fff}.page-item.active .page-link{background-color:var(--primary-color)!important;color:#fff!important;border:transparent}.page-item.active .page-link i{color:#fff!important}.page-link i{color:var(--primary-color)}.template-details{border-bottom:2px solid var(--border-color);background-color:#fff;padding:10px 0;height:70px}.template-details .template-details-left .return-to-templates{color:#d0d0d3;transition:all .4s ease;font-size:15px}.template-details .template-details-left .return-to-templates:hover{color:#b1b1b4}.template-details .template-details-left .template-field input{border:2px solid var(--border-color)!important;color:var(--text-color-black);background-color:#fff;padding:10px;transition:all .4s ease;border-radius:5px;cursor:pointer;outline:none;width:100%;box-shadow:0 4px 8px 0 var(--border-color),0 6px 20px 0 var(--border-color)}.template-details .template-details-left .template-field input::placeholder{color:var(--text-color-black);font-size:15px}.template-details .template-details-left .save-title-button{background-color:var(--primary-color);padding:7px 13px 7px 15px;transition:all .4s ease;cursor:pointer;font-size:20px}.template-details .AddAccess{cursor:pointer}.template-details .btn-template{background-color:var(--primary-color);color:#fff;transition:all .4s ease;white-space:nowrap;height:40px}.template-details .btn-template:hover{opacity:85%}.template-details .btn-template:active{background-color:var(--primary-color);color:#fff}.workspace-container{background-color:var(--background-color)}.workspace-container .btn-new-page{background-color:var(--primary-color);color:#fff;transition:all .4s ease;white-space:nowrap;height:40px;width:160px}.workspace-container .btn-new-page:hover{opacity:85%}.workspace-container .btn-new-page:active{background-color:var(--primary-color);color:#fff}.template-page-overview{border-right:2px solid var(--border-color);background-color:#fff;width:200px;height:calc(100vh - 70px)}.template-workspace{background-color:var(--background-color);padding:10px;height:100%;overflow-y:scroll}.template-workspace .template-canvas{height:100%;width:100%;display:flex;justify-content:center}.template-workspace .template-canvas .page-preview{background-color:#fff;width:210mm;height:297mm;aspect-ratio:210/297;border-radius:5px;box-shadow:0 0 10px #0000001a;border:1px solid #ddd}@media (max-width: 1920px){.template-workspace .template-canvas .page-preview{transform:scale(.85)}}@media (max-width: 1440px){.template-workspace .template-canvas .page-preview{transform:scale(.65)}}@media (max-width: 1200px){.template-workspace .template-canvas .page-preview{transform:scale(.55)}}@media (max-width: 1000px){.template-workspace .template-canvas .page-preview{transform:scale(.5)}}@media (max-width: 800px){.template-workspace .template-canvas .page-preview{transform:scale(.45)}}.template-workspace .template-canvas .page-preview .page-content{height:100%}.template-workspace .template-canvas .page-preview .page-content .component-wrapper{position:relative}.template-workspace .template-canvas .page-preview .page-content .component-wrapper .delete-icon,.template-workspace .template-canvas .page-preview .page-content .component-wrapper .edit-icon{position:absolute;top:5px;font-size:16px;cursor:pointer;display:none}.template-workspace .template-canvas .page-preview .page-content .component-wrapper .delete-icon{right:5px;color:red}.template-workspace .template-canvas .page-preview .page-content .component-wrapper .edit-icon{color:#000;right:35px}.template-workspace .template-canvas .page-preview .page-content .component-wrapper:hover .delete-icon,.template-workspace .template-canvas .page-preview .page-content .component-wrapper:hover .edit-icon{display:block}.template-workspace .template-canvas .empty-state{width:210mm;height:297mm;background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:5px}@media (max-width: 1920px){.template-workspace .template-canvas .empty-state{transform:scale(.85)}}@media (max-width: 1200px){.template-workspace .template-canvas .empty-state{transform:scale(.55)}}@media (max-width: 1000px){.template-workspace .template-canvas .empty-state{transform:scale(.5)}}@media (max-width: 800px){.template-workspace .template-canvas .empty-state{transform:scale(.45)}}.template-workspace .template-canvas .empty-state p{font-size:16px}.template-settings-overview{border-left:2px solid var(--border-color);background-color:#fff;width:80px;height:calc(100vh - 70px)}.template-settings-overview .components-icon{font-size:28px;color:var(--primary-color)}.template-settings-overview .components-icon:hover{opacity:80%}.template-settings-overview .template-settings-categorie{width:100%}.template-settings-overview .template-settings-categorie .template-settings-item{cursor:pointer;text-align:center;width:100%}.template-settings-overview .template-settings-categorie .template-settings-item:hover{opacity:80%}.template-settings-overview .template-settings-categorie .template-settings-item span{font-size:14px}.template-settings-overview .template-settings-categorie .disabled{pointer-events:none}.template-settings-overview .template-settings-categorie .disabled i{color:gray!important}.component-overview{border-left:2px solid var(--border-color);background-color:#fff;width:300px;height:calc(100vh - 70px)}.component-overview .component-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:10px}.component-overview .component-item i{font-size:24px;margin-bottom:5px;color:var(--primary-color)}.component-overview .component-item:hover{opacity:80%}.component-overview .component-item span{font-size:14px}.component-overview .component-categorie{width:100%;height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.component-overview .component-header{width:100%;border-bottom:2px solid var(--border-color)}.component-overview .btn-new{background-color:var(--primary-color);color:#fff;transition:all .4s ease;white-space:nowrap}.component-overview .btn-new:hover{opacity:85%}.component-overview .btn-new:active{background-color:var(--primary-color);color:#fff}.component-overview .new-icon{color:var(--primary-color)}.component-overview .close-icon{cursor:pointer;opacity:50%;color:red}.component-overview .close-icon:hover{opacity:100%}.component-overview .edit-overview-icon{background-color:var(--primary-color-shade);color:var(--primary-color);border-radius:50%;font-size:35px;padding:12px}.component-overview .disabled{pointer-events:none}.component-overview .disabled i{color:gray!important}.component-overview .custom-dropdown-btn{width:100%;background:white;border:2px solid var(--border-color);cursor:pointer}.component-overview .custom-dropdown-btn i{color:var(--primary-color)}.component-overview .imagebtn{width:100%;background:var(--primary-color);color:#fff;cursor:pointer}.component-overview .dropdown-menu{border:2px solid var(--border-color);border-radius:5px;width:100%;max-height:250px;overflow-y:auto}.component-overview .description-text{font-size:10px;margin-left:5px}.component-overview .toggle-description{font-size:11px;color:var(--primary-color);cursor:pointer}.component-overview .form-control{border:2px solid var(--border-color)!important;box-shadow:none!important;outline:none!important;resize:none!important}.component-overview .form-control:focus{border:2px solid var(--primary-color)!important}.component-overview .dropdown-item{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer}.component-overview .dropdown-item:hover{background-color:var(--background-color)}.component-overview .dropdown-item:active{background-color:transparent;color:#000}.component-overview .dropdown-item i,.component-overview img{color:var(--primary-color);width:20px;margin:0 10px 0 0;text-align:center}.component-overview .size-icons{color:gray;margin-left:1px}.component-overview .size-icons .size-icon-btn{cursor:pointer}.component-overview .size-icons .size-icon-btn:hover,.component-overview .size-icons .size-icon-btn.selected{color:var(--primary-color)}.btn-body .btn-document{background-color:var(--primary-color);color:#fff;transition:all .4s ease;white-space:nowrap}.btn-body .btn-document:hover{opacity:85%}.btn-body .btn-document:active{background-color:var(--primary-color);color:#fff}.btn-body:hover{opacity:85%}.card-title,.card .component-title{font-size:17px;font-weight:500;margin-bottom:0}.card-text{margin-top:0;font-size:13px;color:#a6a6a6;font-weight:400}.custom-textarea{resize:none;overflow:hidden;white-space:pre-wrap;min-height:2.5rem;width:100%;height:auto;background-color:#f0f0f0;cursor:default}.page-overview{max-height:85vh;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}@media (max-height: 1000px){.page-overview{max-height:80vh}}.page-overview::-webkit-scrollbar{display:none}.pages{min-height:100%;max-width:210mm;margin:0 auto}.page{background:white;border:2px solid #ddd;border-radius:4px;position:relative;aspect-ratio:.707;min-height:120px;margin-bottom:1rem;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;justify-content:space-between}.page.selected{border:2px solid var(--primary-color)}.single-template-page{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--primary-color);padding:.5rem;flex:1}.page-info{padding:.5rem}.page-menu{display:flex;align-items:center}.page-menu i{cursor:pointer;color:#666;transition:color .2s ease}.page-menu i:hover{color:#333}.page-count{color:#666;font-weight:500}.page-overview-title{font-size:.9rem;color:inherit;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-overview-pagenumber{font-size:2rem;color:inherit;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.span-container{width:100%}.modal-content{border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026}.modal-header{border-bottom:none;padding-bottom:0}.modal-footer{border-top:none;padding-top:0}.modal .btn-close:focus{box-shadow:none}.modal .deletion-icon i{background-color:var(--primary-color-shade);color:var(--primary-color);border-radius:50%;font-size:25px;padding:12px}.modal .form-control{resize:none;border:none;background-color:#f8f9fa;font-size:medium}.modal .form-control:focus{box-shadow:none;border-color:#80bdff}.modal i{color:var(--primary-color);margin-right:8px}.modal .btn{padding:.375rem 1.5rem;border-radius:1rem}.modal .btn-create{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color)}.modal .btn-create:hover{opacity:85%}.modal .btn-create:active,.modal .btn-delete{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color)}.modal .btn-delete:hover{opacity:85%}.modal .btn-delete:active{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color)}.modal .btn-dismiss{color:#fff;background-color:#6c757d;border-color:#6c757d}.modal .btn-dismiss:hover{opacity:85%}.modal .btn-dismiss:active{color:#fff;background-color:#6c757d;border-color:#6c757d}.modal .badge{background-color:var(--primary-color);border-radius:1rem}.text-input-preview{margin-left:65px;margin-right:65px}.textfield-input{font-size:16px;padding:5px;border:1px solid #ccc;width:100%;box-sizing:border-box;box-shadow:1px 2px 1px #0000008a;resize:none}textarea{background-color:#f0f4ff}textarea:focus{outline:none}.textrow-input{font-size:16px;border:1px solid #ccc;width:40%;box-sizing:border-box;resize:none;margin-left:12px}.textrow-label-text{font-size:17px;font-weight:500;width:20%}input{background-color:#f0f4ff}input:focus{outline:none}.description-text{font-size:13px;color:#a6a6a6;font-weight:400}.multiple-choice-input-preview{margin-left:65px}.text-left ul{margin:10px 0;padding-left:0;list-style-type:none}.option-item{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:5px}button{padding:8px 16px;font-size:1rem;border:1px solid #ccc;border-radius:4px;background-color:#f0f0f0;cursor:pointer;margin-right:10px;transition:background-color .2s}button:hover{background-color:#e0e0e0}.number-input-preview{margin-left:65px}.text-left{text-align:left}.display-number{font-size:1.25rem;padding:5px;border:1px solid #ccc;border-radius:4px;width:fit-content}.display-number input{background-color:#f0f4ff}.label-text{font-size:17px;font-weight:500}.logo-container{position:relative;width:100%;height:90px;pointer-events:none}.logo-top-left{position:absolute;top:0;left:0;width:auto;height:100%;object-fit:contain}.text-page-preview{width:100%;text-align:left;margin-left:65px;margin-top:30px}.text-content{word-wrap:break-word;max-width:680px}.title-text{display:inline-block;word-wrap:break-word;font-weight:700;font-size:24px}.heading-page-preview-heading{width:100%}.btn-new{background-color:var(--primary-color);color:#fff;transition:all .4s ease;white-space:nowrap}.btn-new:hover{opacity:85%;background-color:var(--primary-color);color:#fff}.btn-new:active{background-color:var(--primary-color);color:#fff}.seperator{border-top:2px solid var(--border-color)}.menu-icon .trash-icon{font-size:15px;color:gray}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.page-preview{background-color:#fff;width:210mm;height:297mm;aspect-ratio:210/297;border-radius:5px;box-shadow:0 0 10px #0000001a;border:1px solid #ddd;z-index:100;position:relative}@media (max-width: 1440px){.page-preview{transform:scale(.68)}}@media (max-width: 1200px){.page-preview{transform:scale(.58)}}@media (max-width: 1000px){.page-preview{transform:scale(.53)}}@media (max-width: 800px){.page-preview{transform:scale(.48)}}.page-preview .page-content{height:100%}.page-preview .navigation-arrows{position:absolute;bottom:-60px;width:100%;display:flex;justify-content:space-between;z-index:4}.page-preview .navigation-arrows .arrow{font-size:16px;font-weight:700;color:#000;cursor:pointer;transition:opacity .2s ease-in-out}.page-preview .navigation-arrows .arrow:hover{opacity:.8}.page-preview .navigation-arrows .arrow-left{text-align:left}.page-preview .navigation-arrows .arrow-right{text-align:right}.btn-done{background-color:var(--primary-color);color:#fff;transition:all .4s ease;white-space:nowrap}.btn-done:hover{background-color:var(--primary-color);color:#fff;opacity:85%}