.btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.btn:hover:not(:disabled){opacity:.9}.btn:active:not(:disabled){opacity:.8}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#0d6efd;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0143a3}body,html{height:100%;margin:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body .body-row{margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#canvas--holder{padding:0;margin:0;overflow:hidden;position:relative}#canvas--holder canvas{position:absolute;width:100%;height:100%}.project-settings.expand{width:72%}.project-settings{position:absolute;right:70px;top:102px;width:330px;border:1px solid #d9d7d7;z-index:1000;background:#fff;box-shadow:1px 2px 20px;padding-bottom:20px}@media (max-width: 1024px){.project-settings{position:fixed;bottom:100px;left:0;right:0;top:auto;width:100%;height:65vh;border:none;border-top:1px solid #d9d7d7;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #0000001a;padding-bottom:80px}.project-settings.expand{width:100%;height:85vh}}.project-settings .wrapper{position:relative}.project-settings .wrapper .title-bar{display:flex;align-items:center;justify-content:space-between;padding:15px 0;margin-bottom:15px;border-bottom:1px solid #d9d7d7;background:#fff;position:sticky;top:0;z-index:10}.project-settings .wrapper .title-bar h3{flex:1;margin:0;font-size:1.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.project-settings .wrapper .title-bar .title-bar-controls{flex-shrink:0;display:flex;align-items:flex-start;justify-content:flex-end;gap:6px}.project-settings .wrapper .title-bar .expand-button,.project-settings .wrapper .title-bar .close-button,.project-settings .wrapper .title-bar .warning-badge,.project-settings .wrapper .title-bar .error-badge{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:1}.project-settings .wrapper .title-bar .expand-button{cursor:pointer;color:#4f4f57}.project-settings .wrapper .title-bar .expand-button:hover{color:#1b85b7}.project-settings .wrapper .title-bar .expand-button .expand-icon{height:22px;display:flex;align-items:center;justify-content:center;font-size:18px}.project-settings .wrapper .title-bar .expand-button .expand-label{font-size:9px;text-transform:lowercase}@media (max-width: 1024px){.project-settings .wrapper .title-bar .expand-button{display:none}}.project-settings .wrapper .title-bar .close-button{cursor:pointer;color:#4f4f57}.project-settings .wrapper .title-bar .close-button:hover{color:#1b85b7}.project-settings .wrapper .title-bar .close-button .close-icon{height:22px;display:flex;align-items:center;justify-content:center;font-size:18px}.project-settings .wrapper .title-bar .close-button .close-label{font-size:9px;text-transform:lowercase}.project-settings .wrapper .title-bar .warning-badge,.project-settings .wrapper .title-bar .error-badge{visibility:hidden}.project-settings .wrapper .title-bar .warning-badge .badge-count,.project-settings .wrapper .title-bar .error-badge .badge-count{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:11px;color:#fff}.project-settings .wrapper .title-bar .warning-badge .badge-label,.project-settings .wrapper .title-bar .error-badge .badge-label{font-size:7px;text-transform:lowercase}.project-settings .wrapper .title-bar .warning-badge .badge-count{background-color:#f7a53c}.project-settings .wrapper .title-bar .warning-badge .badge-label{color:#f7a53c}.project-settings .wrapper .title-bar .error-badge .badge-count{background-color:#ed301d}.project-settings .wrapper .title-bar .error-badge .badge-label{color:#ed301d}.project-settings .wrapper .title-bar .warning-badge.visible,.project-settings .wrapper .title-bar .error-badge.visible{visibility:visible}.project-settings .wrapper .scrolling-wrapper{overflow-y:auto;overflow-x:hidden;height:600px}@media (max-width: 1024px){.project-settings .wrapper .scrolling-wrapper{height:calc(65vh - 100px);padding-bottom:100px}}.project-settings .selector-delete-btn{border-top:1px solid #4f4f57;padding-top:20px}.project-settings form div{margin:20px 0}.project-settings .expand-graph{display:flex;justify-content:space-between}.project-settings .chart-title{margin-bottom:10px}.project-settings .create-material-container.expanded{display:flex;gap:20px}.project-settings .create-material-container.expanded .create-material-left{flex:1;min-width:0;position:sticky;top:50px;align-self:flex-start}.project-settings .create-material-container.expanded .create-material-right{flex:1;min-width:0}.project-settings .warning{background-color:#f7a53c;font-weight:700;padding:10px;margin-bottom:10px}.project-settings .error{background-color:#ed301d;font-weight:700;padding:10px;margin-bottom:10px}.project-settings .errors-and-warnings{display:none}@media (max-width: 1024px){.project-settings .errors-and-warnings{display:block}}.project-settings section h4{position:sticky;top:0;background:#fff;z-index:0;margin:0;padding-top:10px}.setting-selector{position:absolute;top:102px;right:20px;width:50px;height:80%;z-index:999}@media (max-width: 1024px){.setting-selector{display:none}}.setting-selector .selector-box{position:relative;height:50px;width:50px;background-color:#caddf1;border-radius:50%;border:1px solid #0A2D5E;display:inline-block;margin-bottom:40px}.setting-selector .selector-box.active{border:1px solid #0A2D5E;background:#0a2d5e}.setting-selector .selector-box.active .selector-icon{color:#fff}.setting-selector .selector-box:hover{cursor:pointer;opacity:60%}.setting-selector .selector-box .selector-icon{color:gray;position:absolute;top:12px;left:12px}.setting-selector .selector-box .selector-box-title{position:absolute;top:70px;left:25px;transform:translate(-50%,-50%);font-size:12px;color:#000;font-weight:700}.settings-editor-panel{position:absolute;right:40px;top:102px;width:350px;z-index:1001;background:#fff;box-shadow:1px 2px 20px;border-radius:8px;padding:20px}.settings-editor-panel .settings-editor-triangle{position:absolute;top:30px;right:-10px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid white}.errors-warnings-panel{top:0;max-height:calc(100vh - 120px)}.errors-warnings-panel .error-section{margin-bottom:16px}.errors-warnings-panel .error-section .error-title{color:#dc3545;font-weight:600;margin-bottom:8px}.errors-warnings-panel .error-section .error-list{margin:0;padding-left:20px}.errors-warnings-panel .error-section .error-list li{color:#dc3545;margin-bottom:4px}.errors-warnings-panel .warning-section .warning-title{color:#ffc107;font-weight:600;margin-bottom:8px}.errors-warnings-panel .warning-section .warning-list{margin:0;padding-left:20px}.errors-warnings-panel .warning-section .warning-list li{color:#856404;margin-bottom:4px}.project-settings.expand .errors-warnings-panel{right:calc(96% + 85px);width:220px;padding:12px;font-size:.8em}.project-settings.expand .errors-warnings-panel .error-title,.project-settings.expand .errors-warnings-panel .warning-title{font-size:.9em;margin-bottom:5px}.project-settings.expand .errors-warnings-panel .error-list,.project-settings.expand .errors-warnings-panel .warning-list{padding-left:14px}.project-settings.expand .errors-warnings-panel .error-list li,.project-settings.expand .errors-warnings-panel .warning-list li{margin-bottom:2px}.settings-editor-desktop-container{display:block;position:absolute;top:0;left:0;pointer-events:none}.settings-editor-desktop-container>*{pointer-events:auto}@media (max-width: 1024px){.settings-editor-desktop-container{display:none}}.settings-editor-mobile-container{display:none}@media (max-width: 1024px){.settings-editor-mobile-container{display:block}.settings-editor-mobile-container .settings-editor-panel{position:relative;right:auto;top:auto;width:100%;margin-top:16px;box-shadow:0 2px 10px #0000001a}.settings-editor-mobile-container .settings-editor-panel .settings-editor-triangle{display:none}}.processor{position:relative}.processor .processor-icon{position:absolute;top:10px;left:10px;display:block}.user-proceed{padding:15px;background:#f5f5f5;background-position:center center;background-repeat:no-repeat;background-size:400px auto;min-height:100vh}.user-proceed .user-proceed__form{border:1px solid #d9d7d7;padding:20px;box-shadow:-4px 9px 20px 1px;background:#fff;position:relative;z-index:1;width:100%}.logoutButton{text-align:center}.logoutButton .btn-logout{width:100px;margin-right:10px}.loading-page{height:100vh;background:#d3d3d3}.loading-page .loading-page__spinner{height:100%}.loading-page .loading-page__spinner .spinner-border{position:absolute;top:35%;left:48%;width:4rem;height:4rem}.loading-page .loading-page__spinner .spinner-border .sr-only{display:none}.reset-password{text-align:right;display:inline-block;width:100%}.rounded-button{width:50px;height:50px;background:#fff;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid black;cursor:pointer;margin-right:-8px;color:#4f4f57}.rounded-button:hover{color:#1b85b7;border-color:#1b85b7}.user-modal{position:absolute;width:200px;height:250px;border:1px solid #d9d7d7;z-index:10000;background-color:#f5f5f5;right:20px;top:55px;border-radius:10px;padding:10px;text-align:left;box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px}.user-modal ul{list-style:none;margin:20px 0;padding-left:0}.user-modal ul li{padding:10px}.user-modal ul li:hover{cursor:pointer;background:#d3d3d3;border-radius:10px}.user-modal ul li{margin:20px 0}.user-modal ul li a{text-decoration:none;margin:20px 15px;color:#3042cf}.body--work-area .project-table .create-project-btn{text-decoration:none;margin-left:20px}.body--work-area .project-table input{width:100%}.body--work-area .project-table tr.project-open{cursor:pointer}.body--work-area .project-table td button{margin-right:10px}.input-selector input[Type=text]{width:90%;display:inline-flex}.input-selector .search-icon{display:inline-flex;width:10%}.header-row{display:grid;gap:0px;align-items:center}.header-row .edit-header input{width:75px}.header-row .cell{border:1px solid darkgray;background:#d3d3d3;height:60px;width:90px;text-align:center}.header-row .cell .cell-trash{display:inline;padding-right:21px;color:red}.header-row .cell .cell-approve{display:inline;font-size:1.3em;color:green}.header-row .cell:hover{cursor:pointer;display:inline;background:#f6f5f5c7}.header-row .cell:hover .cell-pencil{display:block}.header-row .cell .cell-pencil{display:none;text-align:center}.header-row .add-cell{border:none;background:none;cursor:pointer;white-space:nowrap;text-align:center}.header-row .add-cell:hover{font-weight:700;color:#1b85b7;font-size:20px;padding:0}.grid .row{display:grid}.grid .row.row-new .cell{background-color:#d4edda;border-color:#28a745}.grid .row.row-updated .cell{background-color:#fff3cd;border-color:#ffc107}.grid .row .cell{padding:5px;width:90px;border:1px solid #ccc;text-align:center}.grid .row .cell.editing{border:1px solid blue;background:#add8e6}.grid .row .cell input[type=number]::-webkit-outer-spin-button,.grid .row .cell input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.grid .row .cell input[type=number]{-moz-appearance:textfield}.grid .row .cell input{border:none;outline:none}.grid .row .cell input{background:transparent}.create-new h1{padding:10px 20px}.create-new{background-color:#f5f5f5}.create-new .card{margin:20px}.create-new img{width:400px}.create-new button{margin-right:30px}.edit h1{padding:20px}.edit{background-color:#f5f5f5}.edit .card{margin:20px}.edit button{margin-top:20px;margin-right:40px}.list-view .list-header{display:flex;justify-content:space-between;align-items:center;padding:0 30px}.list-view .list-body table tr.cursher-row{padding:10px 0;vertical-align:middle}.list-view .list-body table tr.cursher-row .crusher{display:flex;justify-content:space-around;align-items:center}.list-view .list-body table tr.cursher-row .crusher img{border-radius:10px}.nav{display:flex;margin-bottom:10px}.nav .nav-item{flex:1}.nav .nav-item:first-child{flex:0 1 auto}.nav .nav-link{border-bottom:2px solid #d3d3d3;color:#000}.nav .nav-link.active{border-bottom:2px solid #1b85b7;color:#1b85b7;font-weight:700}.material-selector{position:relative}.material-selector .material-selector-header{border:1px solid #ced4da;border-radius:.375rem;padding:.375rem .75rem;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.material-selector .material-selector-header .dropdown-arrow{color:#6c757d;transition:transform .2s ease}.material-selector .material-selector-header .dropdown-arrow.open{transform:rotate(180deg)}.material-selector .material-options{position:absolute;top:100%;left:0;right:0;border:1px solid #ced4da;border-radius:.375rem;max-height:150px;overflow-y:auto;background-color:#fff;z-index:1000;box-shadow:0 2px 10px #0000001a}.material-selector .material-options .material-option{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid #e9ecef}.material-selector .material-options .material-option:last-child{border-bottom:none}.material-selector .material-options .material-option:hover{background-color:#e9ecef}.material-selector .material-options .material-option.selected{background-color:#1b85b7;color:#fff}.material-selector .material-options .material-option.selected:hover{background-color:#1b85b7}.material-selector .material-options .material-option.highlighted{background-color:#e9ecef}.material-selector .material-options .material-option.selected.highlighted{background-color:#1b85b7;color:#fff}.material-selector .material-options .material-option .material-name{cursor:pointer;flex:1}.material-selector .material-options .material-option .copy-btn{margin-left:10px;padding:.25rem .5rem}.form-label{font-size:.8em;font-weight:700}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.pagination-container{flex-direction:column;gap:.5rem}}.pagination-info{color:#4f4f57;font-size:.875rem}.pagination{display:flex;gap:.25rem;align-items:center}.pagination-button{min-width:2.5rem;height:2.5rem;padding:.5rem .75rem;border:1px solid #d9d7d7;background-color:#fff;color:#333;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s ease-in-out}.pagination-button:hover:not(:disabled){background-color:#f1f6ff;border-color:#0d6efd;color:#0d6efd}.pagination-button:active:not(:disabled){background-color:#d7e7ff}.pagination-button.active{background-color:#0d6efd;border-color:#0d6efd;color:#fff;font-weight:600}.pagination-button.active:hover{background-color:#0262ef;color:#fff}.pagination-button:disabled{cursor:not-allowed;opacity:.5;background-color:#f5f5f5;color:#4f4f57}.pagination-button:disabled:hover{background-color:#f5f5f5;border-color:#d9d7d7;color:#4f4f57}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;color:#4f4f57;-webkit-user-select:none;user-select:none}.sub--nav{position:relative;background:#0a2d5e;border-right:1px solid #d9d7d7;width:68px;padding:0}.sub--nav .sub-nav__item{height:70px;margin-top:16px}.sub--nav .sub-nav__item .hidden{display:none}.sub--nav .sub-nav__item .default-icon{display:block}.sub--nav .sub-nav__item:hover{cursor:pointer}.sub--nav .sub-nav__item:hover .hidden{display:block}.sub--nav .sub-nav__item:hover .default-icon{display:none}.sub--nav .sub-nav__item img{margin:0 auto}.sub--nav .sub-nav__item{color:#fff}.sub--nav .sub-nav__item.active{background-color:#e1eaf6}.sub--nav .sub-nav__item.active .sub-nave__item-text{color:#00f}.sub--nav .sub-nav__item .sub-nave__item-text{padding:2px;font-size:11px;text-align:center}.sub--nav .off-canvas{position:absolute;top:0;left:68px;border-right:1px solid #d9d7d7;width:68px;height:100%;background:#fff;visibility:hidden;padding-top:20px}.sub--nav .off-canvas.show{visibility:visible;z-index:1000}.sub--nav .sub-nav__dropdown{position:absolute;left:100%;background:#0a2d5e;border:1px solid #d9d7d7;border-radius:0;box-shadow:1px 2px 20px;z-index:1000;padding:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:0;height:70px}.sub--nav .sub-nav__dropdown-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;cursor:pointer;border-radius:0;transition:background-color .2s;min-width:100px;height:70px;max-height:70px;text-align:center;white-space:nowrap;box-sizing:border-box}.sub--nav .sub-nav__dropdown-item:hover{background-color:#e1eaf6;height:70px;max-height:70px}.sub--nav .sub-nav__dropdown-item:hover .dropdown-item__text{color:#0a2d5e}.sub--nav .sub-nav__dropdown-item .dropdown-item__icon{margin-bottom:8px;display:flex;align-items:center;justify-content:center;position:relative}.sub--nav .sub-nav__dropdown-item .dropdown-item__icon .dropdown-icon-default{display:block}.sub--nav .sub-nav__dropdown-item .dropdown-item__icon .dropdown-icon-hover,.sub--nav .sub-nav__dropdown-item:hover .dropdown-item__icon .dropdown-icon-default{display:none}.sub--nav .sub-nav__dropdown-item:hover .dropdown-item__icon .dropdown-icon-hover{display:block}.sub--nav .sub-nav__dropdown-item .dropdown-item__fallback-icon{width:40px;height:40px;background-color:#007bff;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700}.sub--nav .sub-nav__dropdown-item .dropdown-item__text{font-size:11px;font-weight:500;color:#fff;line-height:1.2}@media (max-width: 1024px){.sub--nav{display:none}}.create-material-container{display:flex;gap:1rem;flex-direction:column}.create-material-container.expanded{flex-direction:row}.create-material-left,.create-material-right{flex:1}.sticky-header{position:sticky;top:0;background-color:#fff;z-index:10;padding-top:8px;padding-bottom:8px;margin-bottom:.5rem}.sticky-subheader{position:sticky;top:35px;background-color:#fff;z-index:9;margin-left:-12px;margin-right:-12px;padding:8px 12px;border-bottom:1px solid #dee2e6}.size-row-col-grip,.size-row-col-size,.size-row-col-passing,.size-row-col-actions{padding-right:4px}.drag-handle{cursor:grab;padding-right:4px}.drag-handle:active{cursor:grabbing}.drag-handle .grip-icon{color:#6c757d;pointer-events:none}.draggable-row{transition:transform .2s ease}.draggable-row.is-dragging{opacity:.5;transition:none}.draggable-row.shift-down{transform:translateY(-40px)}.draggable-row.shift-up{transform:translateY(40px)}.draggable-row.drag-over-from-above{margin-top:40px}.draggable-row.drag-over-from-below{margin-bottom:40px}.project-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.project-info-header h5{margin:0}.project-info-header .close-button{padding:0;color:#666}.project-info-actions{display:flex;gap:8px}.canvas-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.canvas-settings-header h5{margin:0}.canvas-settings-header .close-button{padding:0;color:#666}