.alert-overlay>.alert.image-detail-modal{display:block;box-sizing:border-box;width:1200px;height:900px;min-width:600px;min-height:360px;max-width:96vw;max-height:92vh;box-sizing:border-box;padding:.5rem}@media(max-width: 1024px){.alert-overlay>.alert.image-detail-modal{width:85vw;height:80vh;min-width:unset;min-height:unset}}@media(max-width: 480px){.alert-overlay>.alert.image-detail-modal{width:96vw;height:92vh;padding:.75rem}}.alert-overlay>.alert.image-detail-modal .image-detail-panel{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;gap:.5rem;padding:.5rem}.alert-overlay>.alert.image-detail-modal .image-detail-header{width:100%;padding:.75rem .5rem;margin-bottom:.5rem;display:flex;gap:1rem;align-items:center;box-sizing:border-box;flex:0 0 auto;min-width:0;min-height:3.25rem}.alert-overlay>.alert.image-detail-modal .image-detail-header .image-detail-title{color:var(--primary-text-color, #d6d6d6);min-width:0;flex:1 1 0;font-family:"Nunito";font-size:var(--font-size-xl, 22px);font-style:normal;font-weight:600;line-height:var(--font-units-lg, 28px)}.alert-overlay>.alert.image-detail-modal .image-detail-header .image-detail-meta{display:grid;grid-template:auto auto/1fr 1fr;gap:.125rem .75rem;align-self:center;color:var(--primary-text-color, #d6d6d6);font-size:var(--font-size-xs, 0.875rem);line-height:1.1}.alert-overlay>.alert.image-detail-modal .image-detail-header .image-detail-right{display:flex;align-items:center;gap:1.25rem;margin-left:auto}.alert-overlay>.alert.image-detail-modal .image-detail-header .image-detail-meta .meta-label{color:var(--font-colors-Label-Description, #96999d);font:400 var(--font-size-2xs, 12px)/var(--font-units-xs, 16px) var(--font-family-font-family, "Nunito");white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-overlay>.alert.image-detail-modal .image-detail-header .image-detail-meta .meta-item{color:var(--font-colors-default, #d6d6d6);font:400 var(--font-size-xs, 14px)/normal var(--font-family-font-family, "Nunito");white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-overlay>.alert.image-detail-modal .image-detail-header .image-detail-actions{display:flex;gap:1.25rem}.alert-overlay>.alert.image-detail-modal .image-detail-header .image-detail-actions button{min-width:100px;height:30px}.alert-overlay>.alert.image-detail-modal .image-detail-content{flex:1 1 auto;min-height:0;display:flex;justify-content:center;align-items:center;padding:.5rem}.alert-overlay>.alert.image-detail-modal .image-detail-content .detailed-image-wrapper{box-sizing:border-box;width:100%;height:100%;min-height:0;overflow:auto;touch-action:none}.alert-overlay>.alert.image-detail-modal .image-detail-content .detailed-image-wrapper::-webkit-scrollbar{width:12px;height:12px}.alert-overlay>.alert.image-detail-modal .image-detail-content .detailed-image-wrapper::-webkit-scrollbar-track{background:rgba(0,0,0,0);border-radius:6px}.alert-overlay>.alert.image-detail-modal .image-detail-content .detailed-image-wrapper::-webkit-scrollbar-thumb{background:var(--content-background-color);border:1px solid var(--primary-color);border-radius:6px}.alert-overlay>.alert.image-detail-modal .image-detail-content .detailed-image-wrapper::-webkit-scrollbar-thumb:hover{background:var(--primary-color);border:1px solid var(--primary-color)}.alert-overlay>.alert.image-detail-modal .image-detail-content .detailed-image-wrapper::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.alert-overlay>.alert.image-detail-modal .image-detail-content .detailed-image-wrapper .detailed-image{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;max-height:none;display:block}.alert-overlay>.alert.image-detail-modal .image-detail-content .detailed-image-wrapper .detailed-image-inner{display:flex;align-items:center;justify-content:center;margin:auto}.alert-overlay>.alert.image-detail-modal .image-detail-content .detailed-image-wrapper .detailed-image.dragging{cursor:grabbing}.alert-overlay>.alert.image-detail-modal .image-detail-controls{display:flex;gap:1.25rem;justify-content:center;margin-top:.75rem}.alert-overlay>.alert.image-detail-modal .image-detail-controls button{min-width:120px;height:40px}.alert-overlay>.alert.image-detail-modal .image-detail-description{max-width:var(--modal-max-width);max-height:120px;margin-top:1rem;color:var(--primary-text-color);opacity:.9;overflow-y:auto;padding:.5rem}.alert-overlay>.alert.image-detail-modal .image-detail-description::-webkit-scrollbar{width:8px}.alert-overlay>.alert.image-detail-modal .image-detail-description::-webkit-scrollbar-track{background:rgba(0,0,0,0);border-radius:4px}.alert-overlay>.alert.image-detail-modal .image-detail-description::-webkit-scrollbar-thumb{background:var(--content-background-color);border:1px solid var(--primary-color);border-radius:4px}.alert-overlay>.alert.image-detail-modal .image-detail-description::-webkit-scrollbar-thumb:hover{background:var(--primary-color);border:1px solid var(--primary-color)}.alert-overlay>.alert.image-detail-modal .image-detail-slider{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem}.alert-overlay>.alert.image-detail-modal .image-detail-slider input[type=range]{flex:0 0 50%;max-width:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color) var(--value, 50%), var(--cards-card-hover) var(--value, 50%), var(--cards-card-hover) 100%);border-radius:6px;outline:none;border:none;padding:0;margin:0;width:100%}.alert-overlay>.alert.image-detail-modal .image-detail-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--content-background-color);border:1px solid var(--primary-color);cursor:pointer;-webkit-transition:all .15s ease;transition:all .15s ease}.alert-overlay>.alert.image-detail-modal .image-detail-slider input[type=range]::-webkit-slider-thumb:hover{background:var(--primary-color);border:2px solid var(--primary-color)}.alert-overlay>.alert.image-detail-modal .image-detail-slider input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--content-background-color);border:1px solid var(--primary-color);cursor:pointer;-moz-transition:all .15s ease;transition:all .15s ease}.alert-overlay>.alert.image-detail-modal .image-detail-slider input[type=range]::-moz-range-thumb:hover{background:var(--primary-color);border:2px solid var(--primary-color)}.alert-overlay>.alert.image-detail-modal .image-detail-slider .slider-label{color:var(--primary-text-color);width:35px;text-align:center}
.tabulator{background-color:#888;border:1px solid #999;font-size:14px;overflow:hidden;position:relative;text-align:left;transform:translateZ(0)}.tabulator[tabulator-layout=fitDataFill] .tabulator-tableholder .tabulator-table{min-width:100%}.tabulator[tabulator-layout=fitDataTable]{display:inline-block}.tabulator.tabulator-block-select,.tabulator.tabulator-ranges .tabulator-cell:not(.tabulator-editing){-webkit-user-select:none;-moz-user-select:none;user-select:none}.tabulator .tabulator-header{background-color:#e6e6e6;border-bottom:1px solid #999;box-sizing:border-box;color:#555;font-weight:700;outline:none;overflow:hidden;position:relative;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;white-space:nowrap;width:100%}.tabulator .tabulator-header.tabulator-header-hidden{display:none}.tabulator .tabulator-header .tabulator-header-contents{overflow:hidden;position:relative}.tabulator .tabulator-header .tabulator-header-contents .tabulator-headers{display:inline-block}.tabulator .tabulator-header .tabulator-col{background:#e6e6e6;border-right:1px solid #aaa;box-sizing:border-box;display:inline-flex;flex-direction:column;justify-content:flex-start;overflow:hidden;position:relative;text-align:left;vertical-align:bottom}.tabulator .tabulator-header .tabulator-col.tabulator-moving{background:#cdcdcd;border:1px solid #999;pointer-events:none;position:absolute}.tabulator .tabulator-header .tabulator-col.tabulator-range-highlight{background-color:#d6d6d6;color:#000}.tabulator .tabulator-header .tabulator-col.tabulator-range-selected{background-color:#3876ca;color:#fff}.tabulator .tabulator-header .tabulator-col .tabulator-col-content{box-sizing:border-box;padding:4px;position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button{padding:0 8px}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover{cursor:pointer;opacity:.6}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder{position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;width:100%}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title.tabulator-col-title-wrap{text-overflow:clip;white-space:normal}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor{background:#fff;border:1px solid #999;box-sizing:border-box;padding:1px;width:100%}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button+.tabulator-title-editor{width:calc(100% - 22px)}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter{align-items:center;bottom:0;display:flex;position:absolute;right:4px;top:0}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #bbb;border-left:6px solid transparent;border-right:6px solid transparent;height:0;width:0}.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{border-top:1px solid #aaa;display:flex;margin-right:-1px;overflow:hidden;position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter{box-sizing:border-box;margin-top:2px;position:relative;text-align:center;width:100%}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea{height:auto!important}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg{margin-top:3px}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear{height:0;width:0}.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{padding-right:25px}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover{background-color:#cdcdcd;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter{color:#bbb}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-bottom:6px solid #555;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #bbb;border-top:none}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter{color:#666}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-bottom:6px solid #555;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #666;border-top:none}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter{color:#666}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-top:6px solid #555;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:none;border-top:6px solid #666;color:#666}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title{align-items:center;display:flex;justify-content:center;text-orientation:mixed;writing-mode:vertical-rl}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title{transform:rotate(180deg)}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title{padding-right:0;padding-top:20px}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title{padding-bottom:20px;padding-right:0}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter{bottom:auto;justify-content:center;left:0;right:0;top:4px}.tabulator .tabulator-header .tabulator-frozen{left:0;position:sticky;z-index:11}.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left{border-right:2px solid #aaa}.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right{border-left:2px solid #aaa}.tabulator .tabulator-header .tabulator-calcs-holder{background:#f3f3f3!important;border-bottom:1px solid #aaa;border-top:1px solid #aaa;box-sizing:border-box;display:inline-block}.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row{background:#f3f3f3!important}.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle{display:none}.tabulator .tabulator-header .tabulator-frozen-rows-holder{display:inline-block;padding-top:1em}.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty{display:none}.tabulator .tabulator-tableholder{-webkit-overflow-scrolling:touch;overflow:auto;position:relative;white-space:nowrap;width:100%}.tabulator .tabulator-tableholder:focus{outline:none}.tabulator .tabulator-tableholder .tabulator-placeholder{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-width:100%;width:100%}.tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode=virtual]{min-height:100%}.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents{color:#ccc;display:inline-block;font-size:20px;font-weight:700;padding:10px;text-align:center;white-space:normal}.tabulator .tabulator-tableholder .tabulator-table{background-color:#fff;color:#333;display:inline-block;overflow:visible;position:relative;white-space:nowrap}.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs{background:#e2e2e2!important;font-weight:700}.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top{border-bottom:2px solid #aaa}.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom{border-top:2px solid #aaa}.tabulator .tabulator-tableholder .tabulator-range-overlay{inset:0;pointer-events:none;position:absolute;z-index:10}.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range{border:1px solid #2975dd;box-sizing:border-box;position:absolute}.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active:after{background-color:#2975dd;border-radius:999px;bottom:-3px;content:"";height:6px;position:absolute;right:-3px;width:6px}.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range-cell-active{border:2px solid #2975dd;box-sizing:border-box;position:absolute}.tabulator .tabulator-footer{background-color:#e6e6e6;border-top:1px solid #999;color:#555;font-weight:700;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;white-space:nowrap}.tabulator .tabulator-footer .tabulator-footer-contents{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:5px 10px}.tabulator .tabulator-footer .tabulator-footer-contents:empty{display:none}.tabulator .tabulator-footer .tabulator-spreadsheet-tabs{margin-top:-5px;overflow-x:auto}.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab{border:1px solid #999;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:none;display:inline-block;font-size:.9em;padding:5px}.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab:hover{cursor:pointer;opacity:.7}.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab.tabulator-spreadsheet-tab-active{background:#fff}.tabulator .tabulator-footer .tabulator-calcs-holder{background:#f3f3f3!important;border-bottom:1px solid #aaa;border-top:1px solid #aaa;box-sizing:border-box;overflow:hidden;text-align:left;width:100%}.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row{background:#f3f3f3!important;display:inline-block}.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle{display:none}.tabulator .tabulator-footer .tabulator-calcs-holder:only-child{border-bottom:none;margin-bottom:-5px}.tabulator .tabulator-footer>*+.tabulator-page-counter{margin-left:10px}.tabulator .tabulator-footer .tabulator-page-counter{font-weight:400}.tabulator .tabulator-footer .tabulator-paginator{color:#555;flex:1;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:right}.tabulator .tabulator-footer .tabulator-page-size{border:1px solid #aaa;border-radius:3px;display:inline-block;margin:0 5px;padding:2px 5px}.tabulator .tabulator-footer .tabulator-pages{margin:0 7px}.tabulator .tabulator-footer .tabulator-page{background:hsla(0,0%,100%,.2);border:1px solid #aaa;border-radius:3px;display:inline-block;margin:0 2px;padding:2px 5px}.tabulator .tabulator-footer .tabulator-page.active{color:#d00}.tabulator .tabulator-footer .tabulator-page:disabled{opacity:.5}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-footer .tabulator-page:not(disabled):hover{background:rgba(0,0,0,.2);color:#fff;cursor:pointer}}.tabulator .tabulator-col-resize-handle{display:inline-block;margin-left:-3px;margin-right:-3px;position:relative;vertical-align:middle;width:6px;z-index:11}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-col-resize-handle:hover{cursor:ew-resize}}.tabulator .tabulator-col-resize-handle:last-of-type{margin-right:0;width:3px}.tabulator .tabulator-col-resize-guide{background-color:#999;height:100%;margin-left:-.5px;opacity:.5;position:absolute;top:0;width:4px}.tabulator .tabulator-row-resize-guide{background-color:#999;height:4px;left:0;margin-top:-.5px;opacity:.5;position:absolute;width:100%}.tabulator .tabulator-alert{align-items:center;background:rgba(0,0,0,.4);display:flex;height:100%;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:100}.tabulator .tabulator-alert .tabulator-alert-msg{background:#fff;border-radius:10px;display:inline-block;font-size:16px;font-weight:700;margin:0 auto;padding:10px 20px}.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg{border:4px solid #333;color:#000}.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error{border:4px solid #d00;color:#590000}.tabulator-row{background-color:#fff;box-sizing:border-box;min-height:22px;position:relative}.tabulator-row.tabulator-row-even{background-color:#efefef}@media (hover:hover) and (pointer:fine){.tabulator-row.tabulator-selectable:hover{background-color:#bbb;cursor:pointer}}.tabulator-row.tabulator-selected{background-color:#9abcea}@media (hover:hover) and (pointer:fine){.tabulator-row.tabulator-selected:hover{background-color:#769bcc;cursor:pointer}}.tabulator-row.tabulator-row-moving{background:#fff;border:1px solid #000}.tabulator-row.tabulator-moving{border-bottom:1px solid #aaa;border-top:1px solid #aaa;pointer-events:none;position:absolute;z-index:15}.tabulator-row.tabulator-range-highlight .tabulator-cell.tabulator-range-row-header{background-color:#d6d6d6;color:#000}.tabulator-row.tabulator-range-highlight.tabulator-range-selected .tabulator-cell.tabulator-range-row-header,.tabulator-row.tabulator-range-selected .tabulator-cell.tabulator-range-row-header{background-color:#3876ca;color:#fff}.tabulator-row .tabulator-row-resize-handle{bottom:0;height:5px;left:0;position:absolute;right:0}.tabulator-row .tabulator-row-resize-handle.prev{bottom:auto;top:0}@media (hover:hover) and (pointer:fine){.tabulator-row .tabulator-row-resize-handle:hover{cursor:ns-resize}}.tabulator-row .tabulator-responsive-collapse{border-bottom:1px solid #aaa;border-top:1px solid #aaa;box-sizing:border-box;padding:5px}.tabulator-row .tabulator-responsive-collapse:empty{display:none}.tabulator-row .tabulator-responsive-collapse table{font-size:14px}.tabulator-row .tabulator-responsive-collapse table tr td{position:relative}.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type{padding-right:10px}.tabulator-row .tabulator-cell{border-right:1px solid #aaa;box-sizing:border-box;display:inline-block;outline:none;overflow:hidden;padding:4px;position:relative;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.tabulator-row .tabulator-cell.tabulator-row-header{background:#e6e6e6;border-bottom:1px solid #aaa;border-right:1px solid #999}.tabulator-row .tabulator-cell.tabulator-frozen{background-color:inherit;display:inline-block;left:0;position:sticky;z-index:11}.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left{border-right:2px solid #aaa}.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right{border-left:2px solid #aaa}.tabulator-row .tabulator-cell.tabulator-editing{border:1px solid #1d68cd;outline:none;padding:0}.tabulator-row .tabulator-cell.tabulator-editing input,.tabulator-row .tabulator-cell.tabulator-editing select{background:transparent;border:1px;outline:none}.tabulator-row .tabulator-cell.tabulator-validation-fail{border:1px solid #d00}.tabulator-row .tabulator-cell.tabulator-validation-fail input,.tabulator-row .tabulator-cell.tabulator-validation-fail select{background:transparent;border:1px;color:#d00}.tabulator-row .tabulator-cell.tabulator-row-handle{align-items:center;display:inline-flex;justify-content:center;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box{width:80%}.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar{background:#666;height:3px;margin-top:2px;width:100%}.tabulator-row .tabulator-cell.tabulator-range-selected:not(.tabulator-range-only-cell-selected):not(.tabulator-range-row-header){background-color:#9abcea}.tabulator-row .tabulator-cell .tabulator-data-tree-branch-empty{display:inline-block;width:7px}.tabulator-row .tabulator-cell .tabulator-data-tree-branch{border-bottom:2px solid #aaa;border-bottom-left-radius:1px;border-left:2px solid #aaa;display:inline-block;height:9px;margin-right:5px;margin-top:-9px;vertical-align:middle;width:7px}.tabulator-row .tabulator-cell .tabulator-data-tree-control{align-items:center;background:rgba(0,0,0,.1);border:1px solid #333;border-radius:2px;display:inline-flex;height:11px;justify-content:center;margin-right:5px;overflow:hidden;vertical-align:middle;width:11px}@media (hover:hover) and (pointer:fine){.tabulator-row .tabulator-cell .tabulator-data-tree-control:hover{background:rgba(0,0,0,.2);cursor:pointer}}.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse{background:transparent;display:inline-block;height:7px;position:relative;width:1px}.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px}.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand{background:#333;display:inline-block;height:7px;position:relative;width:1px}.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle{align-items:center;background:#666;border-radius:20px;color:#fff;display:inline-flex;font-size:1.1em;font-weight:700;height:15px;justify-content:center;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;width:15px}@media (hover:hover) and (pointer:fine){.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover{cursor:pointer;opacity:.7}}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close{display:initial}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open{display:none}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg{stroke:#fff}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close{display:none}.tabulator-row .tabulator-cell .tabulator-traffic-light{border-radius:14px;display:inline-block;height:14px;width:14px}.tabulator-row.tabulator-group{background:#ccc;border-bottom:1px solid #999;border-right:1px solid #aaa;border-top:1px solid #999;box-sizing:border-box;font-weight:700;min-width:100%;padding:5px 5px 5px 10px}@media (hover:hover) and (pointer:fine){.tabulator-row.tabulator-group:hover{background-color:rgba(0,0,0,.1);cursor:pointer}}.tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow{border-bottom:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #666;margin-right:10px}.tabulator-row.tabulator-group.tabulator-group-level-1{padding-left:30px}.tabulator-row.tabulator-group.tabulator-group-level-2{padding-left:50px}.tabulator-row.tabulator-group.tabulator-group-level-3{padding-left:70px}.tabulator-row.tabulator-group.tabulator-group-level-4{padding-left:90px}.tabulator-row.tabulator-group.tabulator-group-level-5{padding-left:110px}.tabulator-row.tabulator-group .tabulator-group-toggle{display:inline-block}.tabulator-row.tabulator-group .tabulator-arrow{border-bottom:6px solid transparent;border-left:6px solid #666;border-right:0;border-top:6px solid transparent;display:inline-block;height:0;margin-right:16px;vertical-align:middle;width:0}.tabulator-row.tabulator-group span{color:#d00;margin-left:10px}.tabulator-toggle{background:#dcdcdc;border:1px solid #ccc;box-sizing:border-box;display:flex;flex-direction:row}.tabulator-toggle.tabulator-toggle-on{background:#1c6cc2}.tabulator-toggle .tabulator-toggle-switch{background:#fff;border:1px solid #ccc;box-sizing:border-box}.tabulator-popup-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #aaa;box-shadow:0 0 5px 0 rgba(0,0,0,.2);box-sizing:border-box;display:inline-block;font-size:14px;overflow-y:auto;position:absolute;z-index:10000}.tabulator-popup{border-radius:3px;padding:5px}.tabulator-tooltip{border-radius:2px;box-shadow:none;font-size:12px;max-width:min(500px,100%);padding:3px 5px;pointer-events:none}.tabulator-menu .tabulator-menu-item{box-sizing:border-box;padding:5px 10px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled{opacity:.5}@media (hover:hover) and (pointer:fine){.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover{background:#efefef;cursor:pointer}}.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu{padding-right:25px}.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu:after{border-color:#aaa;border-style:solid;border-width:1px 1px 0 0;content:"";display:inline-block;height:7px;position:absolute;right:10px;top:calc(5px + .4em);transform:rotate(45deg);vertical-align:top;width:7px}.tabulator-menu .tabulator-menu-separator{border-top:1px solid #aaa}.tabulator-edit-list{-webkit-overflow-scrolling:touch;font-size:14px;max-height:200px;overflow-y:auto}.tabulator-edit-list .tabulator-edit-list-item{color:#333;outline:none;padding:4px}.tabulator-edit-list .tabulator-edit-list-item.active{background:#1d68cd;color:#fff}.tabulator-edit-list .tabulator-edit-list-item.active.focused{outline:1px solid hsla(0,0%,100%,.5)}.tabulator-edit-list .tabulator-edit-list-item.focused{outline:1px solid #1d68cd}@media (hover:hover) and (pointer:fine){.tabulator-edit-list .tabulator-edit-list-item:hover{background:#1d68cd;color:#fff;cursor:pointer}}.tabulator-edit-list .tabulator-edit-list-placeholder{color:#333;padding:4px;text-align:center}.tabulator-edit-list .tabulator-edit-list-group{border-bottom:1px solid #aaa;color:#333;font-weight:700;padding:6px 4px 4px}.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2{padding-left:12px}.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3{padding-left:20px}.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4{padding-left:28px}.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5{padding-left:36px}.tabulator.tabulator-ltr{direction:ltr}.tabulator.tabulator-rtl{direction:rtl;text-align:initial}.tabulator.tabulator-rtl .tabulator-header .tabulator-col{border-left:1px solid #aaa;border-right:initial;text-align:initial}.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{margin-left:-1px;margin-right:0}.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{padding-left:25px;padding-right:0}.tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter{left:8px;right:auto}.tabulator.tabulator-rtl .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active:after{background-color:#2975dd;border-radius:999px;bottom:-3px;content:"";height:6px;left:-3px;position:absolute;right:auto;width:6px}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell{border-left:1px solid #aaa;border-right:initial}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch{border-bottom-left-radius:0;border-bottom-right-radius:1px;border-left:initial;border-right:2px solid #aaa;margin-left:5px;margin-right:0}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control{margin-left:5px;margin-right:0}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left{border-left:2px solid #aaa}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right{border-right:2px solid #aaa}.tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type{margin-left:0;margin-right:-3px;width:3px}.tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder{text-align:initial}.tabulator-print-fullscreen{bottom:0;left:0;position:absolute;right:0;top:0;z-index:10000}body.tabulator-print-fullscreen-hide>:not(.tabulator-print-fullscreen){display:none!important}.tabulator-print-table{border-collapse:collapse}.tabulator-print-table .tabulator-data-tree-branch{border-bottom:2px solid #aaa;border-bottom-left-radius:1px;border-left:2px solid #aaa;display:inline-block;height:9px;margin-right:5px;margin-top:-9px;vertical-align:middle;width:7px}.tabulator-print-table .tabulator-print-table-group{background:#ccc;border-bottom:1px solid #999;border-right:1px solid #aaa;border-top:1px solid #999;box-sizing:border-box;font-weight:700;min-width:100%;padding:5px 5px 5px 10px}@media (hover:hover) and (pointer:fine){.tabulator-print-table .tabulator-print-table-group:hover{background-color:rgba(0,0,0,.1);cursor:pointer}}.tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow{border-bottom:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #666;margin-right:10px}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td{padding-left:30px!important}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td{padding-left:50px!important}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td{padding-left:70px!important}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td{padding-left:90px!important}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td{padding-left:110px!important}.tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle{display:inline-block}.tabulator-print-table .tabulator-print-table-group .tabulator-arrow{border-bottom:6px solid transparent;border-left:6px solid #666;border-right:0;border-top:6px solid transparent;display:inline-block;height:0;margin-right:16px;vertical-align:middle;width:0}.tabulator-print-table .tabulator-print-table-group span{color:#d00;margin-left:10px}.tabulator-print-table .tabulator-data-tree-control{align-items:center;background:rgba(0,0,0,.1);border:1px solid #333;border-radius:2px;display:inline-flex;height:11px;justify-content:center;margin-right:5px;overflow:hidden;vertical-align:middle;width:11px}@media (hover:hover) and (pointer:fine){.tabulator-print-table .tabulator-data-tree-control:hover{background:rgba(0,0,0,.2);cursor:pointer}}.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse{background:transparent;display:inline-block;height:7px;position:relative;width:1px}.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px}.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand{background:#333;display:inline-block;height:7px;position:relative;width:1px}.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px}
.display-table-container{width:100%;overflow-x:auto}.display-table-scroll{max-height:400px;overflow-y:auto}.display-table{width:100%;margin-top:1rem;border-collapse:separate;border-spacing:0}.display-table thead{position:sticky;top:0;z-index:1;background-color:var(--primary-background-color)}.display-table thead::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:var(--primary-border-color)}.display-table thead .table-header-row th{white-space:nowrap;opacity:.8;text-align:left;font:normal normal 300 16px/20px "Nunito",sans-serif;padding:10px;color:var(--primary-text-color);height:3rem}.display-table thead .table-header-row th[rowspan="2"]{height:calc(3rem*2)}.display-table thead .table-header-row th[rowspan="3"]{height:calc(3rem*3)}.display-table thead .table-header-row th[rowspan="4"]{height:calc(3rem*4)}.display-table thead .table-header-row th[rowspan="5"]{height:calc(3rem*5)}.display-table thead .table-header-row th[rowspan="6"]{height:calc(3rem*6)}.display-table thead .table-header-row th[rowspan="7"]{height:calc(3rem*7)}.display-table thead .table-header-row th[rowspan="8"]{height:calc(3rem*8)}.display-table thead .table-header-row th[rowspan="9"]{height:calc(3rem*9)}.display-table thead .table-header-row th[rowspan="10"]{height:calc(3rem*10)}.display-table thead .table-header-row th[rowspan="11"]{height:calc(3rem*11)}.display-table thead .table-header-row th[rowspan="12"]{height:calc(3rem*12)}.display-table thead .table-header-row th[rowspan="13"]{height:calc(3rem*13)}.display-table thead .table-header-row th[rowspan="14"]{height:calc(3rem*14)}.display-table thead .table-header-row th[rowspan="15"]{height:calc(3rem*15)}.display-table thead .table-header-row th[rowspan="16"]{height:calc(3rem*16)}.display-table thead .table-header-row th[rowspan="17"]{height:calc(3rem*17)}.display-table thead .table-header-row th[rowspan="18"]{height:calc(3rem*18)}.display-table thead .table-header-row th[rowspan="19"]{height:calc(3rem*19)}.display-table thead .table-header-row th[rowspan="20"]{height:calc(3rem*20)}.display-table tbody tr{border-bottom:1px solid var(--primary-border-color)}.display-table tbody tr:last-child{border-bottom:none}.display-table tbody tr:nth-child(odd){background-color:var(--secondary-background-color)}.display-table tbody tr td{white-space:nowrap;text-align:left;color:var(--primary-text-color);font:normal normal normal 14px/30px "Nunito",sans-serif;padding:10px}.display-table .display-table-scroll::-webkit-scrollbar{width:8px;height:8px}.display-table .display-table-scroll::-webkit-scrollbar-track{background:var(--secondary-background-color)}.display-table .display-table-scroll::-webkit-scrollbar-thumb{background-color:var(--primary-border-color);border-radius:4px}
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-black: #000;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-\[6px\] {
    top: 6px;
  }
  .top-\[30px\] {
    top: 30px;
  }
  .top-\[225px\] {
    top: 225px;
  }
  .top-\[400px\] {
    top: 400px;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .bottom-\[220px\] {
    bottom: 220px;
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .isolate {
    isolation: isolate;
  }
  .z-1 {
    z-index: 1;
  }
  .z-10 {
    z-index: 10;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[3\] {
    z-index: 3;
  }
  .z-\[10\] {
    z-index: 10;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .float-right {
    float: right;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-1 {
    margin: calc(var(--spacing) * 1);
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .m-\[15px\] {
    margin: 15px;
  }
  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-1\/2 {
    height: calc(1 / 2 * 100%);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[25px\] {
    height: 25px;
  }
  .h-\[26px\] {
    height: 26px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[38px\] {
    height: 38px;
  }
  .h-\[400px\] {
    height: 400px;
  }
  .h-\[458px\] {
    height: 458px;
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-\[40vh\] {
    max-height: 40vh;
  }
  .max-h-\[400px\] {
    max-height: 400px;
  }
  .max-h-\[440px\] {
    max-height: 440px;
  }
  .max-h-\[450px\] {
    max-height: 450px;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-\[60vh\] {
    min-height: 60vh;
  }
  .min-h-\[450px\] {
    min-height: 450px;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .w-1\/12 {
    width: calc(1 / 12 * 100%);
  }
  .w-2\/12 {
    width: calc(2 / 12 * 100%);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-10\/12 {
    width: calc(10 / 12 * 100%);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-100 {
    width: calc(var(--spacing) * 100);
  }
  .w-\[8px\] {
    width: 8px;
  }
  .w-\[12\%\] {
    width: 12%;
  }
  .w-\[25\%\] {
    width: 25%;
  }
  .w-\[30\%\] {
    width: 30%;
  }
  .w-\[65\%\] {
    width: 65%;
  }
  .w-\[70\%\] {
    width: 70%;
  }
  .w-\[88\%\] {
    width: 88%;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[450px\] {
    width: 450px;
  }
  .w-\[650px\] {
    width: 650px;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[80\%\] {
    max-width: 80%;
  }
  .max-w-\[160px\] {
    max-width: 160px;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-\[250px\] {
    min-width: 250px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .rotate-0 {
    rotate: 0deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-ew-resize {
    cursor: ew-resize;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-text {
    cursor: text;
  }
  .resize {
    resize: both;
  }
  .list-\[lower-alpha\] {
    list-style-type: lower-alpha;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-items-center {
    justify-items: center;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-x-2 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .place-self-start {
    place-self: start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-scroll {
    overflow: scroll;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-t-8 {
    border-top-style: var(--tw-border-style);
    border-top-width: 8px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-r-8 {
    border-right-style: var(--tw-border-style);
    border-right-width: 8px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-8 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 8px;
  }
  .border-l-\[16px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 16px;
  }
  .border-\[var\(--secondary-background-color\)\] {
    border-color: var(--secondary-background-color);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-t-transparent {
    border-top-color: transparent;
  }
  .border-r-\[var\(--alt-background-color\)\] {
    border-right-color: var(--alt-background-color);
  }
  .border-b-\[--secondary-background-color\] {
    border-bottom-color: --secondary-background-color;
  }
  .border-b-\[var\(--secondary-background-color\)\] {
    border-bottom-color: var(--secondary-background-color);
  }
  .border-b-transparent {
    border-bottom-color: transparent;
  }
  .bg-\[\#25282e\] {
    background-color: #25282e;
  }
  .bg-\[--widget-background-color\] {
    background-color: --widget-background-color;
  }
  .bg-\[var\(--alt-background-color\)\] {
    background-color: var(--alt-background-color);
  }
  .bg-\[var\(--divider-divider\)\] {
    background-color: var(--divider-divider);
  }
  .bg-\[var\(--mt-primary-color\)\] {
    background-color: var(--mt-primary-color);
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-16 {
    padding-left: calc(var(--spacing) * 16);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-\[var\(--label-description-color\)\] {
    color: var(--label-description-color);
  }
  .text-\[var\(--primary-text-color\)\] {
    color: var(--primary-text-color);
  }
  .text-\[var\(--text-color\)\] {
    color: var(--text-color);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .brightness-125 {
    --tw-brightness: brightness(125%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .select-all {
    -webkit-user-select: all;
    -moz-user-select: all;
         user-select: all;
  }
  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }
  .hover\:bg-\[--alt-background-color\] {
    &:hover {
      @media (hover: hover) {
        background-color: --alt-background-color;
      }
    }
  }
  .hover\:bg-\[var\(--alt-background-color\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--alt-background-color);
      }
    }
  }
  .hover\:bg-\[var\(--secondary-background-color\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary-background-color);
      }
    }
  }
  .hover\:bg-black\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
        }
      }
    }
  }
  .hover\:text-\[var\(--text-color\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--text-color);
      }
    }
  }
  .hover\:brightness-125 {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(125%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .focus\:border-blue-500 {
    &:focus {
      border-color: var(--color-blue-500);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
    }
  }
}

/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXQ3I6Li01BKofIMN4oZNvHUT8_DQ.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXQ3I6Li01BKofIMN4oZNvOUT8_DQ.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXQ3I6Li01BKofIMN4oZNvFUT8_DQ.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXQ3I6Li01BKofIMN4oZNvEUT8_DQ.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXQ3I6Li01BKofIMN4oZNvKUT8.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXX3I6Li01BKofIMNaORs71cA.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXX3I6Li01BKofIMNaHRs71cA.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXX3I6Li01BKofIMNaMRs71cA.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXX3I6Li01BKofIMNaNRs71cA.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Nunito";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXX3I6Li01BKofIMNaDRs4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofA-seUbOvISTs.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofA-seUZevISTs.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofA-seUbuvISTs.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofA-seUb-vISTs.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofA-seUYevI.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofAnsSUbOvISTs.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofAnsSUZevISTs.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofAnsSUbuvISTs.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofAnsSUb-vISTs.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofAnsSUYevI.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXV3I6Li01BKofIOOaBXso.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXV3I6Li01BKofIMeaBXso.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXV3I6Li01BKofIOuaBXso.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXV3I6Li01BKofIO-aBXso.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXV3I6Li01BKofINeaB.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofA6sKUbOvISTs.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofA6sKUZevISTs.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofA6sKUbuvISTs.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofA6sKUb-vISTs.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofA6sKUYevI.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofAjsOUbOvISTs.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofAjsOUZevISTs.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofAjsOUbuvISTs.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofAjsOUb-vISTs.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofAjsOUYevI.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofAksCUbOvISTs.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofAksCUZevISTs.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofAksCUbuvISTs.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofAksCUb-vISTs.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/dashboard/static/fonts/nunito/XRXW3I6Li01BKofAksCUYevI.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Posterama';
  font-weight: 400;
  src: url(/dashboard/static/fonts/PosteramaLight.ttf) format('truetype');
}
@font-face {
  font-family: 'La Belle Aurore';
  font-style: normal;
  font-weight: 400;
  src: url(/dashboard/static/fonts/LaBelleAurore-Regular.ttf) format('truetype');
}
.react-datepicker__navigation-icon::before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}
.react-datepicker {
  font-family: "Helvetica Neue",helvetica,arial,sans-serif;
  font-size: .8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: .375em;
  border-bottom-right-radius: .375em;
}
.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}
.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}
.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: .3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom) {
  border-top-right-radius: .3rem;
}
.react-datepicker__header--middle {
  border-top: 1px solid #aeaeae;
  border-radius: 0;
  margin-top: 4px;
}
.react-datepicker__header--bottom {
  border-bottom: none;
  border-top: 1px solid #aeaeae;
  border-radius: 0 0 .3rem .3rem;
}
.react-datepicker__header-wrapper {
  position: relative;
}
.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 2px;
}
.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}
.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select {
  background-color: transparent;
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  margin-top: 5px;
  padding: 2px 5px;
}
.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible {
  outline: auto 1px;
}
.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: .944rem;
}
h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}
.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75);
}
.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__year {
  margin: .5em;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 5em;
  margin: 2px;
}
.react-datepicker__month {
  margin: .5em;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 5em;
  margin: 2px;
}
.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}
.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: .375em;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: .375em;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: .375em;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.0625em);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 2.125em;
  line-height: 2.125em;
  text-align: center;
  margin: .208em;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  border-radius: .3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: .3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day-names {
  text-align: center;
  white-space: nowrap;
  margin-bottom: -8px;
}
.react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 2.125em;
  line-height: 2.125em;
  text-align: center;
  margin: .208em;
}
.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover {
  border-radius: .3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted {
  border-radius: .3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
}
.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: .3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s,opacity .3s ease-in-out;
}
.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
  background-color: rgb(207, 82.9642857143, 0);
}
.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range {
  border-radius: .3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected {
  border-radius: .3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
  color: #fff;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s,opacity .3s ease-in-out;
}
.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: .625em;
  box-sizing: content-box;
}
.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}
.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: .3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}
.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: .3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
}
.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem;
}
.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}
.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}
.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}
.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__children-container {
  width: 17.25em;
  margin: .5em;
  padding-right: .25em;
  padding-left: .25em;
  height: auto;
}
.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}
.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
.react-datepicker-popper-offset {
  margin-top: -0.7em;
}
:root,mt-bar-chart,mt-dropdown,mt-dropdown,mt-icon,mt-list,mt-navigation,mt-pie-chart,mt-multi-select,mt-sidebar,mt-sidebar-mobile,mt-stacked-bar-chart,mt-switch,mt-tooltip,mt-tree-view,vertical-bar-chart,horizontal-bar-chart,mt-image-selector,mt-radio-group,mt-checkbox {
  --font-family: 'Nunito', sans-serif;
  --font-weight: 300;
  --font-size: 13px;
  --line-height: 1.6;
  --text-rendering: optimizeLegibility;
  --font-units-lg: 28px;
  --x-small: 400px;
  --small: 576px;
  --medium: 768px;
  --large: 992px;
  --x-large: 1200px;
  --xx-large: 1400px;
  --primary-color: #00db9a;
  --icon-primary: #00db9a;
  --primary-color-hover: #a3f2db;
  --mt-primary-color: #00db9a;
  --mt-primary-color-hover: #a3f2db;
  --mt-primary-background-color: #2c3037;
  --mt-secondary-text-color: #fff;
  --mt-primary-border-color: #707070;
  --mt-error-color: #de350b;
  --mt-primary-text-color: #d6d6d6;
  --mt-secondary-background-color: #353b43;
  --mt-input-checkbox-color: #00db9a;
  --mt-button-hover: #30343b;
  --mt-tertiary-background-color: #30343b;
  --mt-empty-state-color: #6b7280;
  --tc-primary-color: #9062da;
  --tc-primary-color-hover: #968eb9;
  --font-colors-inverse: #2c3037;
  --secondary-color: #00db9a;
  --secondary-color-hover: #a3f2db;
  --primary-background-color: #2c3037;
  --primary-background-color-hover: #32373e;
  --secondary-background-color: #353b43;
  --secondary-background-color-hover: #30343b;
  --tertiary-background-color: #30343b;
  --tertiary-background-color-hover: #3b404a;
  --alt-background-color: #25282e;
  --alt-background-color-hover: #2a2d33;
  --primary-text-color-invert: #2c3037;
  --primary-text-color: #d6d6d6;
  --secondary-text-color: #fff;
  --tertiary-text-color: #b7b7b7;
  --primary-border-color: #707070;
  --secondary-border-color: #b2b2b2;
  --ui-assets-colors-ui-asset-secondary: #d6d6d6;
  --icon-icon-secondary: #d6d6d6;
  --font-colors-disabled: #707070;
  --spacing-extra-small: 12px;
  --spacing-small: 16px;
  --spacing-medium: 20px;
  --spacing-large: 24px;
  --label-description-color: #96999d;
  --cards-card-primary: #25282e;
  --cards-card-hover: #1f2227;
  --status-status-in-progress: #4ca6dc;
  --status-status-training-req: #f23e3e;
  --status-status-pending-review: #f08100;
  --status-status-pending-order: #d8b426;
  --divider-divider: #4e5157;
  --spacing-2xs: 8px;
  --spacing-3xs: 4px;
  --spacing-md: 20px;
  --font-colors-Label-Description: #96999d;
  --corner-radius-sm: 3px;
  --border-icon-secondary: #d6d6d6;
  --font-colors-field-placeholder: #758395;
  --mt-success-color: #caf9cd;
  --mt-success-border: #7df186;
  --mt-error-color-light: #fac4c4;
  --mt-error-border: #f37070;
  --mt-info-color: #d1eefb;
  --mt-info-border: #71beec;
  --mt-warning-color: #f9e1c5;
  --mt-warning-border: #fbb462;
  --status-not-started-color: #707070;
  --status-open-color: #9062da;
  --status-in-progress-color: #4ca6dc;
  --status-pending-order-color: #cb8924;
  --status-pending-review-color: #d65021;
  --status-training-required-color: #f23e3e;
  --status-complete-color: #2ea05a;
  --status-close-color: #535353;
  --status-new-color: #353b43;
  --button-button-secondary-pressed: #1e2125;
}
body[data-theme=dark] {
  --primary-color: #00db9a;
  --tc-primary-color: #9062da;
  --font-colors-inverse: #2c3037;
  --primary-color-hover: #a3f2db;
  --mt-filter-text-color: #758395;
  --secondary-color: #00db9a;
  --secondary-color-hover: #a3f2db;
  --primary-background-color: #2c3037;
  --primary-background-color-hover: #32373e;
  --secondary-background-color: #353b43;
  --secondary-background-color-hover: #30343b;
  --tertiary-background-color: #30343b;
  --tertiary-background-color-hover: #3b404a;
  --alt-background-color: #25282e;
  --alt-background-color-hover: #2a2d33;
  --primary-text-color-invert: #2c3037;
  --primary-text-color: #d6d6d6;
  --secondary-text-color: #fff;
  --tertiary-text-color: #b7b7b7;
  --primary-border-color: #707070;
  --secondary-border-color: #b2b2b2;
  --ui-assets-colors-ui-asset-secondary: #d6d6d6;
  --AI-gradient: linear-gradient(90deg, var(--MT-primary-500, #00db9a) 0%, var(--ui-assets-colors-TC-XR-Blue, #4ca6dc) 51.44%, var(--TC-primary-500, #9062da) 100%);
  --icon-icon-secondary: #d6d6d6;
  --font-colors-disabled: #707070;
  --spacing-extra-small: 12px;
  --spacing-small: 16px;
  --spacing-medium: 20px;
  --spacing-large: 24px;
  --spacing-xx-large: 40px;
  --cards-card-primary: #25282e;
  --cards-card-hover: #1f2227;
  --input-checkbox-color: #00db9a;
  --version-button-revert: #353b43;
  --version-button-active: #353b43;
  --options-text-color: #353b43;
  --widget-background-color: #30343b;
  --error-color: #de350b;
  --success-color: #2ea05a;
  --warning-color: #efab2c;
  --label-description-color: #96999d;
  --content-background-color: #353b43;
  --status-status-in-progress: #4ca6dc;
  --status-status-training-req: #f23e3e;
  --status-status-pending-review: #f08100;
  --status-status-pending-order: #d8b426;
  --divider-divider: #4e5157;
  --environment-env-tab-1-selected: #25282e;
  --font-family-font-family: Nunito Sans;
  --font-size-2xs: 12px;
  --font-units-xs: 16px;
  --font-colors-field-placeholder: #758395;
  --status-not-started-color: #707070;
  --status-open-color: #9062da;
  --status-in-progress-color: #4ca6dc;
  --status-pending-order-color: #cb8924;
  --status-pending-review-color: #d65021;
  --status-training-required-color: #f23e3e;
  --status-complete-color: #2ea05a;
  --status-close-color: #535353;
  --status-new-color: #353b43;
  --button-button-secondary-pressed: #1e2125;
}
body[data-theme=light] {
  --primary-background-color: #ffffffe5;
  --secondary-background-color: #d6d6d6;
  --tertiary-background-color: #d1cfcf;
  --alt-background-color: #8f92a1;
  --primary-text-color: #171717;
  --secondary-text-color: #000;
  --primary-border-color: #707070;
  --secondary-border-color: #8a8a8a;
  --ui-assets-colors-ui-asset-secondary: #d6d6d6;
  --content-background-color: #d6d6d6;
  --divider-divider: #4e5157;
  --spacing-2xs: 8px;
  --spacing-3xs: 4px;
  --spacing-md: 20px;
  --status-not-started-color: #707070;
  --status-open-color: #9062da;
  --status-in-progress-color: #4ca6dc;
  --status-pending-order-color: #cb8924;
  --status-pending-review-color: #d65021;
  --status-training-required-color: #f23e3e;
  --status-complete-color: #2ea05a;
  --status-close-color: #535353;
  --status-new-color: #353b43;
}
*,*:before,*:after {
  box-sizing: border-box;
}
html {
  font-family: "Nunito",sans-serif;
  font-size: 13px;
  cursor: default;
}
body {
  background-color: var(--primary-background-color);
  color: var(--primary-text-color);
}
html,body,#root,.layout-root {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
main {
  padding: 1.2rem 1.8rem;
  overflow: auto;
  background-color: var(--secondary-background-color);
  position: relative;
}
main#server-error-page {
  height: 100vh;
  display: flex;
  padding-top: 10rem;
  justify-content: center;
}
main#server-error-page b {
  color: var(--error-color);
}
input,select,textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
input:disabled,select:disabled,textarea:disabled {
  opacity: .4;
  cursor: default;
}
h1,h2,h3,h4 {
  font-weight: normal;
  cursor: default;
}
h1 {
  font-size: 2rem;
}
h2 {
  font-size: 1.75rem;
}
h3 {
  font-size: 1.5rem;
}
h4 {
  font-size: 1.25rem;
}
h4.sub-header {
  opacity: .8;
}
textarea,input:not([type=checkbox]):not([type=range]) {
  padding: .4rem 1rem;
  background-color: rgba(0,0,0,0);
  border: 1px solid var(--primary-border-color);
  border-radius: .25rem;
  outline: none;
}
textarea:focus,input:not([type=checkbox]):not([type=range]):focus {
  border: 1px solid var(--secondary-border-color);
}
input[type=checkbox] {
  accent-color: var(--primary-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .25rem;
  border: 1px solid var(--primary-border-color);
  background-color: rgba(0,0,0,0);
  min-width: 1.25rem;
  min-height: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: middle;
  align-self: center;
  cursor: pointer;
}
input[type=checkbox]:checked {
  transform: scale(1);
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  cursor: pointer;
}
form {
  display: flex;
  flex-direction: column;
  outline: none;
}
form .content {
  display: grid;
  grid-template-columns: 2fr minmax(250px, 1fr);
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  form .content {
    grid-template-columns: 1fr;
  }
}
form .content .field {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
form .content .field .thumbnail {
  height: 175px;
  position: relative;
}
form .content .field .thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
form .content .field .thumbnail .remove-btn {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 0px 4px;
  font-size: 12px;
}
form .content .field .thumbnail .remove-btn:hover {
  background-color: inherit;
  color: inherit;
  opacity: .7;
}
form .content .field .thumbnail svg {
  height: 100%;
  width: 100%;
}
form .content .field .thumbnail svg text {
  fill: var(--primary-text-color);
}
form .content .field label {
  color: var(--primary-border-color);
}
form .content .field input,form .content .field textarea {
  margin-bottom: 1rem;
  min-height: 30px;
}
form .content .field textarea {
  resize: none;
}
form .content .field .select {
  margin-bottom: 1rem;
  background-color: rgba(0,0,0,0);
  border-width: 1px;
  color: var(--primary-text-color);
  height: auto;
}
form .content .field .select .selected-name-container {
  padding: .4rem 1rem;
}
form .content .field .select ul {
  border-width: 1px;
  background-color: var(--primary-background-color);
}
form .content .field .field-row {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
form .content .field .field-row label {
  margin-right: 1.5rem;
}
form .content .field .calendar-input {
  border: 1px solid var(--primary-border-color);
  display: flex;
  align-items: center;
  max-height: 30px;
  border-radius: .25rem;
  margin-bottom: 1rem;
  padding: .5rem 1rem .5rem 0;
  position: relative;
}
form .content .field .calendar-input svg {
  font-size: 1.3rem;
  pointer-events: none;
  position: absolute;
  right: 1rem;
}
.filter-group {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.filter-group .text-field {
  display: flex;
  flex-grow: 1;
}
.filter-group .view-controls {
  padding: 0rem;
}
.filter-group .view-controls .layout-switch {
  font-size: 2rem;
  cursor: pointer;
}
.back-link {
  margin-right: .5rem;
  font-size: 20px;
  text-decoration: none;
  padding: .5rem;
  border-radius: 5px;
  cursor: pointer;
}
.back-link:hover {
  background-color: var(--primary-background-color);
}
.back-link:hover svg path {
  stroke: var(--primary-color);
}
.controls {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 1rem;
  margin-top: 1.5rem;
}
::-webkit-scrollbar {
  width: 8px;
  height: 100%;
}
::-webkit-scrollbar-track {
  border-radius: 5px;
  background: var(--primary-background-color);
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: var(--primary-border-color);
}
.react-datepicker-wrapper input#due-date {
  width: 100%;
  margin-bottom: 0;
  border: none;
}
.react-datepicker {
  background-color: var(--primary-background-color);
  color: var(--primary-text-color);
  border-color: var(--primary-border-color);
  font-family: inherit;
  font-size: .9rem;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 5px;
}
.react-datepicker__header {
  background-color: var(--primary-background-color);
}
.react-datepicker__current-month,.react-datepicker__day-name {
  color: var(--primary-text-color);
}
.react-datepicker__day {
  color: var(--primary-text-color);
}
.react-datepicker__day:hover {
  background-color: var(--primary-text-color);
  color: var(--primary-background-color);
  cursor: pointer;
}
.react-datepicker__day--disabled {
  opacity: .4;
}
.react-datepicker__day--disabled:hover {
  background-color: rgba(0,0,0,0);
  color: var(--primary-text-color);
  cursor: default;
}
.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected:hover,.react-datepicker__day--keyboard-selected:hover {
  color: var(--primary-text-color);
  opacity: 1;
  background-color: var(--primary-color);
}
.cell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  padding: 0 .5rem;
}
.cell.small {
  flex: 1 1 0;
}
.cell.medium {
  flex: 2 1 0;
}
.cell.large {
  flex: 3 1 0;
  max-width: 500px;
}
.sort-header {
  display: flex;
  gap: .5rem;
  align-items: center;
}
.color-picker {
  padding: 0 !important;
  border-radius: 100% !important;
  width: 18px !important;
  height: 18px !important;
  outline: none !important;
  border: 2px solid #fff !important;
}
input[type=color]::-webkit-color-swatch {
  border: none;
}
input[type=color]::-moz-color-swatch {
  border: none;
  border-radius: 100%;
}
.color-picker::after,.color-picker::before {
  border: none;
  outline: none;
}
.input-label .label {
  color: var(--primary-text-color);
}
.input-label .error {
  color: var(--error-color);
  margin-left: 1rem;
  font-style: italic;
}
.input-label .required:after {
  content: " *";
  color: var(--error-color);
}
.input-label .optional {
  color: var(--tertiary-text-color);
}
.flex-header {
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
}
.flex-header.left {
  margin-right: auto;
}
.flex-header.right {
  margin-left: auto;
}
button .icon {
  display: flex;
  align-self: center;
  margin-right: 1rem;
}
button.icon-button {
  background-color: rgba(0,0,0,0);
  border: none;
  padding: .5rem;
}
button.icon-button .icon {
  margin-right: 0;
}
.progress-bar {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary-text-color);
  padding: 0 2rem 0 0;
}
.progress-bar .track {
  height: 10px;
  width: 100%;
  max-width: 300px;
  background-color: #212121;
  margin-right: 1rem;
  border-radius: 10px;
  position: relative;
}
.progress-bar .track .filling {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 10px;
  background-color: #00ed5d;
}
.text-field {
  position: relative;
  display: flex;
  align-items: center;
}
.text-field input {
  width: 100%;
  min-width: 250px;
}
.text-field.prepend-icon input {
  padding-left: 2.5rem;
  padding-top: .75rem;
}
.text-field.prepend-icon .icon {
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  line-height: 6px;
  font-size: 1.5rem;
}
.text-field.append-icon input {
  padding-right: 2.5rem;
  padding-top: .75rem;
}
.text-field.append-icon .icon {
  position: absolute;
  top: 50%;
  right: 10px;
  width: -moz-fit-content;
  width: fit-content;
  transform: translateY(-50%);
  line-height: 6px;
  font-size: 1.5rem;
}
@media screen and (max-width: 1200px) {
  .text-field input {
    min-width: 200px;
  }
}
.tile {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  background: var(--alt-background-color) 0% 0% no-repeat padding-box;
  cursor: pointer;
}
.tile .tile-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}
.tile .tile-link:hover {
  text-decoration: none;
  color: inherit;
}
.tile.horizontal {
  display: flex;
  flex-direction: row;
}
.tile.horizontal .tile-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7%;
  height: 100%;
}
.tile.horizontal .tile-img {
  width: 30%;
  height: 120px;
}
.tile.horizontal .tile-content>* {
  height: 50%;
}
.tile.horizontal .tile-content>* * {
  height: 100%;
}
.tile.horizontal .tile-content>* .tile-description {
  display: flex;
  height: 100%;
  align-items: flex-end;
  padding-bottom: 10px;
}
.tile.shared-link-tile .tile-img {
  cursor: default;
}
.tile .tile-img {
  background-size: cover;
  height: 150px;
  width: 100%;
  border-radius: 5px;
}
.tile .tile-img.content-type {
  background: none;
}
.tile .tile-img img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
}
.tile .tile-img svg {
  height: 100%;
  width: 100%;
  margin: auto;
  padding: 1rem;
}
.tile .tile-img svg text {
  fill: var(--primary-text-color);
}
.tile .tile-img .icon-outer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: var(--alt-background-color);
}
.tile .tile-img .icon-outer .icon-inner {
  height: 100%;
}
.tile .tile-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.tile .tile-content .content-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tile .tile-content .content-bar a {
  width: 80%;
}
.tile .tile-content .content-bar .tile-name {
  color: var(--primary-text-color);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  cursor: pointer;
}
.tile .tile-content .content-last-modified>p {
  cursor: pointer;
}
.tile .tile-content .tile-description {
  color: var(--primary-text-color);
  margin: 5px 0;
  word-wrap: break-word;
  cursor: default;
}
.tile.attachment-tile img {
  -o-object-fit: contain;
     object-fit: contain;
}
.list-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  cursor: pointer;
}
.list-layout .top-left,.list-layout .top-right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  padding: 0 1rem;
  width: 100%;
}
.list-layout .top-left .select-all-checkbox-container,.list-layout .top-right .select-all-checkbox-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7%;
  height: 100%;
}
.list-layout .top-left .select-all-txt,.list-layout .top-right .select-all-txt {
  min-width: 100px;
  font-size: larger;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.list-layout .tile {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.list-layout .tile .tile-link {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: .75rem;
  width: 100%;
  height: 100%;
  padding: .75rem;
  text-decoration: none;
  color: inherit;
}
.list-layout .tile .tile-link:hover {
  text-decoration: none;
  color: inherit;
}
.list-layout .tile .tile-checkbox {
  display: flex;
  border: 1px solid var(--tertiary-text-color);
  border-radius: 5px;
}
.list-layout .tile .tile-img {
  width: 115px;
  height: 110px;
}
.list-layout .tile .tile-content {
  width: 100%;
  height: 100%;
  padding: .5rem 0rem;
}
.list-layout .tile .tile-content .tile-name {
  font-size: 1.25rem;
}
.list-layout .tile .tile-content .tile-description {
  margin: 0;
  color: var(--tertiary-text-color);
  cursor: pointer;
}
.list-layout .tile .tile-content .tile-count {
  color: var(--tertiary-text-color);
}
.list-layout .tile .tile-content .content-bar a {
  width: 90%;
}
.list-layout .tile .tile-content .content-bar .context-menu {
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: .5rem;
  right: 0;
}
.list-layout .tile .tile-content .content-bar .context-menu .dots-button {
  transform: rotate(90deg);
}
.list-layout .tile .tile-content .content-bar .context-menu .dots-button svg {
  font-size: 1rem;
}
@media screen and (max-width: 1400px) {
  .list-layout {
    grid-template-columns: repeat(2, minmax(350px, 1fr));
  }
}
@media screen and (max-width: 1200px) {
  .list-layout {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 576px) {
  .list-layout .tile .tile-img {
    width: 85px;
    height: 75px;
  }
}
.context-menu {
  display: flex;
  justify-content: flex-end;
}
.context-menu svg {
  font-size: 1.3rem;
  display: inline;
}
.context-menu .dots-button {
  padding: 2px 6px;
  border-radius: .25rem;
  cursor: pointer;
}
.context-menu .dots-button:hover {
  background-color: var(--secondary-background-color-hover);
}
.context-menu ul {
  list-style: none;
  background-color: var(--primary-background-color);
  max-width: 200px;
  border: 1px solid var(--primary-border-color);
  border-radius: .25rem;
  padding: 0;
  margin-top: 0;
  z-index: 999;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100px;
  font-size: 1.3rem;
}
.context-menu ul .context-item-icon {
  font-size: 1.25rem;
  margin-right: 7px;
}
.context-menu ul .context-item-icon.add,.context-menu ul .context-item-icon.add * {
  fill: var(--primary-color);
}
.context-menu ul li {
  color: var(--primary-text-color);
  padding: .5rem 1rem;
  cursor: pointer;
}
.context-menu ul li:last-child {
  margin-bottom: 0;
}
.context-menu ul li:hover {
  background-color: var(--alt-background-color);
}
.context-menu ul li span {
  font-size: 1rem;
  line-height: 1.25rem;
}
.context-menu ul li.disabled {
  cursor: default;
  pointer-events: none;
  opacity: .5;
}
.context-menu ul:before {
  z-index: -1;
  width: 10px;
  height: 10px;
  border: inherit;
  content: "";
  background-color: inherit;
  position: absolute;
  top: -5px;
  transform: rotate(45deg);
  right: 7px;
  border-right-color: rgba(0,0,0,0);
  border-bottom-color: rgba(0,0,0,0);
}
.context-menu.bottom-arrow ul:before {
  top: unset;
  bottom: -5px;
  transform: rotate(-135deg);
}
.details-block {
  display: flex;
  margin-bottom: .5rem;
}
.details-block .details-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.details-block .details-content header {
  display: flex;
  position: relative;
  align-items: center;
  cursor: default;
}
.details-block .details-content header h2 {
  max-width: 550px;
  margin-right: 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
}
.details-block .details-content header .id-badge {
  background-color: var(--primary-color);
  color: var(--primary-text-color-invert);
  margin-right: 1rem;
  padding: .4rem 2rem;
  border-radius: .25rem;
}
.details-block .details-content header .controls {
  margin-left: 1rem;
  font-weight: bold;
  cursor: pointer;
}
.details-block .details-content header .version-button {
  margin-left: auto;
  width: 130px;
  justify-content: space-between;
}
.details-block .details-content header .version-button svg {
  width: 1.5em;
  height: 1.5em;
}
.details-block .details-content header .version-button:hover {
  background-color: var(--secondary-background-color-hover);
  color: var(--primary-color);
}
.details-block .details-content header .version-button:hover svg path {
  fill: none;
}
.details-block .details-content article.tab-section {
  padding: 2rem 0 0;
}
.details-block .details-content article.activity-log,.details-block .details-content article.users {
  overflow-y: auto;
  padding-bottom: 1rem;
  cursor: default;
}
.details-block .details-content article.activity-log ul li,.details-block .details-content article.users ul li {
  display: flex;
  justify-content: space-between;
  margin: .5rem 0;
}
.details-block .details-content article.activity-log ul li .activity,.details-block .details-content article.users ul li .activity {
  font-size: 1.1rem;
  position: relative;
  max-width: 80%;
}
.details-block .details-content article.activity-log ul li .activity i,.details-block .details-content article.users ul li .activity i {
  color: var(--secondary-text-color);
  font-size: 1.12rem;
}
.details-block .details-content article.activity-log ul li .activity .color-sample,.details-block .details-content article.users ul li .activity .color-sample {
  position: absolute;
  display: block;
  width: 15px;
  height: 100%;
  top: 0;
  right: -20px;
  border-radius: 5px;
}
.details-block .details-content article.activity-log ul li .activity .workcards,.details-block .details-content article.users ul li .activity .workcards {
  width: 100%;
}
.details-block .details-content article.activity-log ul li .time-since,.details-block .details-content article.users ul li .time-since {
  font-size: .9rem;
}
@media screen and (max-width: 1400px) {
  .details-block .details-content article.activity-log ul,.details-block .details-content article.users ul {
    width: 100%;
  }
}
.details-block .details-content article.quick-info {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  padding: .5rem 0 0 0;
  max-width: 420px;
}
.details-block .details-content article.quick-info .progress-bar {
  justify-content: flex-start;
  width: 70%;
}
.details-block .details-content article.quick-info .bottom {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  align-items: center;
  flex-wrap: wrap;
}
.details-block .details-content article.quick-info .bottom .time-left {
  display: flex;
  padding: .3rem 1rem;
  border-radius: 10px;
  align-items: center;
  background-color: rgba(var(--error-color), 0.2);
  color: var(--error-color);
  font-size: .9rem;
}
.details-block .details-content article.quick-info .bottom .time-left svg {
  margin-right: 5px;
}
.details-block .details-content article.more-info {
  display: flex;
  justify-content: space-between;
}
.details-block .details-content article.more-info .info-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-left: 1rem;
}
.details-block .details-content article.more-info .info-grid p {
  margin-bottom: 5px;
  cursor: default;
}
.details-block .details-content article.more-info .info-grid .status-box {
  width: 130px;
  font-size: 1rem;
}
.details-block .details-content article.more-info .info-grid .box {
  border: 1px solid var(--primary-border-color);
  border-radius: .25rem;
  padding: 5px 10px;
  display: flex;
  width: 130px;
  justify-content: center;
  cursor: default;
}
.details-block .details-content article.more-info .info-grid .box.serial {
  min-height: 30px;
  white-space: nowrap;
  justify-content: start;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
@media screen and (min-width: 768px)and (max-width: 992px) {
  .details-block .details-content article.more-info .info-grid {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .details-block .details-content article.more-info .info-grid {
    grid-template-columns: 1fr 3fr;
    grid-template-rows: 1fr 1fr;
  }
}
.details-block .details-content article .description {
  white-space: pre-wrap;
  word-wrap: break-word;
  padding-top: .5rem;
  cursor: default;
}
.details-block .details-content article.workcards,.details-block .details-content article.training,.details-block .details-content article.attachments,.details-block .details-content article.reports,.details-block .details-content article.comments,.details-block .details-content article.users {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  overflow-x: scroll;
}
.details-block .details-content article.workcards .section-header button,.details-block .details-content article.training .section-header button,.details-block .details-content article.attachments .section-header button,.details-block .details-content article.reports .section-header button,.details-block .details-content article.comments .section-header button,.details-block .details-content article.users .section-header button {
  margin-left: 0px;
}
.details-block .details-content article.workcards .section-header button .icon,.details-block .details-content article.training .section-header button .icon,.details-block .details-content article.attachments .section-header button .icon,.details-block .details-content article.reports .section-header button .icon,.details-block .details-content article.comments .section-header button .icon,.details-block .details-content article.users .section-header button .icon {
  padding: 0px;
}
.details-block .details-content article.workcards header,.details-block .details-content article.workcards .row,.details-block .details-content article.training header,.details-block .details-content article.training .row,.details-block .details-content article.attachments header,.details-block .details-content article.attachments .row,.details-block .details-content article.reports header,.details-block .details-content article.reports .row,.details-block .details-content article.comments header,.details-block .details-content article.comments .row,.details-block .details-content article.users header,.details-block .details-content article.users .row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 520px;
}
.details-block .details-content article.workcards header span,.details-block .details-content article.workcards .row span,.details-block .details-content article.training header span,.details-block .details-content article.training .row span,.details-block .details-content article.attachments header span,.details-block .details-content article.attachments .row span,.details-block .details-content article.reports header span,.details-block .details-content article.reports .row span,.details-block .details-content article.comments header span,.details-block .details-content article.comments .row span,.details-block .details-content article.users header span,.details-block .details-content article.users .row span {
  padding: 0 1rem;
}
.details-block .details-content article.workcards header span.small,.details-block .details-content article.workcards .row span.small,.details-block .details-content article.training header span.small,.details-block .details-content article.training .row span.small,.details-block .details-content article.attachments header span.small,.details-block .details-content article.attachments .row span.small,.details-block .details-content article.reports header span.small,.details-block .details-content article.reports .row span.small,.details-block .details-content article.comments header span.small,.details-block .details-content article.comments .row span.small,.details-block .details-content article.users header span.small,.details-block .details-content article.users .row span.small {
  flex: 1 1 0;
}
.details-block .details-content article.workcards header span.medium,.details-block .details-content article.workcards .row span.medium,.details-block .details-content article.training header span.medium,.details-block .details-content article.training .row span.medium,.details-block .details-content article.attachments header span.medium,.details-block .details-content article.attachments .row span.medium,.details-block .details-content article.reports header span.medium,.details-block .details-content article.reports .row span.medium,.details-block .details-content article.comments header span.medium,.details-block .details-content article.comments .row span.medium,.details-block .details-content article.users header span.medium,.details-block .details-content article.users .row span.medium {
  flex: 2 1 0;
}
.details-block .details-content article.workcards header span.large,.details-block .details-content article.workcards .row span.large,.details-block .details-content article.training header span.large,.details-block .details-content article.training .row span.large,.details-block .details-content article.attachments header span.large,.details-block .details-content article.attachments .row span.large,.details-block .details-content article.reports header span.large,.details-block .details-content article.reports .row span.large,.details-block .details-content article.comments header span.large,.details-block .details-content article.comments .row span.large,.details-block .details-content article.users header span.large,.details-block .details-content article.users .row span.large {
  flex: 3 1 0;
}
.details-block .details-content article.workcards header .role,.details-block .details-content article.workcards .row .role,.details-block .details-content article.training header .role,.details-block .details-content article.training .row .role,.details-block .details-content article.attachments header .role,.details-block .details-content article.attachments .row .role,.details-block .details-content article.reports header .role,.details-block .details-content article.reports .row .role,.details-block .details-content article.comments header .role,.details-block .details-content article.comments .row .role,.details-block .details-content article.users header .role,.details-block .details-content article.users .row .role {
  border: 1px solid var(--primary-border-color);
  border-radius: .25rem;
  padding: .5rem 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
}
.details-block .details-content article.workcards .row,.details-block .details-content article.training .row,.details-block .details-content article.attachments .row,.details-block .details-content article.reports .row,.details-block .details-content article.comments .row,.details-block .details-content article.users .row {
  padding: 1rem 0;
  border-top: 1px solid var(--primary-border-color);
}
@media screen and (max-width: 992px) {
  .details-block .details-content article.workcards,.details-block .details-content article.training,.details-block .details-content article.attachments,.details-block .details-content article.reports,.details-block .details-content article.comments,.details-block .details-content article.users {
    max-width: 100%;
  }
}
.details-block .details-content article.reports.empty {
  overflow-y: hidden;
}
.details-block .details-content article.comments {
  overflow-x: scroll;
}
.details-block .details-content article.comments .section-header button {
  margin-left: 0px;
}
.details-block .details-content article.comments .section-header button .icon {
  padding: 0px;
}
.details-block .details-content article.comments .comment-actions {
  display: flex;
}
.details-block .details-content article.comments .comment-actions button {
  margin-right: 10px;
}
.details-block .details-content article .loader,.details-block .details-content article .loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.details-block .details-content article .report-actions .label {
  margin: 3px;
}
.details-block .details-content article .report-actions .loader {
  font-size: 3px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid hsla(0,0%,100%,.2);
  border-right: 1.1em solid hsla(0,0%,100%,.2);
  border-bottom: 1.1em solid hsla(0,0%,100%,.2);
  border-left: 1.1em solid #fff;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 992px) {
  .details-block .details-content article {
    padding-left: 0;
  }
}
.details-block .details-content nav {
  display: flex;
  border-bottom: 1px solid var(--primary-border-color);
  flex-wrap: wrap;
}
.details-block .details-content nav .tab {
  border-bottom: 4px solid rgba(0,0,0,0);
  color: var(--tertiary-text-color);
  cursor: pointer;
  margin: 1rem 5rem 0 0;
  padding: 1rem;
}
.details-block .details-content nav .tab.active {
  border-color: var(--primary-color);
  color: var(--primary-text-color);
}
.details-block .details-content nav .tab:hover:not(.active) {
  border-color: var(--primary-text-color);
}
.details-block .details-img {
  height: 200px;
  width: 250px;
  min-width: 250px;
  border-radius: 5px;
}
@media screen and (max-width: 992px) {
  .details-block .details-img {
    margin-left: 0;
  }
}
.details-block .details-img img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 992px) {
  .details-block {
    flex-direction: column;
  }
  .details-block .details-content {
    max-width: 100%;
    margin-bottom: 1rem;
  }
}
.mtmodal {
  position: fixed;
  z-index: 999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: hsla(0,0%,100%,.3);
  display: flex;
  justify-content: center;
  align-items: center;
}
.mtmodal form {
  margin: 0;
  max-width: 75vw;
}
@media screen and (min-width: 992px) {
  .mtmodal form {
    max-width: 90vw;
  }
}
.mtmodal.passthrough {
  pointer-events: none;
}
.mtmodal.passthrough .content {
  pointer-events: auto;
}
.mtmodal>.content {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: var(--primary-background-color);
  padding: 28px;
  min-height: 10vh;
  min-width: 20%;
  max-width: 80%;
  border-radius: 5px;
}
.mtmodal>.content .title h2 {
  margin: 0;
  margin-bottom: 18px;
}
.mtmodal>.content .field div.select {
  border: none;
}
.mtmodal.collaborate-modal>.content {
  width: 85rem;
  max-width: 90vw;
}
.mtmodal.create-workcard-modal>.content {
  min-width: auto;
}
.mtmodal #lessons-form>.content {
  display: flex;
  flex-direction: column;
}
.mtmodal #lessons-form>.content .field {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.mtmodal #lessons-form>.content .license-info {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.mtmodal #lessons-form>.content input {
  margin: 0;
}
.mtmodal #workcard-form>.content {
  display: flex;
  margin-bottom: 1rem;
}
.mtmodal #workcard-form>.content .section {
  flex: 1;
  min-width: 300px;
  min-height: 20vh;
}
.mtmodal #workcard-form>.content .field {
  width: 100%;
}
.mtmodal #workcard-form>.content .centered {
  text-align: center;
}
.mtmodal #workcard-form>.content .selected-name-container {
  width: 100%;
}
.mtmodal #workcard-version-form .task-workcard-contents {
  color: var(--primary-text-color);
}
.mtmodal #workcard-version-form .workcard-list-item {
  display: flex;
}
.mtmodal #workcard-version-form .workcard-section {
  margin: 10px 0px;
}
.mtmodal #workcard-version-form .workcard-section-label {
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 10px;
  display: inline-block;
}
.mtmodal #workcard-version-form .workcard-table-wrapper {
  overflow-y: auto;
  padding: 15px 0px;
}
.mtmodal #workcard-version-form .workcard-table {
  color: var(--primary-text-color);
}
.mtmodal #workcard-version-form .workcard-table-cell span {
  white-space: nowrap;
  margin: 3px 3px;
}
.mtmodal #workcard-version-form .workcard-input-text {
  background: none;
  border: 1px solid var(--primary-text-color);
  border-radius: 3px;
}
.mtmodal #workcard-version-form input,.mtmodal #workcard-version-form textarea,.mtmodal #workcard-version-form input:focus,.mtmodal #workcard-version-form textarea:focus {
  color: var(--primary-text-color);
  text-align: center;
}
.mtmodal #workcard-version-form input::-webkit-outer-spin-button,.mtmodal #workcard-version-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mtmodal #workcard-version-form .workcard-input-checkbox-wrapper {
  display: flex;
  align-items: center;
}
.mtmodal #workcard-version-form .workcard-input-checkbox {
  margin-right: 10px;
}
.mtmodal #workcard-version-form input[type=number] {
  -moz-appearance: textfield;
}
.mtmodal #workcard-version-form input[type=checkbox] {
  background-color: var(--primary-background-color-invert);
  width: 1.15em;
  height: 1.15em;
  border: .15em solid var(--primary-background-color-invert);
  border-radius: .15em;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
.mtmodal #workcard-version-form input[type=checkbox]::before {
  content: "";
  width: .65em;
  height: .65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  box-shadow: inset 1em 1em var(--input-checkbox-color);
}
.mtmodal #workcard-version-form input[type=checkbox]:checked::before {
  transform: scale(1);
}
.mtmodal #workcard-version-form input[type=checkbox]:disabled {
  --input-checkbox-color: var(--primary-background-color-invert);
  color: var(--primary-background-color-invert);
}
.mtmodal #workcard-source-form .upload-btn {
  background-color: var(--primary-color);
  color: var(--primary-text-color);
  width: 30%;
  margin-left: 13px;
  position: relative;
  bottom: 30px;
  left: 130px;
}
.mtmodal #workcard-source-form .save-button-wide {
  width: 30%;
}
.mtmodal #workcard-source-form .back-button-wide {
  width: 30%;
}
.mtmodal #workcard-source-form .disclaimer {
  font-style: italic;
  font-size: larger;
  border: solid 2px #b8860b;
  background: rgba(255,170,0,.4);
  border-radius: 5px;
  display: block;
  padding: 5px 10px;
  margin: 5px 10px 20px 10px;
}
.mtmodal #workcard-source-form .confirm {
  font-size: large;
  text-align: center;
}
.mtmodal #workcard-source-form>.content {
  display: flex;
  flex-direction: column;
}
.mtmodal #workcard-source-form>.content .section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.mtmodal #workcard-source-form>.content .section.info,.mtmodal #workcard-source-form>.content .section.upload {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.mtmodal #workcard-source-form>.content .section.info #source-action,.mtmodal #workcard-source-form>.content .section.upload #source-action {
  margin-left: 20px;
}
.mtmodal #workcard-source-form>.content .section.info #source-action,.mtmodal #workcard-source-form>.content .section.info #source-filename,.mtmodal #workcard-source-form>.content .section.upload #source-action,.mtmodal #workcard-source-form>.content .section.upload #source-filename {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 580px;
}
.mtmodal #workcard-source-form>.content .section.info #source-action,.mtmodal #workcard-source-form>.content .section.upload #source-action {
  display: flex;
  font-size: 1.5em;
}
.mtmodal #workcard-source-form>.content .section.info #source-action .spinner,.mtmodal #workcard-source-form>.content .section.upload #source-action .spinner {
  margin-right: 16px;
  font-size: 1.4em;
}
.mtmodal #workcard-source-form>.content .section.info #source-action #upload-btn:hover #upload-icon *,.mtmodal #workcard-source-form>.content .section.info #source-action #upload-btn:hover #download-icon *,.mtmodal #workcard-source-form>.content .section.info #source-action #download-btn:hover #upload-icon *,.mtmodal #workcard-source-form>.content .section.info #source-action #download-btn:hover #download-icon *,.mtmodal #workcard-source-form>.content .section.upload #source-action #upload-btn:hover #upload-icon *,.mtmodal #workcard-source-form>.content .section.upload #source-action #upload-btn:hover #download-icon *,.mtmodal #workcard-source-form>.content .section.upload #source-action #download-btn:hover #upload-icon *,.mtmodal #workcard-source-form>.content .section.upload #source-action #download-btn:hover #download-icon * {
  fill: none;
}
.mtmodal #workcard-source-form>.content .section.info #source-action #upload-icon *,.mtmodal #workcard-source-form>.content .section.info #source-action #download-icon *,.mtmodal #workcard-source-form>.content .section.upload #source-action #upload-icon *,.mtmodal #workcard-source-form>.content .section.upload #source-action #download-icon * {
  stroke: var(--primary-color);
}
.mtmodal #workcard-source-form>.content .section.info {
  max-height: 190px;
  overflow-y: auto;
}
.mtmodal #workcard-source-form>.content .section.info>div {
  display: flex;
  width: 95%;
  justify-content: space-between;
}
.mtmodal #workcard-source-form>.content .section.upload>div {
  display: flex;
}
.mtmodal #workcard-source-form>.content .section.upload>div#file-actions {
  align-items: center;
  display: flex;
  margin-top: 10px;
}
.mtmodal #workcard-source-form>.content .section.upload>div#file-actions #remove {
  font-size: 1.5em;
  position: absolute;
  right: 640px;
}
.mtmodal #workcard-source-form>.content .section.upload>div#file-actions #remove #remove-btn:hover #remove-icon * {
  fill: none;
}
.mtmodal #workcard-source-form>.content .section.upload>div#file-actions #file-actions-fileinfo {
  display: flex;
}
.mtmodal #workcard-source-form>.content .section.upload>div#file-actions #file-actions-fileinfo #source-filename {
  margin-top: 5px;
}
.mtmodal #workcard-source-form>.content .section.upload>div#file-actions #source-commit {
  width: 100%;
  position: relative;
  border: 1px solid var(--primary-border-color);
  height: 10vh;
  margin-top: 10px;
}
.mtmodal #workcard-source-form>.content .section.upload>div#file-actions #source-commit #source-commit-msg {
  resize: none;
  width: 100%;
  border: none;
}
.mtmodal #workcard-source-form>.content .section.upload>div#file-actions #source-commit>span {
  position: absolute;
  bottom: 0;
  right: 0;
}
.mtmodal #workcard-source-form>.content .section.logs {
  flex-direction: column;
}
.mtmodal #workcard-source-form>.content .section.logs .nestBlock.n0 {
  overflow: auto;
  margin-top: 10px;
  border: 1px solid var(--primary-color);
  border-radius: 5px;
  max-height: 35vh;
  padding: 10px;
  width: 30vw;
}
.mtmodal #workcard-source-form>.content .section.logs .nestBlock .n0 {
  margin-left: .5rem;
}
.mtmodal #workcard-source-form>.content .section.logs .nestBlock .n1 {
  margin-left: 1rem;
}
.mtmodal #workcard-source-form>.content .section.logs .nestBlock .n2 {
  margin-left: 1.5rem;
}
.mtmodal #workcard-source-form>.content .section.logs .nestBlock .n3 {
  margin-left: 2rem;
}
.mtmodal #workcard-source-form>.content .section.logs .nestBlock .n4 {
  margin-left: 2.5rem;
}
.mtmodal #workcard-source-form>.content .section.logs .nestBlock .n5 {
  margin-left: 3rem;
}
.mtmodal #workcard-source-form>.content .section.logs .nestBlock .n6 {
  margin-left: 3.5rem;
}
.mtmodal #workcard-source-form>.content .section.logs .nestBlock .n7 {
  margin-left: 4rem;
}
.mtmodal #workcard-source-form>.content .section.logs .nestBlock .n8 {
  margin-left: 4.5rem;
}
.mtmodal #workcard-source-form>.content .section.logs .nestBlock .n9 {
  margin-left: 5rem;
}
.mtmodal #workcard-source-form>.content .section.logs .nestBlock.nested {
  display: none;
}
.mtmodal #workcard-source-form>.content .section.logs .nestBlock.active {
  display: block;
}
.mtmodal #workcard-source-form>.content .section.logs .nestBlock.selectable {
  cursor: pointer;
}
.mtmodal #workcard-source-form>.content .section.logs .nestBlock.selectable:hover {
  opacity: .9;
}
.mtmodal #workcard-source-form>.content .section.logs .nestBlock .pipelineLogEntry {
  padding: .5rem 1.5rem .5rem 0;
  display: flex;
  align-items: center;
}
.mtmodal #workcard-source-form>.content .section.logs .nestBlock .pipelineLogEntry .log-chevron {
  transform: rotate(180deg);
  margin-right: 10px;
}
.mtmodal #workcard-source-form>.content .section.logs .nestBlock .pipelineLogEntry.selected>.log-chevron {
  transform: rotate(270deg);
}
.mtmodal #workcard-source-form>.content .section.logs .nestBlock:nth-child(2n) {
  background-color: rgba(var(--primary-background-color), 0.5);
}
.mtmodal #workcard-source-form>.content .section.logs .logEntry {
  padding: .5rem 1.5rem .5rem 1.5rem;
  display: flex;
  align-items: center;
}
.mtmodal #workcard-source-form>.content .section.logs .logEntry:nth-child(2n) {
  background-color: #fff;
  filter: brightness(0.98);
}
.mtmodal #workcard-source-form>.content .section.logs .logEntry.hover {
  cursor: pointer;
}
.mtmodal #workcard-source-form>.content .section.logs .logEntry.hover:hover {
  opacity: .85;
}
.mtmodal #workcard-source-form>.content .section.logs .logEntry.selected {
  background: #fff;
  color: var(--primary-text-color);
}
.mtmodal #workcard-source-form>.content .section.logs .logEntry.warn {
  color: #fc0;
}
.mtmodal #workcard-source-form>.content .section.logs .logEntry.error {
  color: #ff7d7d;
}
.mtmodal #workcard-source-form>.content .section.logs .error-logs {
  display: flex;
}
.mtmodal #workcard-source-form>.content .section.logs .error-logs .icon-button:hover svg path {
  fill: none;
  stroke: var(--primary-color);
}
.mtmodal #workcard-source-form>.content .section.logs .error-logs .icon {
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}
.mtmodal #workcard-source-form>.content .section.logs .error-logs .icon svg {
  width: 25px;
  height: 25px;
}
.mtmodal #workcard-source-form>.content .upload-source-message {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}
.mtmodal #workcard-source-form>.content .upload-source-message span {
  font-weight: bold;
}
.mtmodal #workcard-source-form>.content .upload-source-message textarea {
  margin-top: 20px;
  resize: none;
}
.mtmodal #workcard-source-form>.content .controls .spinner {
  font-size: 2em;
}
.mtmodal #comment-form .content {
  display: flex;
  margin-bottom: 2rem;
}
.mtmodal #comment-form .content .section {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.mtmodal #comment-form .content .section .field {
  display: flex;
  margin-bottom: 1rem;
}
.mtmodal #comment-form .content .section .field textarea#comment {
  opacity: 1;
  color: var(--secondary-text-color);
}
.mtmodal #comment-form .content .section .field.attachments {
  margin-left: 20px;
  min-width: 300px;
}
.mtmodal #comment-form .content .section .field.attachments .attachments-header {
  position: relative;
  display: flex;
  gap: 2rem;
}
.mtmodal #comment-form .content .section .field.attachments .attachments-header button {
  position: absolute;
  right: 0;
  bottom: -5px;
}
.mtmodal #comment-form .content .section .field.attachments ul {
  list-style-type: none;
  padding: 0px;
  margin-top: 1rem;
}
.mtmodal #comment-form .content .section .field.attachments ul .attachments-none {
  font-style: italic;
}
.mtmodal #comment-form .content .section .field.attachments ul li {
  display: flex;
  margin: 10px 0px;
  position: relative;
}
.mtmodal #comment-form .content .section .field.attachments ul li a,.mtmodal #comment-form .content .section .field.attachments ul li .attachment-remove {
  position: absolute;
  right: 15px;
}
.mtmodal #comment-form .content .section .field.attachments svg {
  stroke: var(--primary-text-color);
  fill: var(--primary-text-color);
}
.mtmodal #comment-form .content .section .field.attachments .label {
  max-width: 250px;
  margin: 0px 10px;
  display: block;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mtmodal #comment-form .content .section .field img,.mtmodal #comment-form .content .section .field #drawing {
  background-color: var(--tertiary-background-color);
}
@media screen and (max-width: 992px) {
  .mtmodal #comment-form {
    max-width: 90vw;
  }
}
@media screen and (max-width: 768px) {
  .mtmodal #comment-form .content .section {
    grid-template-columns: 1fr;
  }
  .mtmodal #comment-form .content .section .field.attachments {
    margin: 0;
    margin-top: 5px;
  }
  .mtmodal #comment-form .content .section .field.attachments ul li a,.mtmodal #comment-form .content .section .field.attachments ul li .attachment-remove {
    right: 0;
  }
}
.mtmodal #workcard-comments .content,.mtmodal #workcard-comments .comments {
  display: flex;
  flex-direction: column;
}
.mtmodal #workcard-comments .comments {
  max-height: 50vh;
}
.mtmodal #workcard-comments .comments .comment {
  display: flex;
  background-color: var(--alt-background-color);
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 7px;
  justify-content: space-between;
}
.mtmodal #workcard-comments .comments .comment .details {
  display: flex;
  flex-direction: column;
  width: 60%;
}
.mtmodal #workcard-comments .comments .comment .details * {
  width: 100%;
}
.mtmodal #workcard-comments .comments .comment #comment-txt {
  resize: none;
  opacity: 1;
  border: none;
  background-color: var(--tertiary-background-color);
  border-radius: 7px;
}
.mtmodal #workcard-comments .comments .comment .label {
  max-width: 250px;
  margin: 0px 10px;
  display: block;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--primary-text-color);
}
.mtmodal #workcard-comments .comments .comment img {
  border-radius: 7px;
  background-color: var(--tertiary-background-color);
}
.mtmodal #workcard-comments .comments .comment svg {
  stroke: var(--primary-text-color);
  fill: var(--primary-text-color);
}
.mtmodal #workcard-comments .comments .comment .attachments {
  width: 35%;
}
.mtmodal #workcard-comments .comments .comment .attachments ul {
  padding: 0;
  text-align: center;
}
.mtmodal #workcard-comments .comments .comment .attachments ul .attachment {
  display: flex;
  justify-content: center;
}
.mtmodal #server-form .content {
  display: block;
}
.mtmodal #server-form .content label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: var(--primary-text-color);
}
.mtmodal #server-form .content input[type=checkbox] {
  margin-top: .5rem;
  margin-right: .8rem;
  min-height: 1rem;
  height: 1.15rem;
  width: 1.15rem;
  border-radius: .15em;
  border: 1px solid var(--primary-border-color);
  accent-color: var(--primary-color);
  vertical-align: middle;
  line-height: normal;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.mtmodal #server-form .content input[type=checkbox]:checked {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}
.mtmodal #server-form .content .errors-list {
  color: var(--error-color);
  margin-bottom: 1rem;
}
.mtmodal #server-form .content #server-options {
  width: 33%;
}
.mtmodal #server-form .controls {
  margin-top: 30px;
}
.mtmodal.screenshot-modal {
  z-index: 50;
}
.mtmodal.screenshot-modal>.content {
  position: relative;
  max-width: 95vw;
  width: 95vw;
  max-height: 90vh;
  padding: var(--spacing-md, 20px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 20px);
}
.mtmodal.screenshot-modal .screenshot-info {
  position: absolute;
  right: var(--spacing-lg, 24px);
  display: flex;
  gap: var(--spacing-md, 20px);
}
.mtmodal.screenshot-modal .screenshot-info .created-by,.mtmodal.screenshot-modal .screenshot-info .date-created {
  display: flex;
  flex-direction: column;
}
.mtmodal.screenshot-modal .screenshot-info .created-by .label,.mtmodal.screenshot-modal .screenshot-info .date-created .label {
  color: var(--font-colors-Label-Description, #b6b8bb);
  font-weight: 400;
  font-size: var(--font-size-xs, 14px);
}
.mtmodal.screenshot-modal .screenshot-info .created-by .value,.mtmodal.screenshot-modal .screenshot-info .date-created .value {
  color: var(--font-colors-Label-Description, #b6b8bb);
  font-weight: 400;
  font-size: var(--font-size-xs, 14px);
}
.mtmodal.screenshot-modal .screenshot-container {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  max-height: 70vh;
  overflow: hidden;
  border-radius: var(--corner-radius-md, 5px);
}
.mtmodal.screenshot-modal .screenshot-container img {
  width: 50%;
  height: 50%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mtmodal.screenshot-modal .screenshot-description {
  color: var(--font-colors-default, #d6d6d6);
  font-size: var(--font-size-xs, 14px);
  font-weight: 400;
  margin-top: var(--spacing-sm, 16px);
  margin-bottom: 0;
}
.select {
  display: flex;
  position: relative;
  height: 30px;
  width: 100%;
  min-width: 100px;
  background-color: var(--secondary-background-color);
  cursor: pointer;
}
.select.disabled {
  opacity: .4;
  cursor: default;
}
.select.expanded {
  border-radius: 4px 4px 0px 0px;
}
.select.expanded ul {
  opacity: 1;
  display: block;
  position: absolute;
  width: calc(100% - 4px);
  top: 30px;
}
.select:focus {
  outline: none;
}
.select:not(.disabled):hover,.select:not(.disabled):focus {
  border-color: var(--primary-text-color);
}
.select:not(.disabled):hover .selected-name-container .dropdown-arrow,.select:not(.disabled):focus .selected-name-container .dropdown-arrow {
  border-color: var(--primary-text-color);
}
.select:not(.disabled):hover ul,.select:not(.disabled):focus ul {
  border-color: var(--primary-text-color);
}
.select .selected-name-container {
  height: 30px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  position: relative;
  min-height: 30px;
  border: solid 1px var(--primary-border-color);
  border-radius: .25rem;
}
.select .selected-name-container .selected-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  width: 100%;
}
.select .selected-name-container input {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border: none;
}
.select.searchable .selected-name-container {
  justify-content: flex-end;
}
.select ul {
  background: var(--alt-background-color);
  box-sizing: content-box;
  z-index: 999;
  opacity: 0;
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  border: solid 2px var(--primary-border-color);
  border-top: none;
  max-height: 200px;
  overflow: scroll;
}
.select ul li {
  padding: .5rem 1rem;
  color: var(--primary-text-color);
}
.select ul li:hover,.select ul li:focus {
  background-color: var(--secondary-background-color);
  color: #fff;
}
.multi-select input[type=checkbox] {
  min-height: 0px !important;
  accent-color: var(--input-checkbox-color);
  margin-right: 10px;
  border: .15em solid var(--primary-background-color-invert);
  border-radius: .15em;
  transform: translateY(-0.075em);
}
.multi-select input[type=checkbox]:checked::before {
  transform: scale(1);
}
.multi-select.select-all {
  border: 2px solid var(--tertiary-background-color);
}
.loading-indicator {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--primary-background-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--primary-text-color);
}
.loading-indicator .spinner {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.loading-indicator .spinner div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  animation: spinner 1.2s linear infinite;
}
.loading-indicator .spinner div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
.loading-indicator .spinner div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}
.loading-indicator .spinner div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}
.loading-indicator .spinner div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}
.loading-indicator .spinner div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}
.loading-indicator .spinner div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}
.loading-indicator .spinner div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}
.loading-indicator .spinner div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}
.loading-indicator .spinner div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}
.loading-indicator .spinner div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}
.loading-indicator .spinner div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}
.loading-indicator .spinner div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}
@keyframes spinner {
  0%,20%,80%,100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
.status-list {
  max-width: 130px;
  color: var(--secondary-text-color);
}
.status-list .status-box {
  display: flex;
  padding: 5px 10px;
  background-color: var(--status-open-color);
  border-radius: .25rem;
  cursor: pointer;
  max-width: 130px;
  height: 30px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
}
.status-list .status-box.complete {
  background-color: var(--status-complete-color);
}
.status-list .status-box.closed {
  background-color: var(--status-close-color);
}
.status-list .status-box.inprogress {
  background-color: var(--status-in-progress-color);
}
.status-list .status-box.pendingorder {
  background-color: var(--status-pending-order-color);
}
.status-list .status-box.pendingreview {
  background-color: var(--status-pending-review-color);
}
.status-list .status-box.trainingrequired {
  background-color: var(--status-training-required-color);
}
@media screen and (max-width: 1400px) {
  .status-list .status-box {
    font-size: .8rem;
  }
}
.status-list ul {
  position: absolute;
  list-style: none;
  background-color: var(--primary-background-color);
  border-radius: .25rem;
  padding: 1rem 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateX(-25%);
  z-index: 999;
  margin: 2px;
  border: 1px solid var(--primary-border-color);
  top: unset;
}
.status-list ul li {
  margin-bottom: 10px;
  width: 90%;
}
.status-list ul li span {
  margin: 0 auto;
}
.status-list ul:before {
  z-index: -1;
  width: 10px;
  height: 10px;
  border: inherit;
  content: "";
  background-color: inherit;
  position: absolute;
  top: -5px;
  transform: rotate(45deg);
  right: 7px;
  border-right-color: rgba(0,0,0,0);
  border-bottom-color: rgba(0,0,0,0);
}
.status-list.bottom-arrow ul {
  transform: translateX(-25%) translateY(-330px);
}
.status-list.bottom-arrow ul:before {
  top: unset;
  bottom: -5px;
  transform: rotate(-135deg);
}
.avatar {
  width: 45px;
  height: 45px;
  border-radius: 10px;
  color: var(--primary-background-color);
  background-color: var(--primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  font-weight: 600;
}
.avatar.clickable {
  cursor: pointer;
}
.avatar.small {
  width: 30px;
  height: 30px;
  font-size: 1.5rem;
  border-radius: 5px;
}
.avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.alert-overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: hsla(0,0%,100%,.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.alert-overlay#alert-overlay {
  z-index: 1001;
}
.alert-overlay .alert,.alert-overlay .alert-delete {
  text-align: left;
  min-width: 300px;
  max-width: 700px;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--primary-background-color);
  color: var(--primary-text-color);
  border-radius: .5rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
}
.alert-overlay .alert #alert-header,.alert-overlay .alert-delete #alert-header {
  text-align: left;
  margin-bottom: 15px;
}
.alert-overlay .alert i,.alert-overlay .alert-delete i {
  font-weight: bold;
}
.alert-overlay .alert.data-config-modal.large-modal {
  width: 65vw;
  height: 80vh;
  max-width: 90vw;
  max-height: 90vh;
  overflow: auto;
}
.alert-overlay .alert.link-columns-modal {
  width: 45vw;
  height: 40vh;
  max-width: 90vw;
  max-height: 90vh;
  overflow: auto;
}
.alert-overlay .alert.link-parts-modal {
  width: 50vw;
  height: 80vh;
  max-width: 90vw;
  max-height: 90vh;
  overflow: auto;
}
.alert-overlay .alert.sync-equipment-parts-modal {
  width: 90vw;
  height: 90vh;
  max-width: 95vw;
  max-height: 95vh;
  overflow: hidden;
}
.alert-overlay .alert.upload-model-modal #data-config-wizard .config-content {
  padding-top: 4.5rem !important;
}
.alert-overlay .alert.widget-modal {
  max-width: 75vw;
  width: 75vw;
  height: 70vh;
}
.alert-overlay .alert.user-form-modal {
  max-width: 50vw;
  width: 50vw;
}
.alert-overlay .alert.qr-code-login-modal {
  max-width: 65vw;
  width: 65vw;
  height: 80vh;
}
.alert-overlay .alert.environment-form-two {
  max-width: 80vw;
  width: 80vw;
}
.alert-overlay .alert.project-form-two {
  max-width: 80vw;
  width: 80vw;
}
.alert-overlay .alert.product-form-two {
  max-width: 80vw;
  width: 80vw;
}
.alert-overlay .alert.workspace-form-two {
  max-width: 77vw;
  width: 77vw;
}
.alert-overlay .alert.workcard-form {
  max-width: 25vw;
  width: 25vw;
}
.alert-overlay .alert.task-form-one,.alert-overlay .alert.lesson-form-modal {
  width: 25vw;
  max-width: 25vw;
  min-width: 450px;
}
.alert-overlay .alert.task-form-two {
  max-width: 80vw;
  width: 80vw;
}
.alert-overlay .alert.preview-link-comment-edit-form {
  max-width: 30vw;
  width: 30vw;
}
.alert-overlay .alert.preview-link {
  max-width: 25vw;
  width: 25vw;
}
.alert-overlay .alert.edit-part-form {
  max-width: 30vw;
  width: 30vw;
}
.alert-overlay .alert.jobPack-form {
  max-width: 25vw;
  width: 25vw;
}
.alert-overlay .alert.preview-link-comment-edit-form {
  max-width: 60vw;
  width: 60vw;
}
.alert-overlay .alert.esignature-modal {
  max-width: 30vw;
  width: 30vw;
}
.alert-overlay .alert.change-password-modal {
  width: 28.5vw;
}
.alert-overlay .alert.change-password-modal .password-requirements {
  margin: 20px 24px;
}
.alert-overlay .alert.change-password-modal .password-requirements ul {
  list-style-type: disc;
}
.alert-overlay .alert.session-form {
  max-width: 30vw;
  width: 30vw;
}
.alert-overlay .alert.task-note-edit-modal {
  max-width: 30vw;
  width: 30vw;
}
.alert-overlay .alert.users-groups-modal {
  max-width: 55vw;
  width: 55vw;
}
.alert-overlay .alert.product-manual-note-edit-modal {
  max-width: 30vw;
  width: 30vw;
}
.alert.document-viewer-modal,.alert.document-viewer {
  --viewer-bg: var(--primary-background-color, #fff);
  --viewer-border: var(--primary-border-color, #ddd);
  --viewer-text: var(--primary-text-color, #111);
  --viewer-toolbar-bg: var(--secondary-background-color, #f5f5f5);
  background: var(--viewer-bg);
  color: var(--viewer-text);
  border: 1px solid var(--viewer-border);
  border-radius: 6px;
  padding: var(--spacing-medium, 12px);
  min-width: 320px;
  width: clamp(320px,90vw,1100px);
  max-width: 95vw;
  height: 90vh;
  max-height: 92vh;
  overflow: hidden;
}
.alert.document-viewer-modal .document-viewer,.alert.document-viewer .document-viewer {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-small, 8px);
}
.alert.document-viewer-modal .document-viewer>div:first-child,.alert.document-viewer .document-viewer>div:first-child {
  background: rgba(0,0,0,0);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4px;
  color: var(--tertiary-text-color, var(--primary-text-color));
  font-size: .95rem;
}
.alert.document-viewer-modal .document-viewer mt-pdf-viewer,.alert.document-viewer .document-viewer mt-pdf-viewer {
  width: 100%;
  height: calc(100vh - 160px);
  max-height: calc(90vh - 120px);
  min-height: 50vh;
  display: block;
  border-radius: 4px;
  background: var(--primary-background-color, #fff);
  background-color: var(--primary-background-color, #fff);
}
@media (max-width: 768px) {
  .alert.document-viewer-modal .document-viewer mt-pdf-viewer,.alert.document-viewer .document-viewer mt-pdf-viewer {
    height: calc(65vh - 48px);
  }
}
.signature {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.signature canvas {
  border: 1px solid var(--primary-border-color);
  margin-bottom: 10px;
}
.spinner {
  width: 1em;
  height: 1em;
  position: relative;
  color: var(--primary-text-color);
}
.spinner .circle-segment {
  width: 1em;
  height: 1em;
  position: absolute;
  left: 0;
  top: 0;
}
.spinner .circle-segment:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: var(--primary-text-color);
  border-radius: 100%;
  animation: spinner 1.2s infinite ease-in-out both;
}
.spinner .circle-segment:nth-child(1) {
  transform: rotate(30deg);
}
.spinner .circle-segment:nth-child(1)::before {
  animation-delay: 1.1s;
}
.spinner .circle-segment:nth-child(2) {
  transform: rotate(60deg);
}
.spinner .circle-segment:nth-child(2)::before {
  animation-delay: 1s;
}
.spinner .circle-segment:nth-child(3) {
  transform: rotate(90deg);
}
.spinner .circle-segment:nth-child(3)::before {
  animation-delay: 0.9s;
}
.spinner .circle-segment:nth-child(4) {
  transform: rotate(120deg);
}
.spinner .circle-segment:nth-child(4)::before {
  animation-delay: 0.8s;
}
.spinner .circle-segment:nth-child(5) {
  transform: rotate(150deg);
}
.spinner .circle-segment:nth-child(5)::before {
  animation-delay: 0.7s;
}
.spinner .circle-segment:nth-child(6) {
  transform: rotate(180deg);
}
.spinner .circle-segment:nth-child(6)::before {
  animation-delay: 0.6s;
}
.spinner .circle-segment:nth-child(7) {
  transform: rotate(210deg);
}
.spinner .circle-segment:nth-child(7)::before {
  animation-delay: 0.5s;
}
.spinner .circle-segment:nth-child(8) {
  transform: rotate(240deg);
}
.spinner .circle-segment:nth-child(8)::before {
  animation-delay: 0.4s;
}
.spinner .circle-segment:nth-child(9) {
  transform: rotate(270deg);
}
.spinner .circle-segment:nth-child(9)::before {
  animation-delay: 0.3s;
}
.spinner .circle-segment:nth-child(10) {
  transform: rotate(300deg);
}
.spinner .circle-segment:nth-child(10)::before {
  animation-delay: 0.2s;
}
.spinner .circle-segment:nth-child(11) {
  transform: rotate(330deg);
}
.spinner .circle-segment:nth-child(11)::before {
  animation-delay: 0.1s;
}
.spinner .circle-segment:nth-child(12) {
  transform: rotate(360deg);
}
.spinner .circle-segment:nth-child(12)::before {
  animation-delay: 0s;
}
@keyframes spinner {
  0%,20%,80%,100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
}
#users-list {
  display: flex;
  flex-direction: column;
  margin-right: 1rem;
  position: relative;
  width: 50%;
}
#users-list .entries {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  overflow-y: auto;
  margin: 1rem 0;
}
#users-list .entries .entry {
  display: flex;
  justify-content: space-between;
  border-radius: 5px;
}
#users-list .entries .entry:nth-child(odd) {
  background-color: var(--secondary-background-color);
}
#users-list .entries .entry .user-details {
  display: flex;
  gap: 1rem;
}
#users-list .entries .entry mt-avatar {
  max-width: 100%;
  max-height: 100%;
}
#users-list .entries .entry .user-info {
  display: flex;
  flex-direction: column;
  gap: 0;
}
#users-list .entries .entry .user-title {
  font-size: 1.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
}
#users-list .entries .entry .email {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
}
#users-list .entries .entry .cursor {
  cursor: pointer;
  grid-area: remove;
  display: flex;
  align-items: center;
  padding-right: 1rem;
}
#users-list .entries .entry.compact {
  display: block;
}
#users-list .entries .entry.compact .user-title {
  margin-left: 10px;
}
#users-list.users::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(100% + 1rem);
  border-right: thin solid;
  border-color: var(--primary-border-color);
}
table.scrollable {
  width: 100%;
}
table.scrollable tbody {
  display: block;
  max-height: 27em;
  overflow-y: auto;
  overflow-x: hidden;
}
table.scrollable tbody tr td {
  padding: 10px 0px;
  vertical-align: middle;
  margin: auto;
}
table.scrollable tbody tr td span {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
table.scrollable thead,table.scrollable tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.collaborate-panel .collaborate-header {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
.collaborate-panel .collaborate-header-left {
  display: flex;
  gap: 1rem;
}
.collaborate-panel .collaborate-header-left .button-bulk-edit.disabled,.collaborate-panel .collaborate-header-left .button-bulk-remove.disabled {
  opacity: .5;
  cursor: auto;
}
.collaborate-panel .collaborate-header-left .button-bulk-edit.disabled:hover,.collaborate-panel .collaborate-header-left .button-bulk-remove.disabled:hover {
  background: inherit;
  border-color: inherit;
  color: inherit;
}
.collaborate-panel .collaborate-entries .checkbox-container {
  display: inline-block;
}
.collaborate-panel .collaborate-entries .checkbox-container input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: rgba(0,0,0,0);
  accent-color: var(--primary-color);
  margin: 0;
  font: inherit;
  color: var(--primary-border-color);
  width: 1.15em;
  height: 1.15em;
  border: 1px solid var(--primary-border-color);
  border-radius: .15em;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
.collaborate-panel .collaborate-entries .checkbox-container input[type=checkbox]:checked {
  transform: scale(1);
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}
.collaborate-panel .collaborate-entries table {
  margin-top: 19px;
  width: 100%;
}
.collaborate-panel .collaborate-entries table thead tr {
  border-bottom: 1px solid var(--primary-border-color);
}
.collaborate-panel .collaborate-entries table thead tr th {
  color: var(--tertiary-text-color);
  opacity: 1;
  font: normal normal 300 16px/42px Nunito;
  text-align: left;
  cursor: default;
}
.collaborate-panel .collaborate-entries table thead tr th.permission-column {
  text-align: center;
}
.collaborate-panel .collaborate-entries table thead tr th.name-column .subrow-toggle-spacer {
  width: 33px;
  height: 32px;
  vertical-align: middle;
  margin: 0 5px 5px;
  display: inline-block;
}
.collaborate-panel .collaborate-entries table thead tr th.name-column .checkbox-container {
  vertical-align: middle;
  margin-right: 15px;
}
.collaborate-panel .collaborate-entries table thead tr th .sortable-header .sort-icon svg {
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
  opacity: .3;
  cursor: pointer;
}
.collaborate-panel .collaborate-entries table tbody tr.subrow td {
  font: normal normal normal 15px/2rem Nunito;
}
.collaborate-panel .collaborate-entries table tbody tr td {
  padding-top: 20px;
  text-align: left;
  font: normal normal normal 15px/30px Nunito;
  color: var(--primary-text-color);
  vertical-align: top;
  cursor: default;
}
.collaborate-panel .collaborate-entries table tbody tr td.name-column {
  display: flex;
  align-items: center;
  width: 500px;
}
.collaborate-panel .collaborate-entries table tbody tr td.name-column .checkbox-container {
  margin-right: 15px;
}
.collaborate-panel .collaborate-entries table tbody tr td.name-column .subrow-toggle-spacer {
  width: 33px;
  height: 32px;
  vertical-align: middle;
  margin: 0 5px 5px;
  display: inline-block;
}
.collaborate-panel .collaborate-entries table tbody tr td.name-column .subrow-toggle {
  width: 33px;
  height: 32px;
  vertical-align: middle;
  margin: 0 5px 5px;
  display: inline-block;
}
.collaborate-panel .collaborate-entries table tbody tr td.name-column .subrow-toggle svg {
  width: 18px;
  height: 9px;
  display: inline-block;
  cursor: pointer;
}
.collaborate-panel .collaborate-entries table tbody tr td.name-column .subrow-toggle svg * {
  stroke: var(--primary-text-color);
}
.collaborate-panel .collaborate-entries table tbody tr td.name-column .subrow-spacer {
  display: inline-block;
  width: 125px;
}
.collaborate-panel .collaborate-entries table tbody tr td.name-column .name {
  margin-left: 15px;
  display: inline-block;
  flex-direction: column;
  vertical-align: middle;
}
.collaborate-panel .collaborate-entries table tbody tr td.permission-column {
  align-items: end;
  text-align: center;
}
.collaborate-panel .collaborate-entries table tbody tr td.action-column .context-menu .dots-button {
  padding: 2px;
}
.collaborate-panel .collaborate-entries table tbody tr td.action-column .context-menu li {
  padding: .3rem 1rem;
}
.collaborate-panel .collaborate-entries table tbody tr td.action-column .context-menu li svg {
  height: 16px;
}
.collaborate-panel .collaborate-entries table tbody tr td.position-column {
  color: var(--secondary-text-color);
}
.collaborator-bulk-edit-modal {
  width: 588px;
  min-height: 82px;
  display: block;
}
.collaborator-bulk-edit-modal fieldset {
  margin-top: 24px;
  display: block;
}
.collaborator-bulk-edit-modal .dashboard-btn-group {
  display: flex;
  margin-top: 10px;
  justify-content: center;
  height: 35px;
  gap: 1rem;
}
.collaborate-form-modal {
  display: flex;
  flex-direction: column;
  height: 70vh;
  width: 100%;
}
.collaborate-form-modal h2 {
  margin-bottom: 1rem;
}
.collaborate-form-modal .flex-box {
  display: flex;
  flex-flow: row;
  overflow: hidden;
  height: 100%;
}
.collaborate-form-modal .flex-box .left-pane {
  display: flex;
  padding: 5px;
  flex-flow: column;
  flex: 0 0 50%;
  max-height: 100%;
  width: 50%;
  max-width: 50%;
  box-sizing: border-box;
}
.collaborate-form-modal .flex-box .left-pane h1 {
  margin-left: 5px;
}
.collaborate-form-modal .flex-box .left-pane .pane-container {
  padding-right: 11px;
  border-right: 1px solid var(--primary-border-color);
  height: calc(100% - 65px);
}
.collaborate-form-modal .flex-box .left-pane .pane-container .user-list-search {
  flex-flow: row;
  height: 36px;
}
.collaborate-form-modal .flex-box .left-pane .pane-container .user-list-search .search-box {
  height: 36px;
  width: 100%;
}
.collaborate-form-modal .flex-box .left-pane .pane-container .search-box-container {
  display: flex;
  vertical-align: middle;
  height: 36px;
}
.collaborate-form-modal .flex-box .left-pane .pane-container .search-box-container .search-box {
  height: 36px;
  width: calc(100% - 36px);
  border-right: none;
  border-radius: 5px 0 0 5px;
}
.collaborate-form-modal .flex-box .left-pane .pane-container .search-box-container .icon-container {
  display: inline-block;
  height: 36px;
  width: 36px;
  border: 1px solid var(--primary-border-color);
  border-left: none;
  border-radius: 0 5px 5px 0;
  padding: 9px;
}
.collaborate-form-modal .flex-box .left-pane .pane-container .search-box-container .icon-container svg {
  width: 17px;
  height: 17px;
}
.collaborate-form-modal .flex-box .left-pane .pane-container .user-list-outer {
  flex-flow: row;
  height: calc(100% - 45px);
  overflow-y: auto;
  margin-top: 11px;
  padding-top: 15px;
}
.collaborate-form-modal .flex-box .left-pane .pane-container .user-list-outer .user-list-container ul {
  width: 100%;
}
.collaborate-form-modal .flex-box .left-pane .pane-container .user-list-outer .user-list-container ul li {
  display: grid;
  grid-template-areas: "avatar title addButton";
  grid-template-columns: 50px calc(100% - 50px - 40px) 40px;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 5px;
}
.collaborate-form-modal .flex-box .left-pane .pane-container .user-list-outer .user-list-container ul li:nth-child(even) {
  background-color: var(--secondary-background-color);
}
.collaborate-form-modal .flex-box .left-pane .pane-container .user-list-outer .user-list-container ul li .avatar-cell {
  grid-area: avatar;
  vertical-align: middle;
}
.collaborate-form-modal .flex-box .left-pane .pane-container .user-list-outer .user-list-container ul li .user-name {
  grid-area: title;
  padding-top: 0;
  vertical-align: top;
}
.collaborate-form-modal .flex-box .left-pane .pane-container .user-list-outer .user-list-container ul li .user-name .user-title {
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.collaborate-form-modal .flex-box .left-pane .pane-container .user-list-outer .user-list-container ul li .user-name .email {
  font-size: 14px;
  line-height: 19px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.collaborate-form-modal .flex-box .left-pane .pane-container .user-list-outer .user-list-container ul li .plus-button {
  grid-area: addButton;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.collaborate-form-modal .flex-box .left-pane .pane-container .user-list-outer .user-list-container ul li .plus-button svg {
  width: 18px;
  height: 18px;
}
.collaborate-form-modal .flex-box .left-pane .pane-container .user-list-outer .user-list-container ul li .plus-button svg * {
  fill: var(--tertiary-text-color);
  stroke-width: 0;
}
@media screen and (max-width: 768px) {
  .collaborate-form-modal .flex-box .left-pane .pane-container .user-list-outer .user-list-container ul li {
    grid-template-columns: calc(100% - 40px) 40px;
    grid-template-areas: "title addButton";
  }
  .collaborate-form-modal .flex-box .left-pane .pane-container .user-list-outer .user-list-container ul li mt-avatar {
    display: none;
  }
  .collaborate-form-modal .flex-box .left-pane .pane-container .user-list-outer .user-list-container ul li .names {
    padding-left: 10px;
  }
}
.collaborate-form-modal .flex-box .right-pane {
  display: flex;
  padding: 5px;
  flex-flow: column;
  flex: 0 0 50%;
  max-height: 100%;
  width: 50%;
  max-width: 50%;
  box-sizing: border-box;
}
.collaborate-form-modal .flex-box .right-pane .pane-container {
  height: calc(100% - 65px);
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-search {
  flex-flow: row;
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-search .search-box-container {
  display: flex;
  vertical-align: middle;
  height: 36px;
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-search .search-box-container .search-box {
  height: 36px;
  width: calc(100% - 36px);
  border-right: none;
  border-radius: 5px 0 0 5px;
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-search .search-box-container .search-box .search-box {
  height: 36px;
  width: 100%;
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-search .search-box-container .icon-container {
  display: inline-block;
  height: 36px;
  width: 36px;
  border: 1px solid var(--primary-border-color);
  border-left: none;
  border-radius: 0 5px 5px 0;
  padding: 9px;
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-search .search-box-container .icon-container svg {
  width: 17px;
  height: 17px;
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-outer {
  flex-flow: row;
  height: calc(100% - 45px);
  overflow-y: auto;
  margin-top: 11px;
  padding-top: 15px;
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-outer .user-list-container ul {
  width: 100%;
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-outer .user-list-container ul li {
  display: grid;
  grid-template-areas: "avatar title selectArea removeButton";
  grid-template-columns: 50px calc(100% - 50px - 141px - 40px) 141px 40px;
  width: 100%;
  margin-bottom: 5px;
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-outer .user-list-container ul li:nth-child(even) {
  background-color: var(--secondary-background-color);
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-outer .user-list-container ul li .avatar-cell {
  grid-area: avatar;
  vertical-align: middle;
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-outer .user-list-container ul li .user-name {
  grid-area: title;
  padding-top: 0;
  vertical-align: top;
  width: 100%;
  padding-right: 5px;
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-outer .user-list-container ul li .user-name .user-title {
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-outer .user-list-container ul li .user-name .email {
  font-size: 14px;
  line-height: 19px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-outer .user-list-container ul li .selectWrapper {
  grid-area: selectArea;
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-outer .user-list-container ul li .selectWrapper .select-container {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-outer .user-list-container ul li .selectWrapper .select-container select {
  padding-left: 5px;
  border: solid 1px var(--primary-border-color);
  background-color: var(--primary-background-color);
  width: 141px;
  height: 30px;
  border-radius: 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-outer .user-list-container ul li .selectWrapper .select-container select option {
  background-color: var(--primary-background-color);
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-outer .user-list-container ul li .selectWrapper .select-container .select-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 5px;
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-outer .user-list-container ul li .selectWrapper .select-container .select-icon svg * {
  fill: var(--primary-border-color);
  stroke: var(--primary-border-color);
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-outer .user-list-container ul li .remove-button {
  grid-area: removeButton;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.collaborate-form-modal .flex-box .right-pane .pane-container .user-list-outer .user-list-container ul li .remove-button:after {
  content: "×";
  color: var(--secondary-border-color);
  font-size: 2rem;
  font-weight: lighter;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .collaborate-form-modal .flex-box .right-pane .pane-container .user-list-outer .user-list-container ul li {
    grid-template-columns: calc(100% - 40px - 141px) 141px 40px;
    grid-template-areas: "title selectArea removeButton";
  }
  .collaborate-form-modal .flex-box .right-pane .pane-container .user-list-outer .user-list-container ul li mt-avatar {
    display: none;
  }
  .collaborate-form-modal .flex-box .right-pane .pane-container .user-list-outer .user-list-container ul li .names {
    padding-left: 10px;
  }
}
.collaborate-form-modal .dashboard-btn-group {
  display: flex;
  margin-top: 15px;
  justify-content: center;
  width: 100%;
  margin-bottom: 15px;
  gap: 1rem;
}
@media screen and (max-width: 1200px) {
  .collaborate-form-modal .flex-box .left-pane,.collaborate-form-modal .flex-box .right-pane {
    flex: 0 0 50%;
    padding: 2px;
  }
  .collaborate-form-modal .flex-box .left-pane {
    margin-right: 8px;
  }
}
@media screen and (max-width: 992px) {
  .collaborate-form-modal {
    width: 74vw;
  }
  .collaborate-form-modal .flex-box {
    flex-flow: column;
  }
  .collaborate-form-modal .flex-box .left-pane,.collaborate-form-modal .flex-box .right-pane {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding: 2px;
    margin-right: 0;
    height: 50%;
    flex: 0;
  }
  .collaborate-form-modal .flex-box .left-pane .pane-container,.collaborate-form-modal .flex-box .right-pane .pane-container {
    border: none;
  }
}
#batch-table {
  width: 100%;
  table-layout: fixed;
}
#batch-table th,#batch-table td {
  overflow: hidden;
  text-overflow: ellipsis;
}
#batch-table th.status,#batch-table td.status {
  overflow: visible;
}
#batch-table td.action-column,#batch-table th.action-column {
  width: 40px;
}
#batch-table {
  margin-top: 1rem;
  cursor: default;
}
#batch-table th.half-width-column,#batch-table td.half-width-column {
  width: 50%;
}
#batch-table th.three-quarters-width-column,#batch-table td.three-quarters-width-column {
  width: 75%;
}
#batch-table thead tr {
  border-bottom: 1px solid var(--primary-border-color);
}
#batch-table thead tr th {
  position: relative;
  text-wrap: nowrap;
  opacity: .8;
  text-align: left;
  font: normal normal 300 16px/20px Nunito;
  font-size: 1rem;
  padding-bottom: .25rem;
}
#batch-table thead tr .sort-title {
  display: flex;
  align-items: center;
  gap: .5rem;
}
#batch-table thead tr th.sorted {
  color: var(--secondary-text-color);
  text-shadow: 0px 0px 1px var(--secondary-text-color);
}
#batch-table tbody tr {
  border-bottom: 1px solid var(--primary-border-color);
}
#batch-table tbody tr td {
  text-align: left;
  color: var(--primary-text-color);
  font: normal normal normal 14px/30px Nunito;
  white-space: nowrap;
}
#batch-table tbody tr td.action-column .context-menu .dots-button {
  padding: 2px;
}
#batch-table tbody tr td.action-column .context-menu li {
  padding: .3rem 1rem;
}
#batch-table tbody tr td.action-column .context-menu li svg {
  height: 16px;
}
#batch-table .expand-row-icon-container {
  width: 40px;
  text-align: center;
  vertical-align: middle;
}
#batch-table .expand-row-icon-container .expand-row-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  cursor: pointer;
}
#batch-table .expand-row-icon-container .expand-row-icon.up svg {
  transform: rotate(180deg);
}
#batch-table .checkbox-container {
  opacity: 1;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  font: normal normal 300 14px/30px Nunito;
}
#batch-table .checkbox-container input {
  cursor: pointer;
}
#batch-table .checkbox-container input:disabled {
  cursor: default;
}
#batch-table .checkbox-container input[type=checkbox] {
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  accent-color: var(--primary-color);
  width: 1.15em;
  height: 1.15em;
  border: 1px solid var(--primary-border-color);
  border-radius: .15em;
}
#batch-table .checkbox-container input[type=checkbox]:checked {
  transform: scale(1);
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}
#batch-table .no-items-message {
  border: none;
}
#batch-table .no-items-message span {
  font-style: italic;
}
#batch-table th,#batch-table td {
  padding: 10px;
}
#batch-table .sub-rows {
  background-color: var(--tertiary-background-color);
}
#batch-table .sub-rows .subrows-table-container {
  padding: 0;
}
#batch-table .sub-rows .subrows-table-container table {
  width: 100%;
}
#batch-table .sub-rows .subrows-table-container table tbody tr:last-child {
  border-bottom: none;
}
#batch-table .clickable-row {
  cursor: pointer;
}
#multiplayer-page mt-spinner {
  margin: auto;
  margin-top: 2rem;
}
#multiplayer-page .rooms-tab .filter-section,#multiplayer-page .servers-tab .filter-section {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  margin-top: 1rem;
}
#multiplayer-page .rooms-tab .filter-section .table-rows-count,#multiplayer-page .servers-tab .filter-section .table-rows-count {
  opacity: .8;
}
#multiplayer-page .rooms-tab .filter-section .filters,#multiplayer-page .servers-tab .filter-section .filters {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  gap: 1rem;
}
#multiplayer-page .rooms-tab #batch-table thead tr :last-child {
  text-align: center;
}
#multiplayer-page .rooms-tab #batch-table tbody tr>:nth-last-child(2):not(:last-child) {
  display: flex;
  justify-content: center;
  align-items: center;
}
#multiplayer-page .rooms-tab #batch-table tbody tr>:nth-last-child(2):not(:last-child) .manage-button {
  width: 130px;
  height: 34px;
  border-radius: 5px;
}
.alert.card-selection-image-modal,.alert.card-selection-image-modal-small {
  position: relative;
  min-width: 75vw;
  min-height: 75vh;
  max-height: 90vh;
  overflow: hidden;
  border-radius: 5px;
  text-align: left;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.alert.card-selection-image-modal .input-field,.alert.card-selection-image-modal-small .input-field {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.alert.card-selection-image-modal #hidden-file-input,.alert.card-selection-image-modal-small #hidden-file-input {
  display: none;
}
.alert.card-selection-image-modal button,.alert.card-selection-image-modal-small button {
  min-width: 110px;
  height: 36px;
}
.alert.card-selection-image-modal .loading-spinner-container,.alert.card-selection-image-modal-small .loading-spinner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.alert.card-selection-image-modal .loading-spinner-container .loading-spinner,.alert.card-selection-image-modal-small .loading-spinner-container .loading-spinner {
  margin: 0 auto;
  width: 50px;
}
.alert.card-selection-image-modal-small {
  min-width: 60vw;
  min-height: 40vh;
  max-height: 60vh;
}
.card-gallery-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.card-selection-modal {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  color: var(--primary-text-color);
  flex: 1;
  min-height: 0;
  margin-top: 1rem;
}
.card-selection-modal h2 {
  margin: 0 0 20px 0;
  color: var(--primary-text-color);
}
.card-selection-modal .card-selection-header-controls {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
  width: 100%;
  max-width: 100%;
  flex-shrink: 0;
}
.card-selection-modal .card-selection-header-controls .search-input {
  min-width: 300px;
  max-width: 300px;
}
.card-selection-modal .card-selection-header-controls .search-input input::-moz-placeholder {
  color: var(--mt-filter-text-color);
}
.card-selection-modal .card-selection-header-controls .search-input input::placeholder {
  color: var(--mt-filter-text-color);
}
.card-selection-modal .card-selection-header-controls .header-controls {
  display: flex;
  justify-content: space-between;
}
.card-selection-modal .card-selection-header-controls .image-filters {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.card-selection-modal .card-selection-header-controls .select-all {
  display: flex;
  align-items: center;
  gap: .5rem;
}
.card-selection-modal .card-selection-header-controls .delete-selected-btn {
  background-color: var(--secondary-background-color);
  border-color: var(--primary-color);
  color: var(--primary-text-color);
}
.card-selection-modal .card-selection-header-controls .delete-selected-btn:hover {
  background-color: var(--secondary-background-color-hover);
  border-color: var(--primary-color);
}
.card-selection-modal .image-gallery-wrapper {
  flex: 1;
  overflow: auto;
  min-height: 0;
}
.card-selection-modal .image-gallery-wrapper .image-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
  padding: 1rem 0;
  width: 100%;
}
.card-selection-modal .image-gallery-wrapper .image-gallery .card {
  background-color: var(--cards-card-primary);
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
}
.card-selection-modal .image-gallery-wrapper .image-gallery .card.selected {
  border: 1px solid var(--primary-color);
}
.card-selection-modal .image-gallery-wrapper .image-gallery .card:hover .image-info {
  background-color: var(--cards-card-hover);
}
.card-selection-modal .image-gallery-wrapper .image-gallery .card .image-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
  color: var(--primary-text-color);
  transition: background-color .15s ease;
}
.card-selection-modal .image-gallery-wrapper .image-gallery .card .image-info .image-name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-selection-modal .image-gallery-wrapper .image-gallery .card .image-info .delete-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0);
  color: var(--primary-text-color);
  cursor: pointer;
  padding: 4px;
  border-radius: 3px;
  transition: background-color .15s ease;
  outline: none;
  width: 24px;
  height: 24px;
}
.card-selection-modal .image-gallery-wrapper .image-gallery .card .image-info .delete-button:focus {
  box-shadow: 0 0 0 2px hsla(0,0%,100%,.08);
}
.card-selection-modal .image-gallery-wrapper .image-gallery .card .image-info .delete-button:hover {
  background-color: #2c3037;
  color: #968eb9;
}
.card-selection-modal .image-gallery-wrapper .image-gallery .card .image-info .delete-button .delete-icon {
  width: 12px;
  height: 12px;
  fill: currentColor;
  display: block;
}
.card-selection-modal .image-gallery-wrapper .image-gallery .card .image-container {
  width: 100%;
  height: 188px;
  overflow: hidden;
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-selection-modal .image-gallery-wrapper .image-gallery .card .image-container img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.card-selection-modal .image-gallery-wrapper .image-gallery .card .image-container svg {
  width: 64px;
  height: 64px;
}
.card-selection-modal .image-gallery-wrapper .image-gallery .card .image-container .selection-toggle {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  padding: 4px;
  border-radius: 5px;
  transition: background-color .2s ease;
}
.card-selection-modal .image-gallery-wrapper .image-gallery .card .image-container .selection-toggle:hover {
  background-color: var(--secondary-background-color);
}
.card-selection-modal .image-gallery-wrapper .image-gallery .card .image-container .selection-toggle input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  accent-color: var(--primary-color);
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid var(--secondary-border-color);
  background: var(--primary-background-color);
  cursor: pointer;
  margin: 0;
}
.card-selection-modal .image-gallery-wrapper .image-gallery .card .image-container .selection-toggle input[type=checkbox]:checked {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}
.card-selection-modal .controls {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding-top: 1rem;
}
.card-selection-modal .controls button {
  font-size: 1rem;
  line-height: 1.25rem;
}
.block {
  display: block;
}
.w-100 {
  width: 100%;
}
.mt-file-selector {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 4px;
  min-width: 100%;
  max-width: 100%;
  border: 1px solid var(--primary-border-color);
}
.mt-file-selector .overlay {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 100%;
}
.mt-file-selector .overlay svg {
  width: auto;
  height: 44px;
  margin: 8px auto;
}
.mt-file-selector .overlay .file-name {
  padding: 8px;
  text-align: center;
  width: 100%;
}
.mt-file-selector.has-file {
  background-color: var(--secondary-background-color);
}
.mt-file-selector.no-file {
  background-color: var(--primary-background-color);
}
#main-layout {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
}
#main-layout #main-container {
  width: 100vw;
  height: calc(100dvh - 80px);
  display: flex;
}
#main-layout #main-container .sidebar-container mt-sidebar {
  height: 100%;
}
#main-layout #main-container .sidebar-container.loading-state {
  pointer-events: none;
  opacity: .5;
}
#main-layout #main-container .sidebar-container.hidden {
  display: none;
}
#main-layout #main-container .sidebar-container .workspace-selector {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  gap: .5rem;
  border-bottom: 1px solid var(--primary-border-color);
  height: 3.5rem;
}
@media screen and (max-width: 992px) {
  #main-layout #main-container .sidebar-container .workspace-selector {
    display: none;
  }
}
#main-layout #main-container .sidebar-container .workspace-selector .loader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#main-layout #main-container .sidebar-container .workspace-selector .select-workspace {
  text-align: center;
}
#main-layout #main-container .sidebar-container .workspace-selector .workspace-selector-current {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-left: .35rem;
}
#main-layout #main-container .sidebar-container .workspace-selector-dropdown {
  display: flex;
  flex-direction: column;
  position: absolute;
  gap: 1rem;
  z-index: 2;
  background-color: var(--primary-background-color);
  width: 300px;
  border-radius: var(--corner-radius-md, 5px);
  box-shadow: 0px 3px 6px rgba(0,0,0,.1607843137);
  color: var(--primary-text-color);
  margin-left: 1rem;
}
#main-layout #main-container .sidebar-container .workspace-selector-dropdown .workspace-selector-title {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1rem;
  padding: .5rem 1rem;
}
#main-layout #main-container .sidebar-container .workspace-selector-dropdown .workspace-selector-list {
  border-bottom: 1px solid var(--primary-border-color);
  border-top: solid 1px var(--primary-border-color);
  max-height: 400px;
  overflow-y: auto;
}
#main-layout #main-container .sidebar-container .workspace-selector-dropdown .workspace-selector-list .workspace-search-bar {
  padding: .5rem 1rem;
}
#main-layout #main-container .sidebar-container .workspace-selector-dropdown .workspace-selector-list .workspace-search-bar .text-field {
  min-width: 0;
}
#main-layout #main-container .sidebar-container .workspace-selector-dropdown .workspace-selector-list .workspace-search-bar .text-field input {
  min-width: 0;
  width: 100%;
}
@media screen and (max-width: 1400px) {
  #main-layout #main-container .sidebar-container .workspace-selector-dropdown .workspace-selector-list {
    max-height: 300px;
  }
}
#main-layout #main-container .sidebar-container .workspace-selector-dropdown .workspace-selector-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1rem;
  padding: .5rem 0rem .5rem 2rem;
  cursor: pointer;
}
#main-layout #main-container .sidebar-container .workspace-selector-dropdown .workspace-selector-item:hover {
  background-color: var(--primary-background-color-hover);
}
#main-layout #main-container .sidebar-container .workspace-selector-dropdown .workspace-selector-item.disabled {
  cursor: default;
  pointer-events: none;
  opacity: .5;
}
#main-layout #main-container .sidebar-container .workspace-selector-dropdown .workspace-selector-item.disabled:hover {
  background-color: rgba(0,0,0,0);
}
#main-layout #main-container .sidebar-container .workspace-selector-dropdown .workspace-settings,#main-layout #main-container .sidebar-container .workspace-selector-dropdown .create-workspace {
  cursor: pointer;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#main-layout #main-container .sidebar-container .mobile-workspace-wrapper {
  width: 100%;
}
#main-layout #main-container .sidebar-container .mobile-workspace-wrapper .workspace-selector {
  width: 100%;
  padding: .5rem 1rem;
  display: flex !important;
}
#main-layout #main-container .sidebar-container .mobile-workspace-wrapper .workspace-selector * {
  display: flex !important;
  opacity: 1 !important;
}
#main-layout #main-container .sidebar-container .mobile-workspace-wrapper .workspace-selector-dropdown {
  z-index: 2000;
  position: fixed;
  top: 120px;
  width: 250px;
}
#main-layout #main-container #tc-container {
  width: 100%;
  display: flex;
}
#main-layout #main-container #tc-container>main {
  width: 100%;
  overflow-y: scroll;
}
#main-layout .header-container {
  display: flex;
  justify-content: end;
  width: 225px;
}
#main-layout>header {
  grid-column: 1/span 2;
  display: flex;
  align-items: center;
  padding: 1rem 0 1rem 1.5rem;
  border-bottom: 1px solid var(--primary-border-color);
  position: relative;
  height: 80px;
}
#main-layout>header button.hamburger {
  background-color: rgba(0,0,0,0);
  border: none;
  display: flex;
  flex-direction: column;
  padding: 5px 5px 5px 0;
  margin-right: 1rem;
  align-items: flex-start;
}
#main-layout>header button.hamburger .line {
  width: 30px;
  height: 3px;
  background-color: var(--primary-text-color);
  border-radius: .25rem;
  margin-bottom: 5px;
}
#main-layout>header button.hamburger:hover {
  background-color: inherit;
}
#main-layout>header button.hamburger:hover .line {
  background-color: var(--primary-color);
}
#main-layout>header .logo {
  width: 180px;
}
#main-layout>header .header-text {
  border-left: 1px solid var(--primary-border-color);
  font-size: 2.5rem;
  margin: 0px auto 0px 15px;
  padding: 0px 15px;
  height: 100%;
  position: relative;
  cursor: default;
}
#main-layout>header .header-text span {
  font-family: "Posterama";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#main-layout>header .theme-switch {
  margin-right: 1.5rem;
}
#main-layout>header .avatar-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 79px;
  cursor: pointer;
  z-index: 40;
}
#main-layout>header .avatar-container img {
  width: 45px;
  height: 45px;
  border-radius: .5rem;
}
#main-layout>header .avatar-container>div {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#main-layout>header .avatar-container:hover {
  background-color: var(--primary-background-color-hover);
}
#main-layout>header .avatar-container.open {
  background-color: var(--primary-background-color-hover);
}
#main-layout>header .avatar-container .user-menu {
  position: absolute;
  bottom: -2px;
  right: 17px;
  padding: 0rem 1rem;
  font-size: 18px;
  min-width: 260px;
  background-color: var(--primary-background-color);
  border-radius: 2px;
  z-index: 2;
  list-style: none;
  transform: translateY(100%);
  box-shadow: 0px 3px 6px rgba(0,0,0,.1607843137);
}
#main-layout>header .avatar-container .user-menu li {
  padding: .5rem 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
}
#main-layout>header .avatar-container .user-menu li img {
  width: 35px;
  height: 35px;
  margin-right: 1rem;
}
#main-layout>header .avatar-container .user-menu li svg {
  margin-right: 1rem;
}
#main-layout>header .avatar-container .user-menu li svg path {
  stroke: var(--primary-color);
}
#main-layout>header .avatar-container .user-menu li svg circle {
  stroke: var(--primary-color);
}
#main-layout>header .avatar-container .user-menu li:hover {
  color: var(--primary-color);
}
#main-layout>header .avatar-container .user-menu li.lower-section {
  margin-top: .5rem;
  border-top: 1px solid var(--primary-border-color);
}
#main-layout>header .avatar-container .user-menu li.version {
  font-size: 1rem;
  color: var(--tertiary-text-color);
}
#main-layout>header .avatar-container .user-menu li.upper-section {
  display: flex;
  border-bottom: 1px solid var(--primary-border-color);
  cursor: default;
  padding: 1rem;
  margin-bottom: .5rem;
}
#main-layout>header .avatar-container .user-menu li.upper-section:hover {
  color: inherit;
}
#main-layout>header .avatar-container .user-menu li.upper-section .avatar {
  margin-right: 1rem;
}
#main-layout>header .avatar-container .user-menu li.upper-section span {
  display: flex;
  flex-direction: column;
}
#main-layout>header .avatar-container .user-menu li:last-child {
  padding-bottom: 1rem;
}
#main-layout>header .icon-container {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  -o-object-fit: cover;
     object-fit: cover;
}
#main-layout>header .icon-container .icon {
  width: 100%;
  height: 100%;
}
#main-layout>header .notifications-icon {
  position: relative;
  display: flex;
  width: 70px;
  height: 79px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#main-layout>header .notifications-icon:hover {
  background-color: var(--primary-background-color-hover);
}
#main-layout>header .notifications-icon.open {
  background-color: var(--primary-background-color-hover);
}
#main-layout>header .notifications-icon .notification-count {
  position: absolute;
  top: 24px;
  right: 17px;
  margin: 0;
  padding: 0;
  background-color: var(--primary-color);
  color: var(--primary-background-color);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  font-size: .8rem;
  font-weight: bold;
}
#main-layout>header .notifications-icon svg {
  width: 30px;
  height: 30px;
}
#main-layout>header .notifications-icon svg * {
  stroke: var(--primary-text-color);
}
#main-layout>header .app-selection-icon {
  position: relative;
  display: flex;
  width: 70px;
  height: 79px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#main-layout>header .app-selection-icon:hover {
  background-color: var(--primary-background-color-hover);
}
#main-layout>header .app-selection-icon.open {
  background-color: var(--primary-background-color-hover);
}
#main-layout>header .app-selection-icon svg {
  width: 70px;
  height: 79px;
}
#main-layout>header .app-selection-icon svg * {
  stroke: var(--primary-color);
  fill: var(--primary-color);
}
#main-layout>header .app-selection-menu {
  position: absolute;
  bottom: -1px;
  transform: translateY(100%);
  right: 80px;
  z-index: 40;
  background-color: var(--primary-background-color);
  list-style: none;
  overflow: hidden auto;
  padding: 15px;
  width: 452px;
  border-radius: var(--corner-radius-md, 5px);
  font-size: 18px;
  box-shadow: 0px 3px 6px rgba(0,0,0,.1607843137);
}
#main-layout>header .app-selection-menu h1 {
  font-family: "Nunito";
  letter-spacing: 0px;
  font-size: 14px;
  line-height: 19px;
  color: var(--primary-text-color);
  font-size: 1.5rem;
}
#main-layout>header .app-selection-menu .app-selection-items {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 13px;
}
#main-layout>header .app-selection-menu .app-selection-items .app-icon {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--primary-border-color);
  border-radius: 5px;
  padding: 1rem;
  width: 7.2rem;
  height: 8rem;
  align-items: center;
}
#main-layout>header .app-selection-menu .app-selection-items .app-icon.active {
  border: 1px solid var(--primary-color);
  background-color: var(--primary-background-color-hover);
}
#main-layout>header .app-selection-menu .app-selection-items .app-icon.active .icon-name {
  color: var(--primary-color);
}
#main-layout>header .app-selection-menu .app-selection-items .app-icon .icon-name {
  text-align: center;
  font-size: 9px;
  line-height: normal;
  color: var(--primary-text-color);
  margin-top: 5px;
}
#main-layout>header .app-selection-menu .app-selection-items .app-icon:hover {
  background-color: var(--primary-background-color-hover);
}
@media screen and (max-width: 576px) {
  #main-layout>header .app-selection-menu {
    width: 275px;
  }
  #main-layout>header .app-selection-menu .app-selection-items {
    gap: 1rem;
    justify-content: center;
  }
}
#main-layout>header .notifications-menu {
  position: absolute;
  bottom: -1px;
  transform: translateY(100%);
  right: 150px;
  z-index: 25;
  background-color: var(--primary-background-color);
  list-style: none;
  overflow: hidden auto;
  padding: 15px;
  width: 325px;
  max-height: 400px;
  border-radius: 2px;
  font-size: 18px;
  box-shadow: 0px 3px 6px rgba(0,0,0,.1607843137);
}
#main-layout>header .notifications-menu h1 {
  font-family: "Nunito";
  letter-spacing: 0px;
  font-size: 14px;
  line-height: 19px;
  color: var(--primary-text-color);
  font-size: 1.5rem;
}
#main-layout>header .notifications-menu .workspace-invite,#main-layout>header .notifications-menu .preview-link-comments {
  margin-top: 13px;
}
#main-layout>header .notifications-menu .workspace-invite .message,#main-layout>header .notifications-menu .preview-link-comments .message {
  display: grid;
  grid-template-columns: 60% 40%;
  grid-template-areas: "description timestamp";
  font-family: Nunito;
}
#main-layout>header .notifications-menu .workspace-invite .message .description,#main-layout>header .notifications-menu .preview-link-comments .message .description {
  color: var(--primary-text-color);
  font-size: 12px;
  line-height: 16px;
  grid-area: "description";
}
#main-layout>header .notifications-menu .workspace-invite .message .timeStamp,#main-layout>header .notifications-menu .preview-link-comments .message .timeStamp {
  font-size: 10px;
  line-height: 16px;
  color: var(--secondary-border-color);
  grid-area: "timestamp";
  text-align: right;
}
#main-layout>header .notifications-menu li {
  padding: .5rem 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
}
#main-layout>header .notifications-menu li svg {
  margin-right: 1rem;
}
#main-layout>header .notifications-menu li svg path {
  stroke: var(--primary-color);
}
#main-layout>header .notifications-menu li svg circle {
  stroke: var(--primary-color);
}
#main-layout>header .notifications-menu li:hover {
  color: var(--primary-color);
}
#main-layout>header .notifications-menu li.upper-section {
  display: flex;
  border-bottom: 1px solid var(--primary-border-color);
  cursor: default;
  padding: 1rem;
  margin-bottom: .5rem;
}
#main-layout>header .notifications-menu li.upper-section:hover {
  color: inherit;
}
#main-layout>header .notifications-menu li.upper-section .avatar {
  margin-right: 1rem;
}
#main-layout>header .notifications-menu li.upper-section span {
  display: flex;
  flex-direction: column;
}
#main-layout>header .notifications-menu li:last-child {
  padding-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  #main-layout>header .logo>div {
    width: 180px;
    overflow: hidden;
  }
  #main-layout>header .header-text {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 576px) {
  #main-layout>header .logo>div {
    width: 72px;
    overflow: hidden;
  }
  #main-layout>header .logo-img {
    display: none;
  }
  #main-layout>header .logo>div::before {
    content: url(/dashboard/src/assets/mt-logo-mobile.svg);
    background-repeat: no-repeat;
    display: block;
    width: 80%;
    height: 100%;
  }
  #main-layout>header .header-text {
    border: none;
  }
  #main-layout>header .header-text>span {
    display: none;
  }
}
@media screen and (max-width: var(--x-small)) {
  #main-layout>header .logo>div {
    display: none;
  }
}
#main-layout>header .select {
  max-width: 12rem;
  margin-right: 15px;
  border-radius: 3px;
}
#main-layout>header .select svg {
  position: absolute;
  right: 8px;
}
aside {
  border-right: 2px solid var(--primary-border-color);
  width: -moz-fit-content;
  width: fit-content;
}
aside nav {
  display: flex;
  flex-direction: column;
  height: 100%;
}
aside nav a {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  min-height: 48px;
}
aside nav a:hover {
  background-color: var(--primary-color);
}
aside nav a svg {
  margin-right: 1rem;
}
aside.collapsed nav a svg {
  margin-right: 0;
}
header.back-link {
  display: flex;
  align-items: center;
  min-height: 5rem;
}
header.back-link>* {
  display: flex;
}
header.back-link>a {
  margin: 0 1rem;
  padding: 8px 3px;
  border-radius: .25rem;
}
header.back-link>a:hover {
  background-color: var(--secondary-background-color-hover);
}
header.back-link .context-menu {
  padding-left: 2rem;
}
div.grid {
  display: table;
  position: relative;
  border: 2px solid var(--primary-border-color);
  width: 100%;
  overflow: hidden;
}
div.grid.full {
  border: none;
  border-top: 2px solid var(--primary-border-color);
}
div.grid>div {
  display: table-cell;
  vertical-align: top;
  min-width: 30px;
  max-width: 34%;
  border-left: 2px solid var(--primary-border-color);
  overflow-x: auto;
  overflow-y: auto;
}
div.grid>div>header {
  display: block;
  padding: 10px;
  font-size: 1.25rem;
  border-bottom: 2px solid var(--primary-border-color);
}
div.grid>div>header>.multi-header {
  display: inline-block;
  text-align: center;
}
div.grid>div:first-child {
  border-left: none;
}
main.full {
  position: relative;
  padding: 0;
}
main.full div.grid.full {
  position: relative;
  height: calc(100% - 5rem - 4px);
}
.grid-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  width: 100%;
}
.grid-header .section-header {
  display: flex;
  align-items: center;
}
.grid-header .section-header.task-list {
  width: 100%;
}
.grid-header .section-header button {
  margin: 0 1rem;
  margin-right: auto;
  min-width: 130px;
}
.grid-header .section-header .filters {
  display: flex;
  justify-content: space-between;
}
.grid-header .section-header .filters .filter {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  margin-left: 1rem;
  min-width: 250px;
}
.grid-header .section-header .filters .filter label {
  position: absolute;
  top: -8px;
  left: 7px;
  z-index: 1;
  background-color: var(--secondary-background-color);
  padding: 0px 4px;
  color: var(--primary-border-color);
  font-size: smaller;
}
.grid-header .section-header .filters .filter .select {
  height: 30px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .grid-header .section-header .filters {
    flex-direction: column;
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .grid-header .section-header .filters .filter,.grid-header .section-header .filters .text-field {
    margin: 0 0 1rem;
  }
}
@media screen and (max-width: 768px) {
  .grid-header .section-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    row-gap: .5rem;
  }
  .grid-header .section-header button {
    margin: 0;
    min-width: 130px;
    justify-self: end;
  }
}
.grid-header .view-controls {
  display: flex;
  align-items: center;
  padding-left: 1rem;
}
.grid-header .view-controls .layout-switch {
  cursor: pointer;
  font-size: 2rem;
}
@media screen and (max-width: 992px) {
  .grid-header .view-controls {
    display: none;
  }
}
.grid-layout {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  padding: 1rem;
}
@media screen and (min-width: 1200px) {
  .grid-layout {
    grid-template-columns: repeat(auto-fit, minmax(150px, 300px));
  }
}
.no-items-message {
  margin-top: .5rem;
  font-size: 1rem;
  font-style: italic;
  text-align: left;
  cursor: default;
}
.no-items-message.center {
  text-align: center;
}
.no-items-message.right {
  text-align: right;
}
.upload-s1000d-modal .loader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 80px;
  width: 100%;
}
.upload-data-modal .upload-data-modal-content {
  width: 90vw;
  max-width: 800px;
  min-width: 320px;
  height: 70vh;
  max-height: 600px;
  min-height: 400px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .upload-data-modal .upload-data-modal-content {
    width: 95vw;
    height: 80vh;
    max-height: 500px;
  }
}
.upload-data-modal .upload-data-modal-content .modal-header {
  flex-shrink: 0;
  padding: 1rem 1rem .5rem 1rem;
  border-bottom: 1px solid var(--primary-border-color);
}
.upload-data-modal .upload-data-modal-content .modal-header .modal-title {
  margin: 0 0 1rem 0;
  font-size: 1.25rem;
  font-weight: 600;
}
.upload-data-modal .upload-data-modal-content .modal-header .header-upload-buttons {
  display: flex;
  gap: .5rem;
  justify-content: flex-end;
}
.upload-data-modal .upload-data-modal-content .modal-header .header-upload-buttons .add-more-btn {
  font-size: .9rem;
  padding: .4rem .8rem;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.upload-data-modal .upload-data-modal-content .modal-header .header-upload-buttons .add-more-btn .button-icon {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.upload-data-modal .upload-data-modal-content .modal-body {
  flex: 1;
  min-height: 0;
  padding: 1rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.upload-data-modal .upload-data-modal-content .modal-footer {
  flex-shrink: 0;
  padding: .5rem 1rem 1rem 1rem;
  border-top: 1px solid var(--primary-border-color);
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  align-items: center;
}
.upload-data-modal .upload-data-modal-content .modal-footer .footer-actions {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.upload-data-modal .upload-data-modal-content .upload-area-container {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .upload-options {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 1rem;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .upload-options .upload-buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .upload-options .upload-buttons .upload-button {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: 1rem 1.5rem;
  font-size: 1rem;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .upload-options .upload-buttons .upload-button svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .upload-options .upload-description {
  text-align: center;
  color: var(--text-secondary-color);
  font-size: .9rem;
  max-width: 400px;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .upload-drop-zone {
  border: 2px dashed var(--primary-border-color);
  border-radius: 8px;
  padding: 2rem;
  text-align: center;
  cursor: pointer;
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color .2s ease;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .upload-drop-zone:hover {
  border-color: var(--primary-color);
}
.upload-data-modal .upload-data-modal-content .upload-area-container .upload-drop-zone .upload-placeholder .upload-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 1rem;
  fill: var(--text-secondary-color);
}
.upload-data-modal .upload-data-modal-content .upload-area-container .upload-drop-zone .upload-placeholder .upload-text {
  color: var(--text-secondary-color);
  font-size: 1.1rem;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-header {
  padding-bottom: .5rem;
  margin-bottom: 1rem;
  font-weight: 500;
  color: var(--text-primary-color);
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  border: 1px solid var(--primary-border-color);
  border-radius: 4px;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .75rem;
  border-bottom: 1px solid var(--primary-border-color);
  transition: background-color .2s ease;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item:last-child {
  border-bottom: none;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item:hover {
  background-color: var(--secondary-background-color-hover);
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item.success {
  background-color: rgba(46,160,90,.15);
  border-left: 4px solid #2ea05a;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item.error {
  background-color: rgba(222,53,11,.1);
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item.invalid {
  background-color: rgba(222,53,11,.1);
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item .file-info {
  display: flex;
  align-items: center;
  flex: 1;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item .file-info .file-icon-small {
  width: 24px;
  height: 24px;
  margin-right: .75rem;
  fill: var(--text-secondary-color);
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item .file-info .file-details .file-name {
  font-weight: 500;
  color: var(--text-primary-color);
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item .file-info .file-details .file-size {
  font-size: .85rem;
  color: var(--text-secondary-color);
  margin-top: .2rem;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item .file-info .file-details .file-error {
  font-size: .85rem;
  color: var(--error-color);
  margin-top: .2rem;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item .file-info .file-details .file-progress {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-top: .4rem;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item .file-info .file-details .file-progress .progress-bar {
  flex: 1;
  height: 6px;
  background-color: var(--primary-border-color);
  border-radius: 3px;
  overflow: hidden;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item .file-info .file-details .file-progress .progress-bar .progress-fill {
  height: 100%;
  background-color: var(--primary-color);
  border-radius: 3px;
  transition: width .1s ease;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item .file-info .file-details .file-progress .progress-text {
  font-size: .75rem;
  color: var(--text-secondary-color);
  min-width: 35px;
  text-align: right;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item .file-actions {
  display: flex;
  align-items: center;
  gap: .5rem;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item .file-actions .checkmark-icon {
  width: 20px;
  height: 20px;
  fill: var(--primary-color);
  opacity: .9;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item .file-actions .file-status {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item .file-actions .file-status .status-icon {
  width: 16px;
  height: 16px;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item .file-actions .file-status .status-icon.success-icon {
  fill: var(--success-color);
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item .file-actions .file-status .status-icon.error-icon {
  fill: var(--error-color);
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item .file-actions .remove-file-btn {
  background: none;
  border: none;
  font-size: 1.5rem;
  color: var(--text-secondary-color);
  padding: 5px;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item .file-actions .remove-file-btn:hover {
  color: var(--error-color);
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item .file-actions .remove-file-btn .icon {
  margin-right: 0;
}
.upload-data-modal .upload-data-modal-content .upload-area-container .files-container .files-list .file-item .file-actions .remove-file-btn svg {
  fill: #fff;
}
main#environment-detail-page main#product-list-page {
  padding: 0;
}
#template-list-page {
  padding-bottom: 8rem;
}
#template-list-page .template-name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0;
}
#product-type-form {
  margin: 0;
}
#product-type-form .content {
  grid-template-columns: none;
  padding: 1rem 0rem;
  width: 500px;
}
#product-type-form .existing {
  grid-template-columns: 100%;
}
#product-type-form .form-head {
  display: flex;
  flex-flow: row;
  gap: 25%;
  justify-content: space-between;
  align-items: center;
  margin-right: 1.5rem;
}
#product-type-form .form-head h4 {
  flex-grow: 1;
}
#product-type-form .name-field {
  margin-bottom: 1rem;
}
#product-type-form .name-field input {
  width: 100%;
  margin-bottom: 0;
}
#product-type-form .name-field .error-message {
  color: var(--error-color);
  margin-top: 0rem;
}
#product-type-form #thumbnail-selector {
  width: 100%;
  height: 200px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  margin-bottom: 16px;
  display: block;
}
#product-manual-list-page .section-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#product-manual-list-page .section-header .select-product-manual {
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 992px) {
  #product-manual-list-page .section-header {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-right: 0;
  }
}
#product-manual-list-page .filter-group {
  display: flex;
  align-items: center;
  gap: 1rem;
}
#product-manual-list-page .filter-group button {
  width: 8rem;
  border-color: var(--primary-border-color);
}
#product-manual-list-page .filter-group .text-field {
  display: flex;
  flex-grow: 1;
}
#product-manual-list-page .filter-group .view-controls {
  padding: 0rem;
}
#product-manual-list-page .filter-group .view-controls .layout-switch {
  font-size: 2rem;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  #product-manual-list-page .filter-group button {
    display: none;
  }
}
#product-manual-list-page .select-all-container {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: 1rem 0;
}
#product-manual-list-page .select-all-container .select-all {
  display: flex;
  gap: .5rem;
}
#product-manual-list-page .select-all-container input {
  background-color: var(--primary-background-color);
}
#product-manual-list-page .select-all-container button {
  width: 8rem;
  border-color: var(--primary-border-color);
  margin-left: .5rem;
  display: none;
}
@media screen and (max-width: 1200px) {
  #product-manual-list-page .select-all-container {
    justify-content: space-between;
  }
  #product-manual-list-page .select-all-container button {
    display: flex;
  }
}
#product-manual-list-page .grid-layout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(auto, 260px));
  grid-auto-rows: max-content;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  padding: 0;
}
#product-manual-list-page .grid-layout .product-manual-counts .tile-count {
  font-size: .875rem;
  color: var(--tertiary-text-color);
  margin: .25rem 0;
}
#product-manual-list-page .grid-layout .tile-img>img {
  border-radius: .25rem .25rem 0rem 0rem;
}
#product-manual-list-page .grid-layout .tile {
  position: relative;
}
#product-manual-list-page .grid-layout .tile-checkbox {
  position: absolute;
  top: .5rem;
  left: 1rem;
}
#product-manual-list-page .grid-layout .tile-checkbox input {
  background-color: var(--primary-background-color);
}
#product-manual-list-page .grid-layout .tile-content {
  padding: 0rem;
  padding-left: .5rem;
  position: relative;
  min-height: 3.5rem;
}
#product-manual-list-page .grid-layout .tile-content .tile-name {
  font-size: 1.25rem;
  margin: 0rem;
}
#product-manual-list-page .grid-layout .tile-content .tile-description {
  font-size: 1rem;
  margin: 0rem;
  color: var(--tertiary-text-color);
}
#product-manual-list-page .grid-layout .context-menu {
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: .5rem;
  right: 0;
}
#product-manual-list-page .grid-layout .context-menu .dots-button {
  transform: rotate(90deg);
}
#product-manual-list-page .grid-layout .context-menu .dots-button svg {
  font-size: 1rem;
}
#product-manual-list-page .list-layout {
  cursor: pointer;
}
#product-manual-list-page .list-layout .tile {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}
#product-manual-list-page .list-layout .tile-link {
  padding: .5rem;
}
#product-manual-list-page .list-layout .tile-img {
  height: 7rem;
  width: 7rem;
}
#product-manual-list-page .list-layout .tile-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .25rem;
  justify-content: center;
  padding: 0rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
#product-manual-list-page .list-layout .tile-content .tile-name {
  max-width: 100%;
  font-size: 1.25rem;
  margin: 0rem;
}
#product-manual-list-page .list-layout .context-menu {
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
}
#product-manual-list-page .list-layout .context-menu .dots-button {
  transform: rotate(90deg);
}
#product-manual-list-page .list-layout .context-menu .dots-button svg {
  font-size: 1rem;
}
#product-detail-page .details-block {
  display: flex;
  flex-direction: column;
}
#product-detail-page .details-block .details-content-header {
  margin-bottom: 1rem;
}
#product-detail-page .details-block .details-content-header .details-header {
  display: flex;
  align-items: center;
}
#product-detail-page .details-block .details-content-header .details-collapsible {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
#product-detail-page .details-block .details-content-header .details-collapsible .main-info {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin: 0;
  width: 100%;
  padding-left: 2.5rem;
}
#product-detail-page .details-block .details-content-header .details-collapsible .main-info .details-description {
  font-size: .9rem;
  color: var(--tertiary-text-color);
}
#product-detail-page .details-block .details-content-header .details-collapsible .main-info .details-img {
  width: 130px;
  height: 130px;
  min-width: 130px;
  margin-left: auto;
  border-radius: 5px;
  overflow: hidden;
}
#product-detail-page .details-block .details-content-header .details-collapsible .main-info .details-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#product-detail-page .details-block .details-content-header .details-header {
  cursor: pointer;
  margin-bottom: 16px;
}
#product-detail-page .details-block .details-content-header .details-header .collapse-link {
  margin-left: auto;
  color: var(--primary-color);
}
#product-detail-page .details-block .details-content-header .details-header .collapse-link:hover {
  background-color: inherit;
}
#product-detail-page .details-block .details-content-header .main-info {
  margin: 1rem;
  margin-left: auto;
}
#product-detail-page .product-detail-tabs {
  border-top: 1px solid var(--primary-border-color);
}
#product-detail-page .product-detail-tabs .tab {
  margin-top: .5rem;
}
#product-detail-page .product-detail-body {
  padding-top: 1rem;
}
#product-detail-page .product-detail-body .workcards #batch-table th:nth-child(1),#product-detail-page .product-detail-body .workcards #batch-table td:nth-child(1) {
  width: 3%;
}
#product-detail-page .product-detail-body .workcards #batch-table th:nth-child(2),#product-detail-page .product-detail-body .workcards #batch-table td:nth-child(2) {
  width: 4%;
}
#product-detail-page .product-detail-body .workcards #batch-table th:nth-child(3),#product-detail-page .product-detail-body .workcards #batch-table td:nth-child(3) {
  width: 48%;
}
#product-detail-page .product-manual-notes .filter-group {
  display: flex;
  justify-content: space-between;
}
#product-detail-page .product-manual-notes .filter-group .search-group {
  display: flex;
  gap: .5rem;
  align-items: center;
}
#product-detail-page .product-manual-notes .filter-group .search-input {
  line-height: normal;
  max-width: 350px;
  font-size: var(--font-size-sm);
}
#product-detail-page .product-manual-notes.product-manual-notes #batch-table th:nth-of-type(2),#product-detail-page .product-manual-notes.product-manual-notes #batch-table td:nth-of-type(2) {
  width: 50%;
  min-width: 50%;
}
.product-manual-note-edit-modal {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.product-manual-note-edit-modal form {
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  flex-flow: column nowrap;
  flex-grow: 1;
  cursor: default;
}
.product-manual-note-edit-modal form .form-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}
.product-manual-note-edit-modal form .form-group input,.product-manual-note-edit-modal form .form-group textarea {
  width: 100%;
  padding: .5rem;
  border-radius: 4px;
  border: 1px solid var(--primary-border-color);
  background-color: var(--primary-background-color);
  color: var(--primary-text-color);
}
.product-manual-note-edit-modal form .form-group textarea {
  resize: vertical;
  min-height: 100px;
}
.product-manual-note-edit-modal form .form-group span {
  font-size: .875rem;
  color: var(--tertiary-text-color);
}
.new-workcard-modal {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: .3rem;
  width: 500px;
  max-height: 550px;
  min-height: 450px;
  display: flex;
  flex-direction: column;
}
.new-workcard-modal .new-workcard-modal-header {
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.new-workcard-modal .new-workcard-modal-header h4 {
  font-size: 2rem;
}
.new-workcard-modal .new-workcard-modal-body {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  flex: 1;
  gap: 1rem;
}
.new-workcard-modal .new-workcard-modal-body .error {
  color: var(--error-color);
  margin-left: 1rem;
  font-style: italic;
}
.new-workcard-modal .new-workcard-modal-body textarea {
  width: 100%;
}
.new-workcard-modal .new-workcard-modal-footer {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
}
.new-workcard-modal .workcard-template-list {
  display: flex;
  flex-direction: column;
  margin: 1rem 0rem;
  flex: 1;
  min-height: 0;
}
.new-workcard-modal .workcard-template-list .filter-group {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
  justify-content: space-between;
}
.new-workcard-modal .workcard-template-list .filter-group .text-field {
  flex: 1;
}
.new-workcard-modal .workcard-template-list .templates-container {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.new-workcard-modal .workcard-template-list .template {
  padding: 5px;
  cursor: pointer;
}
.new-workcard-modal .workcard-template-list .template .date {
  float: right;
}
.new-workcard-modal .workcard-template-list .template h4 {
  cursor: pointer;
  color: var(--secondary-border-color);
}
.new-workcard-modal .workcard-template-list .template p {
  color: var(--primary-border-color);
}
.new-workcard-modal .workcard-template-list .template:nth-child(odd) {
  background-color: var(--tertiary-background-color);
}
.new-workcard-modal .workcard-template-list .template:hover {
  cursor: pointer;
  background-color: var(--primary-background-color-hover);
  color: var(--secondary-text-color);
}
.new-workcard-modal .workcard-template-list .selected-template {
  border-radius: 2px;
  background-color: var(--cards-card-primary) !important;
}
.new-workcard-modal .workcard-template-list .selected-template .date {
  color: var(--secondary-border-color);
}
.new-workcard-modal .workcard-template-list .selected-template h4 {
  color: var(--tertiary-border-color);
}
.new-workcard-modal .workcard-template-list .selected-template p {
  color: var(--secondary-border-color);
}
.template-list {
  cursor: pointer;
}
.template-list .search .text-field input {
  margin: auto !important;
  margin-bottom: auto !important;
}
.template-list .search .text-field.append-icon .icon {
  line-height: 20px;
}
.template-list .search .text-field.append-icon .icon svg {
  width: 20px;
  height: auto;
}
.template-list fieldset {
  margin: 5px 0px;
}
.template-list .template {
  padding: 5px;
}
.template-list .template .date {
  float: right;
}
.template-list .template h4 {
  cursor: pointer;
  color: var(--secondary-border-color);
}
.template-list .template p {
  color: var(--primary-border-color);
}
.template-list .template:nth-child(odd) {
  background-color: var(--tertiary-background-color);
}
.template-list .template:hover {
  cursor: pointer;
  background-color: var(--primary-background-color-hover);
  color: var(--secondary-text-color);
}
.template-list .selected-template {
  border-radius: 2px;
  background-color: var(--cards-card-primary) !important;
}
.template-list .selected-template .date {
  color: var(--secondary-border-color);
}
.template-list .selected-template h4 {
  color: var(--tertiary-border-color);
}
.template-list .selected-template p {
  color: var(--secondary-border-color);
}
.mtmodal.workcard-deletion>.content {
  padding: 1.5rem;
}
.mtmodal.workcard-deletion>.content .title {
  display: none;
}
.mtmodal.workcard-deletion>.content #workcard-deletion-form .content {
  display: flex;
  flex-direction: column;
}
.mtmodal.workcard-deletion>.content #workcard-deletion-form .content .disclaimer {
  height: 100%;
  max-height: 400px;
  overflow: hidden auto;
  font-size: larger;
  font-style: italic;
  border: solid 2px #b8860b;
  background: rgba(255,170,0,.4);
  border-radius: 5px;
  display: block;
  padding: 5px 10px;
  margin: 5px 10px 20px 10px;
}
.mtmodal.workcard-deletion>.content #workcard-deletion-form .content .disclaimer .warning-txt {
  font-size: large;
  text-align: center;
  display: block;
  width: 100%;
}
.mtmodal.workcard-deletion>.content #workcard-deletion-form .controls {
  margin-top: 1rem;
}
@media screen and (min-width: 992px) {
  .mtmodal.workcard-deletion #workcard-deletion-form {
    max-width: 500px;
  }
}
.task-row {
  height: 60px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  background-color: var(--alt-background-color);
  margin-bottom: 10px;
  padding-right: var(--spacing-sm, 16px);
  text-decoration: none;
  border-left: 10px solid rgba(0,0,0,0);
  cursor: pointer;
}
.task-row.workcard.idle {
  cursor: grab;
}
.task-row.workcard.idle .cell.medium {
  padding-left: 2rem;
}
.task-row.workcard.grabbing {
  cursor: grabbing;
  border: 2px solid var(--primary-color);
}
.task-row.workcard::before {
  content: "⠿";
  font-size: 20px;
  opacity: .6;
  position: absolute;
  left: 2.5rem;
}
.task-row a {
  height: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
  text-decoration: none;
  color: var(--primary-text-color);
}
.task-row:hover {
  background-color: var(--alt-background-color-hover);
}
.task-row .workcard-container {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.add-equipment-modal .search-box {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0;
  flex-direction: row;
}
.add-equipment-modal .search-box .text-field {
  flex-grow: 1;
}
#task-detail-page nav {
  border-top: 1px solid var(--primary-border-color);
  margin-top: 23px;
}
#task-detail-page nav h4 {
  padding-top: 23px;
  margin-top: 0;
}
#task-detail-page .details-header .task-id {
  display: flex;
  background-color: var(--primary-color);
  color: var(--alt-background-color);
  border-radius: 3px;
  padding: .4rem .5rem .2rem .5rem;
  font-size: 1.2rem;
  font-weight: 600;
  margin-right: 1rem;
}
#task-detail-page .tab-section {
  overflow: visible;
}
#task-detail-page .tab-section #batch-table .text-end {
  text-align: end;
}
#task-detail-page .tab-section #batch-table .text-center {
  text-align: center;
}
#task-detail-page .tab-section #batch-table td.actions,#task-detail-page .tab-section #batch-table td:last-child {
  display: flex !important;
  justify-content: flex-end !important;
}
#task-detail-page .tab-section.task-notes #batch-table th:nth-of-type(2),#task-detail-page .tab-section.task-notes #batch-table td:nth-of-type(2) {
  width: 40%;
  min-width: 40%;
}
#task-detail-page .tab-section .search-row {
  display: flex;
  vertical-align: middle;
  justify-content: space-between;
  width: 100%;
}
#task-detail-page .tab-section .search-row .icon {
  padding: unset;
}
#task-detail-page .main-info>div:not(:first-child),#task-detail-page .date-status>div:not(:first-child) {
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  #task-detail-page .details-block .details-content {
    max-width: 100%;
  }
}
@media screen and (max-width: 992px) {
  #task-detail-page .details-block .details-content .more-info {
    flex-direction: column;
  }
  #task-detail-page .details-block .details-content .more-info .info-grid {
    margin: 1rem 0;
  }
}
@media screen and (max-width: 992px) {
  #task-detail-page .cell:nth-child(1) {
    display: none;
  }
  #task-detail-page .cell:nth-child(3) {
    flex: .5 1 0;
  }
  #task-detail-page .cell.large {
    flex: 1 1 0;
  }
}
@media screen and (max-width: 768px) {
  #task-detail-page .cell:nth-child(3) {
    display: none;
  }
}
#task-detail-page .section-header {
  display: flex;
  width: 100%;
}
#task-detail-page .tab-select {
  margin: 1rem 0 0 0;
  padding: 10px 0;
  border-bottom: 1px solid var(--primary-border-color);
  border-top: 1px solid var(--primary-border-color);
}
#task-detail-page .legend {
  display: flex;
  padding-left: 34px;
  padding-right: 26px;
  cursor: default;
  padding-bottom: 1rem;
}
#task-detail-page ul {
  list-style-type: none;
  padding-left: 0;
  padding-inline-start: 0 !important;
}
#task-detail-page .workcard-context-item.disabled {
  opacity: .5;
}
#task-detail-page #task-reports table tbody tr .report-actions {
  position: relative;
  gap: var(--spacing-small);
  width: 100%;
  display: flex;
  justify-content: center;
}
#task-detail-page #task-reports table tbody tr .report-actions .context-menu {
  position: absolute;
  right: 0;
  top: 0;
}
#task-detail-page .tab-section.equipment .task-equipment-item {
  background-color: var(--secondary-background-color);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  padding: .5rem;
}
#task-detail-page .tab-section.equipment .task-equipment-item:nth-child(odd) {
  background-color: var(--tertiary-background-color);
}
#task-detail-page .tab-section.equipment .equipment-list-header {
  color: var(--label-description-color);
}
#task-list-page {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
  overflow: visible;
}
#task-list-page .task-table-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: var(--spacing-xs, 12px);
  align-self: stretch;
}
#task-list-page .section-header.task-list {
  display: flex;
  align-items: center;
  width: 100%;
}
#task-list-page .section-header.task-list h2 {
  margin: 0;
}
#task-list-page .section-header.task-list .actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 12px);
  align-self: stretch;
  flex: 0 0 auto;
}
#task-list-page .section-header.task-list .batch-actions {
  display: flex;
  gap: var(--spacing-xs, 12px);
  align-items: stretch;
  align-self: stretch;
}
#task-list-page .section-header.task-list .batch-actions .button-bulk-edit {
  display: flex;
  align-self: stretch;
  justify-content: center;
  padding: 0 var(--spacing-md, 20px);
  gap: 8px;
  white-space: nowrap;
  margin: 0;
  cursor: pointer;
}
#task-list-page .section-header.task-list .batch-actions .button-bulk-edit:hover {
  background-color: var(--alt-background-color-hover);
}
#task-list-page .section-header.task-list .batch-actions .button-bulk-edit svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
#task-list-page .section-header.task-list .text-field {
  height: 100%;
}
#task-list-page .section-header.task-list .text-field input {
  height: 100%;
}
@media screen and (max-width: 1200px) {
  #task-list-page .cell:nth-child(2) {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  #task-list-page .cell:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  #task-list-page .cell:nth-child(6),#task-list-page .cell:nth-child(7) {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #task-list-page .cell:nth-child(1) {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  #task-list-page .cell:nth-child(6) {
    display: none;
  }
}
#task-list-page .cell.checkbox-cell {
  flex: 0 0 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#task-list-page .legend {
  display: flex;
  padding-left: 10px;
  padding-right: 26px;
  width: 100%;
  cursor: default;
}
#task-list-page ul {
  list-style-type: none;
  padding-left: 0;
  padding-inline-start: 0 !important;
  width: 100%;
}
#task-list-page .load-more-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  margin: 2rem auto;
}
#task-list-page .load-more-container button {
  min-width: 130px;
}
#task-list-page .spinner {
  width: 100%;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}
#task-list-page .spinner .circle-segment {
  width: 4em;
  height: 4em;
  left: 50%;
}
.workcard-viewer .content {
  padding: 0;
  border-radius: 5px;
}
.workcard-viewer .content .title {
  display: none;
}
.workcard-viewer .content #workcard-viewer-modal {
  max-width: 70vw;
}
.workcard-viewer .content #workcard-viewer-modal iframe {
  width: 70vw;
  height: 75vh;
}
@media screen and (max-width: 1200px) {
  .workcard-viewer .content #workcard-viewer-modal {
    max-width: 85vw;
  }
  .workcard-viewer .content #workcard-viewer-modal iframe {
    width: 85vw;
    height: 80vh;
  }
}
.workcard-viewer .content .spinner {
  font-size: 60px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.task-note-edit-modal {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.task-note-edit-modal form {
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  flex-flow: column nowrap;
  flex-grow: 1;
  cursor: default;
}
.task-note-edit-modal form .form-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}
.task-note-edit-modal form .form-group input,.task-note-edit-modal form .form-group textarea {
  width: 100%;
  padding: .5rem;
  border-radius: 4px;
  border: 1px solid var(--primary-border-color);
  background-color: var(--primary-background-color);
  color: var(--primary-text-color);
}
.task-note-edit-modal form .form-group textarea {
  resize: vertical;
  min-height: 100px;
}
.alert.task-notes-modal {
  min-height: 75vh;
  max-height: 75vh;
  min-width: 75vw;
  max-width: 75vw;
}
.alert.task-notes-modal form {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-flow: column nowrap;
  flex-grow: 1;
  cursor: default;
  overflow-y: auto;
  margin: 0;
}
.alert.task-notes-modal form .tabs-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.alert.task-notes-modal form .tabs-container .detail-tabs {
  display: flex;
  gap: 1rem;
  align-items: center;
  border-bottom: 1px solid var(--primary-border-color);
  flex: 0 0 auto;
}
.alert.task-notes-modal form .tabs-container .detail-tabs .tab {
  border-bottom: 4px solid rgba(0,0,0,0);
  cursor: pointer;
  padding: 1rem;
  margin-top: 1rem;
  width: 120px;
  text-align: center;
}
.alert.task-notes-modal form .tabs-container .detail-tabs .tab.active {
  border-color: var(--primary-color);
}
.alert.task-notes-modal form .tabs-container .tab-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 25vh;
}
.alert.task-notes-modal form .image-gallery-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
  padding: .5rem 0;
  overflow: auto;
  align-items: start;
  align-content: start;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card {
  background-color: var(--primary-background-color);
  border: 1px solid var(--primary-background-color);
  border-radius: 5px;
  width: 100%;
  cursor: pointer;
  transition: transform .1s ease;
  position: relative;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card:hover {
  transform: scale(0.99);
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card.selected {
  border-color: var(--primary-color);
  background-color: var(--secondary-background-color);
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card .image-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 8px;
  color: var(--primary-text-color);
  font-size: 12px;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card .image-container {
  width: 100%;
  height: 188px;
  overflow: hidden;
  position: relative;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card .image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .selection-toggle {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  padding: 4px;
  border-radius: 5px;
  transition: background-color .2s ease;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .selection-toggle:hover {
  background-color: var(--secondary-background-color);
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .selection-toggle input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  accent-color: var(--primary-color);
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid var(--secondary-border-color);
  background: var(--primary-background-color);
  cursor: pointer;
  margin: 0;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .selection-toggle input[type=checkbox]:checked {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}
.add-image-modal {
  position: relative;
  overflow-y: auto;
  display: grid;
}
.add-image-modal .image-gallery-wrapper {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}
.add-image-modal .image-gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 75vh;
}
.add-image-modal .image-gallery .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 268px;
}
.add-image-modal .image-gallery .card .image-name {
  width: 100%;
  margin-top: 6px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--secondary-text-color);
  text-align: center;
}
.add-image-modal .image-gallery .card .image-container {
  width: 268px;
}
.add-image-modal .image-gallery .card .image-container img {
  width: 100%;
  height: auto;
}
.add-image-modal .image-gallery .card.selected {
  border: 1px solid var(--primary-color);
  background-color: var(--secondary-background-color);
}
.add-image-modal .controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--primary-background-color);
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-image-modal .controls button {
  width: 120px;
  height: 30px;
  padding: 0 20px;
  gap: 8px;
}
.add-image-modal .controls button[type=submit] {
  background-color: var(--primary-color);
  color: var(--primary-background-color);
  cursor: pointer;
}
.add-image-modal .controls button:hover {
  background-color: var(--primary-hover-color);
  color: var(--primary-background-color);
}
.image-gallery-upload-capture-modal {
  min-width: 100vw !important;
  max-width: 100vw;
  min-height: 100dvh;
  max-height: 100dvh;
  position: relative;
  margin: 0;
  padding: 0;
}
.image-gallery-upload-capture-modal video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.image-gallery-upload-capture-modal .buttons {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: var(--button-background);
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin: 1rem;
}
.image-gallery-upload-capture-modal .submit-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 38px;
  color: #fff;
  background-color: #fff;
  border: 16px solid rgba(0,0,0,.677) !important;
  border-radius: 50%;
  width: 98px;
  height: 98px;
}
.image-gallery-upload-annotate-modal {
  position: relative;
  min-width: 100vw !important;
  max-width: 100vw !important;
  min-height: 100vh;
  max-height: 100vh;
}
.image-gallery-upload-annotate-modal .annotate {
  width: 100%;
  flex-grow: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-gallery-upload-annotate-modal .annotate canvas {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: calc(100% - 76px);
}
.image-gallery-upload-annotate-modal .annotate .buttons {
  position: absolute;
  bottom: 23px;
  right: 32px;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.image-gallery-upload-annotate-modal .annotate .buttons .submit.button {
  background-color: var(--primary-color);
  color: var(--primary-background-color);
  border: none;
}
.flex-column {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}
#task-form {
  margin: 0;
  width: 100%;
}
#task-form .task-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 1.5rem;
  padding-bottom: 1rem;
}
#task-form .field {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
#task-form .field input,#task-form .field textarea {
  margin-bottom: 0rem;
  width: 100%;
}
#task-form .users-box {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}
#task-form .users-box .user {
  background-color: var(--secondary-background-color);
  display: flex;
  align-items: center;
  max-height: 30px;
  padding: 1rem .5rem 1rem 1.5rem;
  border-radius: 30px;
  justify-content: space-between;
}
#task-form .users-box .user svg {
  transform: rotate(45deg);
}
#task-form .users-box .user:hover svg * {
  fill: var(--error-color);
  stroke: var(--error-color);
}
#task-form .users-box .group-name {
  display: flex;
}
#task-form .color-grid {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  padding: 0;
  margin-top: .5rem;
}
#task-form .color-grid li {
  border: 1px solid rgba(0,0,0,0);
  border-radius: 50%;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#task-form .color-grid li .color-circle {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: block;
  cursor: pointer;
}
#task-form .color-grid li.selected {
  border-color: var(--primary-text-color);
}
#task-form .controls {
  padding-top: 1rem;
}
#attachments-form .attachments-header {
  margin-bottom: 1rem;
}
#lessons-form>.content {
  display: flex;
  flex-direction: column;
}
#lessons-form>.content .field {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
#lessons-form>.content .license-info {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
#lessons-form>.content input {
  margin: 0;
}
#jobPack-form {
  margin: 0;
}
#jobPack-form .content {
  display: block;
}
#jobPack-form h2 {
  margin-bottom: 1rem;
}
#jobPack-form input {
  margin-bottom: 0;
}
#jobPack-form .input-label:nth-of-type(2) {
  margin-top: 1rem;
}
#jobPack-form .color-grid {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  padding: 0;
}
#jobPack-form .color-grid li {
  border: 1px solid rgba(0,0,0,0);
  border-radius: 50%;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#jobPack-form .color-grid li .color-circle {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: block;
  cursor: pointer;
}
#jobPack-form .color-grid li.selected {
  border-color: var(--primary-text-color);
}
#jobPack-form .users-box {
  height: 85px;
  overflow-y: scroll;
  border: 1px solid var(--primary-border-color);
  margin-bottom: 1rem;
  border-radius: 2px;
  display: grid;
  grid-template-columns: repeat(3, minmax(auto, 175px));
  grid-column-gap: 5px;
  grid-row-gap: 10px;
  padding: .5rem;
}
#jobPack-form .users-box .user {
  margin-right: 5px;
  background-color: var(--secondary-background-color);
  display: flex;
  align-items: center;
  max-height: 30px;
  padding: 1rem .5rem 1rem 1.5rem;
  border-radius: 30px;
  justify-content: space-between;
}
#jobPack-form .users-box .user svg {
  transform: rotate(45deg);
}
#jobPack-detail-page .details-block {
  display: flex;
  flex-direction: column;
}
#jobPack-detail-page .details-block .details-content-header {
  margin-bottom: 1rem;
}
#jobPack-detail-page .details-block .details-content-header .details-header {
  display: flex;
  align-items: center;
}
#jobPack-detail-page .details-block .details-content-header .details-collapsible {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
#jobPack-detail-page .details-block .details-content-header .details-collapsible .main-info {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin: 0;
  width: 100%;
  padding-left: 2.5rem;
}
#jobPack-detail-page .details-block .details-content-header .details-collapsible .main-info .details-description {
  font-size: .9rem;
  color: var(--tertiary-text-color);
}
#jobPack-detail-page .details-block .details-content-header .details-header {
  cursor: pointer;
  margin-bottom: 16px;
}
#jobPack-detail-page .details-block .details-content-header .details-header .collapse-link {
  margin-left: auto;
  color: var(--primary-color);
}
#jobPack-detail-page .details-block .details-content-header .details-header .collapse-link:hover {
  background-color: inherit;
}
#jobPack-detail-page .details-block .details-content-header .main-info {
  margin: 1rem;
  margin-left: auto;
}
#jobPack-detail-page .details-block .details-content-header .main-info .info-grid {
  margin-left: auto;
}
#jobPack-list-page {
  padding-bottom: 6rem;
  padding-left: 0;
}
#jobPack-list-page button {
  margin-left: 0;
}
#jobPack-list-page .jobPack-row {
  height: 60px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  background-color: var(--alt-background-color);
  margin-bottom: 10px;
  padding: 0 2rem;
  text-decoration: none;
  border-left: 10px solid rgba(0,0,0,0);
  cursor: pointer;
}
#jobPack-list-page .jobPack-row:hover {
  background-color: var(--alt-background-color-hover);
}
#jobPack-list-page .jobPack-row a {
  height: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
  text-decoration: none;
  color: var(--primary-text-color);
}
#jobPack-list-page .progress-bar {
  justify-content: flex-start;
  width: 70%;
}
@media screen and (max-width: 768px) {
  #jobPack-list-page .progress-bar {
    width: 100%;
  }
}
#jobPack-list-page .legend {
  display: flex;
  padding-left: 34px;
  padding-right: 26px;
}
#jobPack-list-page ul {
  list-style-type: none;
  padding-left: 0;
  padding-inline-start: 0 !important;
}
@media screen and (max-width: 992px) {
  #jobPack-list-page .cell:nth-child(3) {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  #jobPack-list-page .cell:nth-child(2) {
    display: none;
  }
}
.tree-task-list ul {
  padding: .7rem;
}
.tree-task-list .column-one {
  min-width: 300px;
  width: 15%;
}
.tree-task-list .column-two {
  min-width: 300px;
  width: 30%;
}
.tree-task-list .column-two .multi-header {
  width: 32%;
}
.tree-task-list .column-three {
  min-width: 300px;
  width: 35%;
}
.tree-task-list .column-three .multi-header {
  width: 32%;
}
.tree-task-list .row-item ul,.tree-task-list .row-item li {
  display: flex;
  text-align: center;
  width: 100%;
  padding: 0 0 1rem;
}
.tree-task-list .row-item ul>div.small,.tree-task-list .row-item li>div.small {
  flex: 1 1 0;
}
.tree-task-list .row-item ul>div.medium,.tree-task-list .row-item li>div.medium {
  flex: 2 1 0;
}
.tree-task-list .row-item ul>div.large,.tree-task-list .row-item li>div.large {
  flex: 3 1 0;
}
.tree-task-list .row-item ul div:nth-child(1),.tree-task-list .row-item ul div:nth-child(2),.tree-task-list .row-item li div:nth-child(1),.tree-task-list .row-item li div:nth-child(2) {
  word-break: break-all;
  padding-left: 30px;
}
.tree-task-list Button {
  margin: 0 auto;
}
.tree-task-list Button.active {
  background-color: var(--version-button-active);
  color: #fff;
}
.tree-task-list Button.revert {
  background-color: var(--version-button-revert);
  color: #fff;
}
#worcard-overview-page {
  display: flex;
  flex-direction: column;
}
#overview-widgets-dashboard .grid-header .section-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #overview-widgets-dashboard .grid-header .section-header button {
    margin-left: auto;
  }
}
#dashboardPage p {
  cursor: default;
  font: normal normal 600 16px/23px "Nunito",sans-serif;
}
#dashboardPage .grid-header .section-header {
  display: block;
  text-align: center;
}
#dashboardPage .grid-header .section-header h2 {
  display: block;
  font-weight: bold;
  font-size: 32px;
  font-family: Roboto,sans-serif;
  color: var(--primary-color);
  letter-spacing: 0px;
  margin-bottom: 15px;
}
#dashboardPage .grid-header .section-header p {
  display: inline-block;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0px;
  color: var(--primary-text-color);
  opacity: 1;
  max-width: 800px;
}
#dashboardPage .grid-layout {
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(321px, 321px));
}
#dashboardPage .card {
  background: var(--tertiary-background-color) 0% 0% no-repeat padding-box;
  border: 1px solid rgba(0,0,0,.161);
  border-radius: 10px;
}
#dashboardPage .card img.card-img-top {
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-bottom: 15px;
}
#dashboardPage .card .card-body {
  border: none;
  text-align: center;
}
#dashboardPage .card .card-body .logo-div {
  margin-bottom: 10px;
  display: block;
  justify-content: center;
  align-items: center;
}
#dashboardPage .card .card-body .logo-div img {
  margin: auto;
  height: 41px;
}
#dashboardPage .card .card-body .logo-div img.tc-logo {
  height: 30px;
  margin-top: 20px;
  margin-bottom: 5px;
}
#dashboardPage .card .card-body .logo-div p {
  font-family: Posterama;
  font-size: 14px;
  letter-spacing: 1.4px;
  font-weight: bolder;
  line-height: 19px;
}
#dashboardPage .card .card-body p.version-number {
  font-family: "Nunito";
  font-size: 11px;
  font-weight: normal;
  line-height: 19px;
}
#dashboardPage .card .dashboard-btn-group {
  display: flex;
  justify-content: space-evenly;
  margin: 1rem 0;
}
.modal-widget-new {
  display: grid;
  grid-template-columns: 200px 1fr;
  grid-template-rows: 1fr auto;
  height: 100%;
  overflow: hidden;
}
.modal-widget-new .side-panel {
  grid-row: 1/-1;
  border-right: 1px solid var(--primary-border-color);
  overflow-y: auto;
}
.modal-widget-new .side-panel h2 {
  padding: .5rem 1rem;
}
.modal-widget-new .side-panel .select-widget-label {
  margin: .75rem 1rem;
  font-size: .875rem;
  color: var(--label-description-color);
}
.modal-widget-new .side-panel .widget-type {
  padding: .5rem 1rem;
  cursor: pointer;
}
.modal-widget-new .side-panel .widget-type:hover {
  background-color: var(--tertiary-background-color);
}
.modal-widget-new .side-panel .widget-type.selected {
  background-color: var(--primary-background-color-hover);
}
.modal-widget-new .widget-task-row {
  display: flex;
  align-items: center;
  height: 60px;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 0 1rem;
  border-left: 10px solid rgba(0,0,0,0);
}
.modal-widget-new .widget-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  padding: 1rem;
  overflow: hidden;
}
.modal-widget-new .widget-content.no-edit {
  grid-template-columns: 1fr;
}
.modal-widget-new .widget-content .widget-edit-panel {
  overflow-y: auto;
  min-width: 0;
  padding: 0 .5rem;
}
.modal-widget-new .widget-content .widget-preview-panel {
  overflow-y: hidden;
  min-width: 0;
  min-height: 0;
  background-color: var(--widget-background-color);
  border-radius: .375rem;
}
.modal-widget-new .widget-content .widget-preview-panel h4 {
  padding: .5rem;
  margin-bottom: .5rem;
}
.widgets-grid-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  justify-items: stretch;
  grid-gap: 2rem;
}
.widgets-grid-container .widget-full-width {
  grid-column: 1/-1;
}
.widgets-grid-container:has(>:only-child)>:only-child {
  grid-column: span 2;
}
.user-activity-widget-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 992px) {
  .mtmodal .content .modal-widget-new {
    width: 95vw;
    flex-direction: column;
  }
  .mtmodal .content .modal-widget-new .side-panel {
    width: 100%;
    min-width: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 1.5rem;
    border: none;
  }
  .mtmodal .content .modal-widget-new .side-panel .select-widget-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .mtmodal .content .modal-widget-new .side-panel .widget-type {
    text-align: center;
  }
  .mtmodal .content .modal-widget-edit {
    width: 90vw;
  }
  .mtmodal .content .task-activity-options {
    width: 35vw;
  }
  .mtmodal .content .task-activity-options.w-1\/3 {
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .select-widget-container {
    flex-wrap: wrap;
  }
}
.widgets-grid-container .hotspot-viewer-widget {
  height: 100%;
}
.widgets-grid-container .hotspot-viewer-widget .viewer-container {
  height: 100%;
}
.widgets-grid-container .hotspot-viewer-widget .viewer-container .left-panel {
  height: 100%;
}
.widgets-grid-container .hotspot-viewer-widget .viewer-container .left-panel .hierarchy-menu {
  margin-top: 4px;
  display: flex;
  flex-direction: column;
}
.widgets-grid-container .hotspot-viewer-widget .viewer-container .left-panel .hierarchy-menu .hierarchy-menu-list {
  padding-left: 0;
}
.hotspot-viewer-widget {
  background: var(--environment-env-tab-1-selected);
  border-radius: 10px;
  min-height: 80vh;
}
.hotspot-viewer-widget .text-field input {
  min-width: 0 !important;
}
.hotspot-viewer-widget .viewer-container {
  aspect-ratio: 2.39/1;
}
.hotspot-viewer-widget .viewer-container .left-panel {
  height: 400px;
}
.hotspot-viewer-widget .viewer-container .left-panel .hierarchy-menu {
  margin-top: 4px;
  display: flex;
  flex-direction: column;
}
.hotspot-viewer-widget .viewer-container .left-panel .hierarchy-menu .hierarchy-menu-list {
  list-style-type: none;
  overflow-y: auto;
  flex-grow: 1;
}
.hotspot-viewer-widget .node-container svg.empty path {
  fill: var(--divider-divider);
  stroke-width: 1px;
}
.hotspot-viewer-widget .node-container {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  align-items: center;
  gap: 4px;
  vertical-align: middle;
  width: 100%;
  flex-wrap: nowrap;
  white-space: nowrap;
  padding-top: .25rem;
  padding-bottom: .25rem;
  border-top: .5px solid var(--divider-divider);
}
.hotspot-viewer-widget .node-container.selected {
  background-color: var(--button-button-secondary-pressed);
}
.hotspot-viewer-widget .node-container .collapse-button {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  cursor: pointer;
  vertical-align: middle;
}
.hotspot-viewer-widget .node-container .node-button {
  padding: 4px;
  text-align: left;
  color: var(--font-colors-default);
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
  max-width: calc(100% - 1.5rem);
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
}
.hotspot-viewer-widget .filters #MT-select {
  min-width: 40px;
}
.hotspot-viewer-widget .filters .text-field {
  width: 100%;
}
.hotspot-viewer-widget .selectbox-container {
  height: 40px;
}
.hotspot-viewer-widget .input-label {
  color: var(--font-colors-Label-Description);
  font-size: 12px;
}
.hotspot-viewer-widget .legend {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0 auto;
}
.hotspot-viewer-widget .legend .legend-label {
  color: var(--font-colors-Label-Description);
  font-size: 12px;
  position: absolute;
  bottom: -20px;
}
.hotspot-viewer-widget .legend .legend-color {
  height: 20px;
  border: 1px solid var(--primary-border-color);
  position: relative;
}
.hotspot-viewer-widget .jobpack-name {
  color: var(--font-colors-Label-Description);
  font-size: 16px;
  line-height: 20px;
  vertical-align: middle;
}
.hotspot-viewer-widget .tasks-table {
  width: 100%;
  font-size: 14px;
}
.hotspot-viewer-widget .tasks-table tr th {
  text-align: left;
  vertical-align: middle;
  font-weight: normal;
  color: var(--font-colors-Label-Description);
}
.hotspot-viewer-widget .tasks-table tr th .sortable {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  vertical-align: middle;
  gap: 8px;
}
.hotspot-viewer-widget .tasks-table tr td {
  text-align: left;
  vertical-align: middle;
  margin: auto auto;
  height: 60px;
  margin-bottom: 8px;
}
#tc-reporting-page .statement-filters,#tc-reporting-page .chart-level-filters,#tc-reporting-page .chart-container,#tc-reporting-page .step-container {
  display: flex;
  background-color: var(--widget-background-color);
  height: -moz-fit-content;
  height: fit-content;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 16px;
  position: relative;
  padding-left: 12px;
}
#tc-reporting-page .statement-filters .step-container,#tc-reporting-page .chart-level-filters .step-container,#tc-reporting-page .chart-container .step-container,#tc-reporting-page .step-container .step-container {
  border-bottom: 1px solid var(--primary-border-color);
}
#tc-reporting-page .statement-filters button,#tc-reporting-page .chart-level-filters button,#tc-reporting-page .chart-container button,#tc-reporting-page .step-container button {
  background-color: rgba(0,0,0,0);
  color: var(--primary-text-color);
}
#tc-reporting-page .statement-filters>*,#tc-reporting-page .chart-level-filters>*,#tc-reporting-page .chart-container>*,#tc-reporting-page .step-container>* {
  margin-bottom: 8px;
}
#tc-reporting-page .filter-controls {
  margin-bottom: 8px;
}
#tc-reporting-page input#title,#tc-reporting-page input#verb,#tc-reporting-page input#objectType {
  width: 250px;
  background-color: var(--primary-background-color);
  margin-bottom: 8px;
}
#tc-reporting-page h4 {
  padding-bottom: 8px;
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
}
.pagination .page-item .page-link {
  display: block;
  padding: 4px 8px;
  font-size: 16px;
}
.pagination .page-item .page-link-next,.pagination .page-item .page-link-prev {
  display: block;
  padding: 8px 8px;
}
.pagination .page-item .page-link.disabled {
  opacity: .4;
}
.pagination .page-item:hover {
  background-color: var(--secondary-background-color-hover);
  border-color: var(--secondary-background-color-hover);
  border-radius: .25rem;
}
.pagination .page-item.active>.page-link {
  color: var(--primary-color);
}
.pagination .page-item .next-icon {
  transform: rotate(180deg);
}
.management-page {
  padding: 0;
  display: flex;
  overflow: hidden !important;
}
.management-page .button-add {
  width: 130px;
  justify-self: end;
}
.management-page .button-add:disabled.users,.management-page .button-add:disabled.workspaces {
  background-color: var(--secondary-background-color);
}
.management-page .button-add:disabled.groups,.management-page .button-add:disabled.members {
  background-color: var(--primary-background-color);
}
.main-panel {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 1.2rem 0 0rem 1.8rem;
}
.management-header {
  display: flex;
  margin-right: 1.8rem;
  margin-bottom: 1rem;
  gap: 1rem;
}
.management-header .filters {
  padding: 0;
  margin-left: auto;
  flex-grow: 0;
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 992px) {
  .management-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .management-header .filters {
    grid-column-start: 1;
    grid-column-end: 3;
    width: 100%;
  }
  .management-header .filters .text-field {
    display: block;
    width: 100%;
  }
  .management-header button {
    margin: 0;
    min-width: 130px;
    justify-self: end;
  }
}
@media screen and (max-width: 576px) {
  .management-header.projects {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(4, 1fr);
  }
  .management-header .filters {
    display: grid;
    width: 100%;
  }
}
.management-page .grid-header {
  padding-top: 10px;
}
.management-page .grid-header .filters {
  margin-left: 20px;
  height: 30px;
}
.management-page .grid-header .section-header {
  align-items: start;
}
.management-grid-layout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
  grid-auto-rows: max-content;
  grid-gap: 1rem;
  padding: 0 1.25rem 1rem 0;
  overflow-x: hidden;
  overflow-y: auto;
  flex-grow: 1;
  align-content: start;
}
.management-grid-layout.projects {
  grid-template-columns: repeat(2, minmax(250px, 1fr));
}
@media screen and (max-width: 576px) {
  .management-grid-layout.projects {
    grid-template-columns: repeat(1, minmax(250px, 1fr));
  }
}
.management-grid-layout-container {
  overflow-y: scroll;
  height: 100%;
}
.management-grid-layout-container .workspace-header {
  opacity: .8;
  padding-bottom: 8px;
  padding-top: 8px;
}
.management-tile {
  position: relative;
  display: flex;
  padding: var(--spacing-2xs, 8px);
  align-items: flex-start;
  flex: 1 0 0;
  grid-template-columns: 100px 1fr;
  background: var(--alt-background-color) 0% 0% no-repeat padding-box;
  border-radius: 5px;
}
.management-tile:hover {
  background: var(--alt-background-color-hover) 0% 0% no-repeat padding-box;
  cursor: pointer;
}
.management-tile .management-tile-content {
  display: flex;
  flex-direction: column;
  padding: .4rem 1rem;
  overflow: hidden;
  height: 105px;
}
.management-tile .management-tile-content h3 {
  font-size: 1rem;
  font-weight: normal;
  text-overflow: ellipsis;
  padding-right: 2rem;
}
.management-tile .management-tile-content .management-tile-details {
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 100%;
}
.management-tile .management-tile-content .management-tile-date {
  display: flex;
  align-items: flex-end;
  height: 100%;
}
.management-tile .management-tile-content .context-menu {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 1rem;
}
.management-tile .management-tile-content .context-menu ul li {
  white-space: nowrap;
}
.management-tile .management-tile-content .context-menu .context-item-icon {
  font-size: 1.25rem;
  margin-right: 7px;
}
.management-tile .management-tile-content .context-menu .context-item-icon.no-fill * {
  fill: none;
}
.management-tile .management-image {
  margin-left: 10px;
}
.management-tile .management-image img {
  border-radius: 5px;
  height: 96px;
  width: 96px;
  -o-object-fit: cover;
     object-fit: cover;
  min-width: 96px;
}
.management-tile .management-image .default-thumbnail {
  height: 96px;
  border-radius: 5px;
  width: 96px;
}
.management-tile .management-image .spinner {
  font-size: 3em;
  margin: auto;
}
.management-page .list-layout .management-tile {
  margin-bottom: 16px;
}
.management-page .side-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 0 1 450px;
  background-color: var(--primary-background-color);
  padding-bottom: 6rem;
}
.management-page .side-panel .header {
  border-bottom: 1px solid var(--primary-border-color);
}
.management-page .side-panel .header nav {
  display: flex;
  text-align: center;
}
.management-page .side-panel .header h4 {
  border-color: var(--primary-color);
}
.management-page .side-panel .header .tab {
  border-bottom: 4px solid rgba(0,0,0,0);
  cursor: pointer;
  padding: 1rem;
  margin-top: 1rem;
  flex-basis: 100%;
}
.management-page .side-panel .header .tab.active {
  border-color: var(--primary-color);
}
.management-page .side-panel .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  align-items: center;
  padding: 1rem;
}
.management-page .side-panel .content .content-avatar {
  margin: 1rem;
}
.management-page .side-panel .entry {
  margin-top: 1rem;
  padding: 0 1rem;
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  overflow-y: auto;
}
.management-page .side-panel .entry-details {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  padding: 1rem;
  margin-bottom: 1rem;
  border: thin solid;
  border-radius: 5px;
  border-color: var(--primary-background-color);
}
.management-page .side-panel .entry-details h5 {
  color: var(--secondary-border-color);
}
.management-page .side-panel .entry-details h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
}
.management-page .side-panel .entry-details span {
  white-space: pre-line;
}
.management-page .side-panel .entry-details .context-menu {
  height: -moz-fit-content;
  height: fit-content;
}
#user-form .content,#password-change-form .content {
  display: block;
}
#user-form .user-error-message,#password-change-form .user-error-message {
  color: var(--error-color);
}
#user-form .content {
  display: flex;
  flex-direction: column;
}
#user-form .content .name-field {
  width: 100%;
}
#user-form .content .name-field input {
  width: 100%;
}
#user-form .content .two-column-grid {
  display: flex;
  gap: 1rem;
  width: 100%;
}
#user-form .content .two-column-grid .input-fields {
  width: 100%;
}
#user-form .content .two-column-grid .input-fields input {
  width: 100%;
}
#user-form .content .two-column-grid .input-fields.half-width {
  max-width: 50%;
}
#user-form .content .upload {
  margin-top: 15px;
  border-top: 1px solid var(--primary-border-color);
  padding-top: 5px;
  color: var(--tertiary-border-color);
}
#user-form .content .upload label {
  color: var(--tertiary-text-color);
  display: block;
}
#user-form .content .upload .upload-row {
  margin-top: 8px;
}
#user-form .content .upload .upload-row a {
  color: var(--primary-color);
  cursor: pointer;
}
#user-form .content .upload .upload-row:hover {
  text-decoration: underline;
}
#user-form .content .upload .tooltip-container {
  padding-left: 5px;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
#user-form .content .upload .tooltip-container .help-icon circle {
  fill: var(--secondary-border-color);
}
#user-form .content .upload .tooltip-container .help-icon path {
  fill: var(--primary-background-color);
}
#user-form .content .upload .tooltip-container .tooltip {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: var(--primary-text-color);
  color: var(--primary-background-color);
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
  margin-top: 5px;
  margin-left: 5px;
  width: -moz-max-content;
  width: max-content;
  translate: 10px -50px;
}
#user-form .content .upload .tooltip-container .tooltip.show {
  display: block;
}
#user-form .content .upload .tooltip-container .tooltip small {
  font-size: .9rem;
}
#user-form .content .upload .hidden-file-element {
  display: none;
}
#password-change-form {
  width: 750px;
}
#password-change-form .content {
  display: flex;
}
#password-change-form .content .field {
  width: 100%;
}
#password-change-form .content .field>span {
  margin-bottom: 3px;
}
#password-change-form .content .field input {
  height: 44px;
}
#workspaceMemberForm {
  display: flex;
  flex-direction: column;
  width: 75vw;
  height: 75vh;
  padding: 0 1rem;
}
#workspaceMemberForm .form-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
@media screen and (max-width: 992px) {
  #workspaceMemberForm {
    min-width: 0;
    width: 90vw;
  }
}
#workspaceMemberForm input {
  min-width: 100px;
}
#workspaceMemberForm .formContent {
  width: 100%;
  display: flex;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  margin-top: 1rem;
}
#workspaceMemberForm .formContent>* {
  flex: 1;
}
#workspaceMemberForm .formContent .users-list {
  width: 50%;
  display: block;
  padding-right: 1.2rem;
  border-right: 2px solid var(--primary-border-color);
}
#workspaceMemberForm .formContent .users-list .text-field {
  color: var(--tertiary-text-color);
}
#workspaceMemberForm .formContent .users-list .entries-container {
  height: calc(100% - 190px);
  margin: 13px 0;
}
#workspaceMemberForm .formContent .users-list .entries-container .entries {
  overflow-y: auto;
  max-height: 100%;
  width: 100%;
}
#workspaceMemberForm .formContent .users-list .entries-container .entries .entry {
  margin-bottom: 10px;
  display: grid;
  grid-template-areas: "img title remove";
  grid-template-columns: 50px calc(100% - 50px - 40px) 40px;
  border-radius: 5px;
}
#workspaceMemberForm .formContent .users-list .entries-container .entries .entry:nth-child(even) {
  background-color: var(--secondary-background-color);
}
#workspaceMemberForm .formContent .users-list .entries-container .entries .entry .names {
  width: 100%;
}
#workspaceMemberForm .formContent .users-list .entries-container .entries .entry .names .user-title {
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#workspaceMemberForm .formContent .users-list .entries-container .entries .entry .names .email {
  font-size: 14px;
  line-height: 19px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#workspaceMemberForm .formContent .users-list .entries-container .entries .entry .cursor {
  cursor: pointer;
  grid-area: remove;
  display: flex;
  align-items: center;
}
#workspaceMemberForm .formContent .users-list .entries-container .entries .entry .cursor svg {
  margin: 0 auto;
}
#workspaceMemberForm .formContent .users-list .entries-container .entries .entry.compact {
  display: block;
  cursor: pointer;
}
#workspaceMemberForm .formContent .users-list .entries-container .entries .entry.compact .user-title {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  #workspaceMemberForm .formContent .users-list .entries-container .entries .entry {
    grid-template-columns: calc(100% - 40px) 40px;
    grid-template-areas: "title remove" "email remove" "detail remove";
  }
  #workspaceMemberForm .formContent .users-list .entries-container .entries .entry .names {
    padding-left: 10px;
    padding-bottom: 3px;
  }
}
#workspaceMemberForm .formContent .users-list .invite-users {
  color: var(--primary-text-color);
  border-top: 1px solid var(--primary-border-color);
  padding-top: 6px;
}
#workspaceMemberForm .formContent .users-list .invite-users .input label {
  display: block;
  color: var(--tertiary-text-color);
}
#workspaceMemberForm .formContent .users-list .invite-users .input .input-row {
  margin-top: .25rem;
}
#workspaceMemberForm .formContent .users-list .invite-users .input .input-row input {
  display: inline;
  width: calc(100% - 32px);
}
#workspaceMemberForm .formContent .users-list .invite-users .input .input-row svg.add-button {
  display: inline;
  margin-left: 5px;
  width: 16px;
  height: 16px;
}
#workspaceMemberForm .formContent .users-list .invite-users .upload {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  flex-direction: row;
  margin-top: .5rem;
  border-top: 1px solid var(--primary-border-color);
  padding-top: 1.5rem;
  color: var(--tertiary-text-color);
}
#workspaceMemberForm .formContent .users-list .invite-users .upload:hover {
  text-decoration: none;
  cursor: default;
}
#workspaceMemberForm .formContent .users-list .invite-users .upload .upload-file-container {
  display: flex;
  gap: .5rem;
  align-items: center;
}
#workspaceMemberForm .formContent .users-list .invite-users .upload .upload-row a {
  cursor: pointer;
  color: var(--primary-color);
  font-size: 1rem;
}
#workspaceMemberForm .formContent .users-list .invite-users .upload .tooltip-container {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  cursor: pointer;
  font-size: 1.5rem;
  padding: 0px;
}
#workspaceMemberForm .formContent .users-list .invite-users .upload .tooltip-container .help-icon circle {
  fill: var(--secondary-border-color);
}
#workspaceMemberForm .formContent .users-list .invite-users .upload .tooltip-container .help-icon path {
  fill: var(--primary-background-color);
}
#workspaceMemberForm .formContent .users-list .invite-users .upload .tooltip-container .tooltip {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: var(--primary-text-color);
  color: var(--primary-background-color);
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
  margin-top: 5px;
  margin-left: 5px;
  width: -moz-max-content;
  width: max-content;
  translate: 10px -50px;
  font-size: 1rem;
}
#workspaceMemberForm .formContent .users-list .invite-users .upload .tooltip-container .tooltip.show {
  display: block;
}
#workspaceMemberForm .formContent .users-list .invite-users .upload .tooltip-container .tooltip small {
  font-size: .9rem;
}
#workspaceMemberForm .formContent .users-list .invite-users .upload .hidden-file-element {
  display: none;
}
#workspaceMemberForm .formContent .users-list .invite-users .hidden-file-element {
  display: none;
}
#workspaceMemberForm .formContent .form {
  width: 50%;
  margin-left: 1.2rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
#workspaceMemberForm .formContent .form .selector {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  position: relative;
  flex-shrink: 0;
  gap: 13px;
}
#workspaceMemberForm .formContent .form h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
#workspaceMemberForm .formContent .form .entries-container {
  height: calc(100% - 85px);
  overflow: hidden;
  overflow-y: auto;
}
#workspaceMemberForm .formContent .form .entries-container .entries {
  max-height: -webkit-fill-available;
}
#workspaceMemberForm .formContent .form .entries-container .entries .entry {
  display: grid;
  grid-template-areas: "img title selectArea remove";
  margin-bottom: 10px;
  grid-template-columns: 50px calc(100% - 58px - 141px - 30px) 141px 40px;
  margin-bottom: .5rem;
}
#workspaceMemberForm .formContent .form .entries-container .entries .entry:nth-child(even) {
  background-color: var(--secondary-background-color);
}
#workspaceMemberForm .formContent .form .entries-container .entries .entry .names {
  grid-area: title;
  width: 100%;
  padding-right: 15px;
  padding-left: .5rem;
}
#workspaceMemberForm .formContent .form .entries-container .entries .entry .names .user-title {
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
#workspaceMemberForm .formContent .form .entries-container .entries .entry .names .email {
  font-size: 14px;
  line-height: 19px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
#workspaceMemberForm .formContent .form .entries-container .entries .entry .selectWrapper {
  grid-area: selectArea;
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
}
#workspaceMemberForm .formContent .form .entries-container .entries .entry .selectWrapper .select-container {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
#workspaceMemberForm .formContent .form .entries-container .entries .entry .selectWrapper .select-container select {
  padding-left: 5px;
  border: solid 1px var(--primary-border-color);
  background-color: var(--primary-background-color);
  width: 141px;
  height: 30px;
  border-radius: 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#workspaceMemberForm .formContent .form .entries-container .entries .entry .selectWrapper .select-container select option {
  background-color: var(--primary-background-color);
}
#workspaceMemberForm .formContent .form .entries-container .entries .entry .selectWrapper .select-container .select-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 5px;
}
#workspaceMemberForm .formContent .form .entries-container .entries .entry .selectWrapper .select-container .select-icon svg * {
  fill: var(--primary-border-color);
  stroke: var(--primary-border-color);
}
#workspaceMemberForm .formContent .form .entries-container .entries .entry .remove {
  grid-area: remove;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  stroke: var(--primary-text-color);
  fill: var(--primary-text-color);
}
#workspaceMemberForm .formContent .form .entries-container .entries .entry .remove::after {
  content: "×";
  color: var(--secondary-border-color);
  font-size: 2rem;
  font-weight: lighter;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #workspaceMemberForm .formContent .form .entries-container .entries .entry {
    grid-template-columns: calc(100% - 40px) 40px;
    grid-template-areas: "title remove" "email remove" "selectArea remove";
  }
  #workspaceMemberForm .formContent .form .entries-container .entries .entry .names {
    padding-left: 10px;
  }
  #workspaceMemberForm .formContent .form .entries-container .entries .entry .selectWrapper {
    padding-left: 10px;
    margin-top: 10px;
    padding-bottom: 6px;
  }
}
#groupForm {
  display: flex;
  flex-direction: column;
  min-width: 70vw;
  height: 75vh;
  padding: 0 1rem;
}
@media screen and (max-width: 992px) {
  #groupForm {
    min-width: 0;
  }
}
#groupForm input {
  min-width: 100px;
}
#groupForm .dialogue {
  min-width: 4300px;
  z-index: 1000;
  border-radius: 5px;
  overflow: hidden;
}
#groupForm .formContent {
  width: 100%;
  display: flex;
  flex: 1;
  max-height: 65vh;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
#groupForm .formContent>* {
  flex: 1;
}
#groupForm .formContent .users-list {
  width: 50%;
  display: block;
  padding-right: 21px;
  border-right: 2px solid var(--primary-border-color);
}
#groupForm .formContent .users-list .text-field {
  color: var(--tertiary-text-color);
}
#groupForm .formContent .users-list .entries-container {
  height: calc(100% - 85px);
  overflow: hidden;
  overflow-y: auto;
  margin: 13px 0;
}
#groupForm .formContent .users-list .entries-container .entries {
  padding-right: 1rem;
  overflow-y: auto;
  max-height: 100%;
}
#groupForm .formContent .users-list .entries-container .entries .entry {
  margin-bottom: 10px;
  display: grid;
  grid-template-areas: "img title remove";
  grid-template-columns: 50px calc(100% - 70px) 20px;
  border-radius: 5px;
}
#groupForm .formContent .users-list .entries-container .entries .entry .names {
  grid-area: title;
  width: 100%;
}
#groupForm .formContent .users-list .entries-container .entries .entry .names .user-title {
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
#groupForm .formContent .users-list .entries-container .entries .entry .names .email {
  font-size: 14px;
  line-height: 19px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
#groupForm .formContent .users-list .entries-container .entries .entry .cursor {
  cursor: pointer;
  grid-area: remove;
  display: flex;
  align-items: center;
}
#groupForm .formContent .users-list .entries-container .entries .entry.compact {
  display: block;
  cursor: pointer;
}
#groupForm .formContent .users-list .entries-container .entries .entry.compact .user-title {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  #groupForm .formContent .users-list .entries-container .entries .entry {
    grid-template-columns: 1fr auto;
    grid-template-areas: "title remove" "email remove" "detail remove";
  }
}
#groupForm .formContent .users-list .invite-users {
  color: var(--primary-text-color);
  border-top: 1px solid var(--primary-border-color);
  padding-top: 6px;
}
#groupForm .formContent .users-list .invite-users .input label {
  display: block;
  color: var(--tertiary-text-color);
}
#groupForm .formContent .users-list .invite-users .input .input-row {
  margin-top: 8px;
}
#groupForm .formContent .users-list .invite-users .input .input-row input {
  display: inline;
  width: calc(100% - 32px);
}
#groupForm .formContent .users-list .invite-users .input .input-row svg.add-button {
  display: inline;
  margin-left: 5px;
  width: 16px;
  height: 16px;
}
#groupForm .formContent .users-list .invite-users .upload {
  margin-top: 15px;
  border-top: 1px solid var(--primary-border-color);
  padding-top: 5px;
  color: var(--tertiary-border-color);
}
#groupForm .formContent .users-list .invite-users .upload label {
  color: var(--tertiary-text-color);
  display: block;
}
#groupForm .formContent .users-list .invite-users .upload .upload-row {
  margin-top: 8px;
}
#groupForm .formContent .users-list .invite-users .upload .upload-row a {
  color: var(--primary-color);
}
#groupForm .formContent .users-list .invite-users .upload .tooltip-container {
  padding-left: 5px;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
#groupForm .formContent .users-list .invite-users .upload .tooltip-container .help-icon circle {
  fill: var(--secondary-border-color);
}
#groupForm .formContent .users-list .invite-users .upload .tooltip-container .help-icon path {
  fill: var(--primary-background-color);
}
#groupForm .formContent .users-list .invite-users .upload .tooltip-container .tooltip {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: var(--primary-text-color);
  color: var(--primary-background-color);
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
  margin-top: 5px;
  margin-left: 5px;
  width: -moz-max-content;
  width: max-content;
  translate: 10px -50px;
}
#groupForm .formContent .users-list .invite-users .upload .tooltip-container .tooltip.show {
  display: block;
}
#groupForm .formContent .users-list .invite-users .upload .tooltip-container .tooltip small {
  font-size: .9rem;
}
#groupForm .formContent .users-list .invite-users .upload .hidden-file-element {
  display: none;
}
#groupForm .formContent .users-list .invite-users .hidden-file-element {
  display: none;
}
#groupForm .formContent .form {
  width: 50%;
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
#groupForm .formContent .form .selector {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  position: relative;
  flex-shrink: 0;
  gap: 13px;
}
#groupForm .formContent .form .selector input.error {
  border: 1px solid var(--error-color);
}
#groupForm .formContent .form h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
#groupForm .formContent .form .entries-container {
  height: calc(100% - 140px);
  overflow-y: auto;
}
#groupForm .formContent .form .entries-container .entries {
  padding-right: 1rem;
  overflow-y: auto;
  max-height: -webkit-fill-available;
}
#groupForm .formContent .form .entries-container .entries .entry {
  display: grid;
  grid-template-areas: "img title selectArea remove";
  margin-bottom: 10px;
  grid-template-columns: 50px calc(100% - 58px - 141px - 20px) 141px 20px;
  padding-right: 1rem;
}
#groupForm .formContent .form .entries-container .entries .entry:nth-child(odd) {
  background-color: var(--secondary-background-color);
}
#groupForm .formContent .form .entries-container .entries .entry .names {
  grid-area: title;
  width: 100%;
}
#groupForm .formContent .form .entries-container .entries .entry .names .user-title {
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
#groupForm .formContent .form .entries-container .entries .entry .names .email {
  font-size: 14px;
  line-height: 19px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
#groupForm .formContent .form .entries-container .entries .entry .selectWrapper {
  grid-area: selectArea;
  line-height: 100%;
  margin: auto 0;
  position: relative;
}
#groupForm .formContent .form .entries-container .entries .entry .selectWrapper select {
  padding-left: 5px;
  border: solid 1px #848484;
  background-color: #2c3037;
  width: 141px;
  height: 30px;
  border-radius: 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#groupForm .formContent .form .entries-container .entries .entry .selectWrapper select option {
  background-color: #2c3037;
}
#groupForm .formContent .form .entries-container .entries .entry .selectWrapper .select-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 5px;
}
#groupForm .formContent .form .entries-container .entries .entry .selectWrapper .select-icon svg * {
  fill: #848484;
  stroke: #fff;
}
#groupForm .formContent .form .entries-container .entries .entry .remove {
  grid-area: remove;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  stroke: var(--primary-text-color);
  fill: var(--primary-text-color);
  padding-left: 15px;
}
#groupForm .formContent .form .entries-container .entries .entry .remove::after {
  content: "×";
  color: var(--secondary-border-color);
  font-size: 2rem;
  font-weight: lighter;
}
@media screen and (max-width: 768px) {
  #groupForm .formContent .form .entries-container .entries .entry {
    grid-template-columns: 1fr auto;
    grid-template-areas: "title remove" "email remove" "selectArea remove";
  }
}
#groupForm .formContent .form .entries-container .entries {
  margin-bottom: .5rem;
}
.management-page section {
  flex-grow: 1;
  padding: 1em;
  font-size: 15px;
}
.management-page section h1 {
  font-size: 18px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  margin-top: 0;
  padding-bottom: 15px;
  border-bottom: solid 3px;
  margin-bottom: 15px;
  border-bottom-color: var(--primary-border-color);
}
.management-page section.info .stats {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
  grid-column-gap: 1em;
  grid-row-gap: .5em;
}
.management-page section.info .stats h2 {
  grid-column: 1/-1;
  margin: 0;
  margin-top: 1em;
  font-size: 1.1em;
}
.management-page section.info .stats div {
  display: flex;
  padding: .5em;
}
.management-page section.info .stats div span {
  margin-left: auto;
  text-align: right;
}
.management-page section.projects {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.management-page section.projects .entries {
  overflow-y: auto;
}
.management-page section.projects table {
  width: 100%;
  table-layout: auto;
  padding: .5em;
}
.management-page section.projects table thead {
  border-bottom: 1px solid var(--primary-border-color);
}
.management-page section.projects table td {
  padding: .5rem .5rem .5rem 0;
}
.management-page section.projects table td.projectName {
  cursor: pointer;
}
.management-page section.projects table td:last-child {
  text-align: left;
}
.management-page section.projects table th:last-child {
  text-align: left;
}
.management-page section.projects table .name {
  text-align: left;
}
.management-page section.projects .project-entry {
  position: relative;
  height: 40px;
}
.management-page section.users {
  height: calc(100% - 50px);
  overflow-y: auto;
}
.management-page section.users section {
  overflow-y: auto;
  max-height: calc(50% - 60px);
}
.management-page section.users h1 {
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  margin-top: 0;
  padding-bottom: 15px;
  border-bottom: solid 3px;
  margin-bottom: 15px;
  border-bottom-color: var(--primary-border-color);
}
.management-page section.users h1 .iconButton {
  margin-left: 15px;
  font-size: .75em;
  cursor: pointer;
}
.management-page section.users .search-members {
  padding-bottom: 1rem;
}
.management-page section.members,.management-page section.invites {
  max-height: calc(50% - 60px);
}
.management-page section.members>div,.management-page section.invites>div {
  display: flex;
  align-items: center;
  position: relative;
  padding: .5em;
  margin-bottom: .5em;
  height: 35px;
}
.management-page section.members>div .admin-icon,.management-page section.invites>div .admin-icon {
  transform: rotate(270deg);
  stroke: var(--primary-text-color);
  fill: var(--primary-text-color);
}
.management-page section.members>div .controls,.management-page section.invites>div .controls {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.management-page section.members>div .controls div,.management-page section.invites>div .controls div {
  margin: 0 .5em;
  stroke: var(--primary-text-color);
  fill: var(--primary-text-color);
  cursor: pointer;
}
.management-page section.members>div>a,.management-page section.invites>div>a {
  position: absolute;
  color: inherit;
  text-decoration: none;
  outline: none;
  background: rgba(0,0,0,0);
  left: 2em;
}
.management-page section.members .remove::after,.management-page section.invites .remove::after {
  content: "×";
  font-size: 2rem;
}
#project-form {
  margin: 0;
}
#project-form .project-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 2rem;
  padding-bottom: 1rem;
}
#project-form .content {
  display: flex;
  flex-direction: column;
  grid-row-gap: 0rem;
  width: 500px;
}
#project-form .content-two {
  height: 75vh;
}
#project-form .thumbnail-label {
  display: flex;
  gap: .5rem;
}
#project-form #new-thumbnail {
  height: 200px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px;
  margin-bottom: 16px;
  display: block;
}
#project-form .project-thumbnail {
  display: flex;
}
#project-form .project-thumbnail>span {
  color: var(--tertiary-text-color);
  padding-left: .5rem;
}
#project-form #description {
  resize: none;
  height: 140px;
}
#project-management .management-grid-layout-container {
  padding-bottom: 8rem;
}
#project-management nav {
  grid-column: 1/-1;
}
#workspace-form {
  margin: 0;
}
#workspace-form .content {
  grid-template-columns: none;
  width: 500px;
}
#workspace-form .existing {
  grid-template-columns: 100%;
}
#workspace-form .form-head {
  display: flex;
  flex-flow: row;
  gap: 25%;
  justify-content: space-between;
  align-items: center;
  margin-right: 1.5rem;
  padding-bottom: 1rem;
}
#workspace-form .form-head h4 {
  flex-grow: 1;
}
#workspace-form #thumbnail-selector {
  width: 100%;
  height: 200px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  margin-bottom: 16px;
  display: block;
}
#workspace-detail .workspace-members-table {
  width: 100%;
}
#workspace-detail .more-info {
  padding-bottom: 2rem;
  margin-top: 1rem;
  padding-left: 36px;
}
#workspace-detail .more-info .description-container {
  width: 60%;
}
#workspace-detail .more-info table.stats-container {
  margin-right: 31px;
}
#workspace-detail .more-info table.stats-container tbody tr th {
  vertical-align: top;
  text-align: left;
  white-space: nowrap;
  padding-bottom: 15px;
}
#workspace-detail .more-info table.stats-container tbody tr th h4.sub-header {
  font: normal normal 300 14px/14px "Nunito";
  color: var(--secondary-border-color);
  text-wrap: nowrap;
  margin-right: 44px;
}
#workspace-detail .more-info table.stats-container tbody tr td {
  padding-bottom: 15px;
  vertical-align: top;
}
#workspace-detail .more-info table.stats-container tbody tr td p {
  font: normal normal normal 14px/20px "Nunito";
  color: var(--primary-text-color);
}
#workspace-detail .more-info img,#workspace-detail .more-info .default-thumbnail {
  border-radius: 5px;
  height: 200px;
  width: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
#workspace-detail .details-content .header {
  border-top: 1px solid var(--primary-border-color);
  padding-bottom: 1rem;
}
#server-settings-page .details-block {
  display: flex;
  flex-direction: column;
}
#server-settings-page .details-block .smtp {
  margin-top: 10px;
  display: flex;
  width: 40%;
  justify-content: space-between;
}
#server-settings-page .details-block .smtp div span:first-child {
  margin-right: 10px;
}
#server-settings-page .details-block .details-content {
  margin-top: 15px;
  display: grid;
  grid-template-columns: 49% 49%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-auto-rows: max-content;
  flex-grow: 0;
}
#server-settings-page .details-block .details-content .debug,#server-settings-page .details-block .details-content .features,#server-settings-page .details-block .details-content .licensing,#server-settings-page .details-block .details-content .customization,#server-settings-page .details-block .details-content .pins,#server-settings-page .details-block .details-content .notifications,#server-settings-page .details-block .details-content .server-maintenance,#server-settings-page .details-block .details-content .services {
  min-height: 125px;
  padding: 10px;
  border: 1px solid var(--primary-border-color);
  border-radius: .25rem;
  margin-bottom: 20px;
}
#server-settings-page .details-block .details-content .debug h3,#server-settings-page .details-block .details-content .features h3,#server-settings-page .details-block .details-content .licensing h3,#server-settings-page .details-block .details-content .customization h3,#server-settings-page .details-block .details-content .pins h3,#server-settings-page .details-block .details-content .notifications h3,#server-settings-page .details-block .details-content .server-maintenance h3,#server-settings-page .details-block .details-content .services h3 {
  margin-bottom: 10px;
}
#server-settings-page .details-block .details-content .services table {
  width: 100%;
  border-collapse: collapse;
}
#server-settings-page .details-block .details-content .services table thead {
  border-bottom: 1px solid var(--primary-border-color);
}
#server-settings-page .details-block .details-content .services table th,#server-settings-page .details-block .details-content .services table td {
  text-align: left;
  padding: 5px;
}
#server-settings-page .details-block .details-content .services table th.status-healthy,#server-settings-page .details-block .details-content .services table td.status-healthy {
  color: var(--success-color);
}
#server-settings-page .details-block .details-content .services table th.status-unhealthy,#server-settings-page .details-block .details-content .services table td.status-unhealthy {
  color: var(--error-color);
}
#server-settings-page .details-block .details-content .notifications input {
  width: 70px;
  margin-bottom: 1rem;
}
#server-settings-page .details-block .details-content .licensing .inputs,#server-settings-page .details-block .details-content .pins .inputs {
  display: flex;
  justify-content: space-between;
}
#server-settings-page .details-block .details-content .licensing .inputs>div,#server-settings-page .details-block .details-content .pins .inputs>div {
  display: flex;
  flex-direction: column;
  width: 48%;
}
#server-settings-page .details-block .details-content .customization .inputs {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
}
#server-settings-page .details-block .details-content .customization .inputs #marketplace-header {
  height: 174px;
  width: 343px;
  border: 1px solid var(--primary-border-color);
  border-radius: .25rem;
}
#server-settings-page .details-block .details-content .features li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 12%;
}
#server-settings-page .details-block .details-content .features li input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  accent-color: var(--primary-color);
  width: 1.15em;
  height: 1.15em;
  border: 1px solid var(--primary-border-color);
  border-radius: .15em;
}
#server-settings-page .details-block .details-content .features li input[type=checkbox]:checked {
  transform: scale(1);
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}
#server-settings-page .details-block .details-content .debug {
  height: -moz-max-content;
  height: max-content;
}
#server-settings-page .details-block .details-content .server-maintenance .inputs {
  display: flex;
  gap: 1rem;
  margin-bottom: 2em;
}
#server-settings-page .details-block .details-content .server-maintenance .inputs>* {
  flex: 1;
}
#server-settings-page .details-block .details-content .server-maintenance .actions {
  display: flex;
  gap: 1rem;
}
#server-settings-page .details-block .controls-left {
  display: flex;
}
@media screen and (max-width: 768px) {
  #server-settings-page .details-block {
    margin-bottom: 50px;
  }
  #server-settings-page .details-block .details-content {
    grid-template-columns: 100%;
  }
  #server-settings-page .details-block .details-content .customization .inputs #marketplace-header {
    margin: 10px;
    width: 95%;
  }
}
#email-filter .details-block {
  display: flex;
  flex-direction: column;
}
#email-filter .details-block .details-content {
  margin-top: 1rem;
}
#email-filter .details-block .details-content .actions,#email-filter .details-block .details-content .actions>div,#email-filter .details-block .details-content .options>div {
  display: flex;
  flex-direction: row;
}
#email-filter .details-block .details-content .actions {
  margin-top: var(--primary-spacing);
  margin-bottom: var(--primary-spacing);
  justify-content: space-between;
}
#email-filter .details-block .details-content .actions .text-field,#email-filter .details-block .details-content .actions .text-field>input {
  border-radius: 5px;
  height: 40px;
}
#email-filter .details-block .details-content .actions .domain-actions {
  display: flex;
  gap: 1rem;
}
#email-filter .details-block .details-content .options {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 30%;
  margin-bottom: 1rem;
}
#email-filter .details-block .details-content .options .radio-group {
  width: 40%;
}
#email-filter .details-block .details-content #batch-table {
  margin-top: 0;
}
#email-filter .details-block .details-content #batch-table thead tr th:last-child,#email-filter .details-block .details-content #batch-table tbody tr td:last-child {
  width: 5%;
  text-align: center;
}
#email-filter .details-block .details-content #batch-table thead tr th:last-child .entry-delete,#email-filter .details-block .details-content #batch-table tbody tr td:last-child .entry-delete {
  justify-content: center;
  display: flex;
  height: 25px;
}
#email-filter .details-block .details-content #batch-table thead tr th:last-child .entry-delete svg,#email-filter .details-block .details-content #batch-table tbody tr td:last-child .entry-delete svg {
  cursor: pointer;
  width: 100%;
  height: 100%;
}
#email-filter .details-block .details-content #batch-table thead tr th:last-child .entry-delete svg *,#email-filter .details-block .details-content #batch-table tbody tr td:last-child .entry-delete svg * {
  stroke: var(--primary-color);
}
#project-detail .details-block,#preview-link-detail .details-block {
  display: flex;
  flex-direction: column;
}
#project-detail .details-block .details-content-header,#preview-link-detail .details-block .details-content-header {
  margin-bottom: 1rem;
}
#project-detail .details-block .details-content-header .details-header,#preview-link-detail .details-block .details-content-header .details-header {
  display: flex;
  align-items: center;
}
#project-detail .details-block .details-content-header .details-collapsible,#preview-link-detail .details-block .details-content-header .details-collapsible {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
#project-detail .details-block .details-content-header .details-collapsible .main-info,#preview-link-detail .details-block .details-content-header .details-collapsible .main-info {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin: 0;
  width: 100%;
  padding-left: 2.5rem;
}
#project-detail .details-block .details-content-header .details-collapsible .main-info .details-description,#preview-link-detail .details-block .details-content-header .details-collapsible .main-info .details-description {
  font-size: .9rem;
  color: var(--tertiary-text-color);
}
#project-detail .details-block .details-content-header .details-collapsible .main-info .details-img,#preview-link-detail .details-block .details-content-header .details-collapsible .main-info .details-img {
  width: 130px;
  height: 130px;
  min-width: 130px;
  margin-left: auto;
  border-radius: 5px;
  overflow: hidden;
}
#project-detail .details-block .details-content-header .details-collapsible .main-info .details-img img,#preview-link-detail .details-block .details-content-header .details-collapsible .main-info .details-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#project-detail .details-block .details-content-header .details-header,#preview-link-detail .details-block .details-content-header .details-header {
  cursor: pointer;
  margin-bottom: 16px;
}
#project-detail .details-block .details-content-header .details-header .collapse-link,#preview-link-detail .details-block .details-content-header .details-header .collapse-link {
  margin-left: auto;
  color: var(--primary-color);
}
#project-detail .details-block .details-content-header .details-header .collapse-link:hover,#preview-link-detail .details-block .details-content-header .details-header .collapse-link:hover {
  background-color: inherit;
}
#project-detail .details-block .details-content-header .main-info,#preview-link-detail .details-block .details-content-header .main-info {
  margin: 1rem;
  margin-left: auto;
}
#project-detail .project-detail-tabs,#project-detail .preview-link-detail-tabs,#preview-link-detail .project-detail-tabs,#preview-link-detail .preview-link-detail-tabs {
  border-top: 1px solid var(--primary-border-color);
}
#project-detail .project-detail-tabs .tab,#project-detail .preview-link-detail-tabs .tab,#preview-link-detail .project-detail-tabs .tab,#preview-link-detail .preview-link-detail-tabs .tab {
  margin-top: .5rem;
  color: var(--tertiary-text-color);
}
#project-detail .project-detail-tabs .tab.active,#project-detail .preview-link-detail-tabs .tab.active,#preview-link-detail .project-detail-tabs .tab.active,#preview-link-detail .preview-link-detail-tabs .tab.active {
  color: var(--primary-text-color);
}
#project-detail .project-detail-body .project-detail-body-header,#project-detail .preview-link-detail-body .project-detail-body-header,#preview-link-detail .project-detail-body .project-detail-body-header,#preview-link-detail .preview-link-detail-body .project-detail-body-header {
  display: flex;
  justify-content: flex-end;
}
#project-detail .project-detail-body .project-detail-lessons,#project-detail .preview-link-detail-body .project-detail-lessons,#preview-link-detail .project-detail-body .project-detail-lessons,#preview-link-detail .preview-link-detail-body .project-detail-lessons {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
}
#project-detail .project-detail-body .project-detail-lessons .tile.horizontal,#project-detail .preview-link-detail-body .project-detail-lessons .tile.horizontal,#preview-link-detail .project-detail-body .project-detail-lessons .tile.horizontal,#preview-link-detail .preview-link-detail-body .project-detail-lessons .tile.horizontal {
  margin: 5px;
  border-radius: 7px;
}
#project-detail .project-detail-body .project-detail-lessons .tile.horizontal .tile-img,#project-detail .preview-link-detail-body .project-detail-lessons .tile.horizontal .tile-img,#preview-link-detail .project-detail-body .project-detail-lessons .tile.horizontal .tile-img,#preview-link-detail .preview-link-detail-body .project-detail-lessons .tile.horizontal .tile-img {
  width: 20%;
  max-width: 100px;
  background: none;
  height: 100px;
}
#project-detail .project-detail-body .project-detail-lessons .tile.horizontal .tile-img .icon-outer,#project-detail .preview-link-detail-body .project-detail-lessons .tile.horizontal .tile-img .icon-outer,#preview-link-detail .project-detail-body .project-detail-lessons .tile.horizontal .tile-img .icon-outer,#preview-link-detail .preview-link-detail-body .project-detail-lessons .tile.horizontal .tile-img .icon-outer {
  border-radius: 7px;
}
#project-detail .project-detail-body .project-detail-lessons .tile.horizontal .tile-content,#project-detail .preview-link-detail-body .project-detail-lessons .tile.horizontal .tile-content,#preview-link-detail .project-detail-body .project-detail-lessons .tile.horizontal .tile-content,#preview-link-detail .preview-link-detail-body .project-detail-lessons .tile.horizontal .tile-content {
  width: 80%;
  max-height: 100px;
  padding: 1rem 1rem 1rem .25rem;
}
#project-detail .project-detail-body .project-detail-lessons svg,#project-detail .preview-link-detail-body .project-detail-lessons svg,#preview-link-detail .project-detail-body .project-detail-lessons svg,#preview-link-detail .preview-link-detail-body .project-detail-lessons svg {
  width: 100px;
  height: 100px;
}
@media screen and (max-width: 576px) {
  #project-detail .project-detail-body .project-detail-lessons,#project-detail .preview-link-detail-body .project-detail-lessons,#preview-link-detail .project-detail-body .project-detail-lessons,#preview-link-detail .preview-link-detail-body .project-detail-lessons {
    grid-template-columns: 100%;
  }
  #project-detail .project-detail-body .project-detail-lessons svg,#project-detail .preview-link-detail-body .project-detail-lessons svg,#preview-link-detail .project-detail-body .project-detail-lessons svg,#preview-link-detail .preview-link-detail-body .project-detail-lessons svg {
    width: 75px;
    height: 100px;
  }
}
#project-detail .project-detail-body .project-detail-sessions .sessions-header,#project-detail .preview-link-detail-body .project-detail-sessions .sessions-header,#preview-link-detail .project-detail-body .project-detail-sessions .sessions-header,#preview-link-detail .preview-link-detail-body .project-detail-sessions .sessions-header {
  padding: 1rem 0;
}
#project-detail .project-detail-body .project-detail-sessions .sessions-header,#project-detail .project-detail-body .project-detail-sessions .sessions-header-left,#project-detail .preview-link-detail-body .project-detail-sessions .sessions-header,#project-detail .preview-link-detail-body .project-detail-sessions .sessions-header-left,#preview-link-detail .project-detail-body .project-detail-sessions .sessions-header,#preview-link-detail .project-detail-body .project-detail-sessions .sessions-header-left,#preview-link-detail .preview-link-detail-body .project-detail-sessions .sessions-header,#preview-link-detail .preview-link-detail-body .project-detail-sessions .sessions-header-left {
  display: flex;
  width: 100%;
}
#project-detail .project-detail-body .project-detail-sessions .sessions-header>button,#project-detail .preview-link-detail-body .project-detail-sessions .sessions-header>button,#preview-link-detail .project-detail-body .project-detail-sessions .sessions-header>button,#preview-link-detail .preview-link-detail-body .project-detail-sessions .sessions-header>button {
  white-space: nowrap;
}
#project-detail .project-detail-body .project-detail-sessions .sessions-header-left,#project-detail .preview-link-detail-body .project-detail-sessions .sessions-header-left,#preview-link-detail .project-detail-body .project-detail-sessions .sessions-header-left,#preview-link-detail .preview-link-detail-body .project-detail-sessions .sessions-header-left {
  justify-content: flex-end;
}
#project-detail .project-detail-body .project-detail-sessions .sessions-header-left>*,#project-detail .preview-link-detail-body .project-detail-sessions .sessions-header-left>*,#preview-link-detail .project-detail-body .project-detail-sessions .sessions-header-left>*,#preview-link-detail .preview-link-detail-body .project-detail-sessions .sessions-header-left>* {
  margin-left: 10px;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries {
  color: var(--primary-text-color);
  margin-top: 10px;
  display: block;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table {
  width: 100%;
  table-layout: fixed;
  display: table;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table .action,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table .action,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table .action,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table .action {
  width: 120px;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table .action-column,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table .action-column,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table .action-column,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table .action-column {
  width: 40px;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table thead th:first-child,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table thead th:first-child,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table thead th:first-child,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table thead th:first-child {
  border-radius: 14px 0 0 0;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table thead th:last-child,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table thead th:last-child,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table thead th:last-child,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table thead th:last-child {
  border-radius: 0 14px 0 0;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table thead th.menu-column,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table thead th.menu-column,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table thead th.menu-column,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table thead th.menu-column {
  width: 35px;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr {
  border-bottom: 1px solid var(--primary-border-color);
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr .session-join,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr .session-join,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr .session-join,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr .session-join {
  display: flex;
  justify-content: center;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr .result-button,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr .result-button,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr .result-button,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr .result-button {
  display: inline-block;
  color: var(--primary-text-color);
  background-color: rgba(0,0,0,0);
  cursor: default;
  border: 1px solid var(--primary-border-color);
  padding: .25rem 1rem;
  border-radius: 5px;
  width: 10rem;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td {
  padding: 10px 0px;
  vertical-align: middle;
  margin: auto;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td.room-name-column,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td.room-name-column,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td.room-name-column,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td.room-name-column {
  text-align: left;
  padding-left: 10px;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td.menu-column,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td.menu-column,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td.menu-column,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td.menu-column {
  width: 35px;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td span,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td span,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td span,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td span {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td .session-result,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td .session-result,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td .session-result,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td .session-result {
  border: 2px solid var(--primary-border-color);
  padding: 5px 0px;
  margin: auto;
}
@media screen and (min-width: 768px) {
  #project-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td .session-result,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td .session-result,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td .session-result,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td .session-result {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  #project-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td .session-result,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td .session-result,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td .session-result,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td .session-result {
    width: 75%;
  }
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td .session-result,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td .session-result,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td .session-result,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td .session-result {
  border-radius: 7px;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td .context-menu,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td .context-menu,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td .context-menu,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td .context-menu {
  height: 100%;
  text-align: left;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td .context-menu li,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td .context-menu li,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td .context-menu li,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td .context-menu li {
  display: block;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td .context-menu li span,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td .context-menu li span,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table tbody tr td .context-menu li span,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody tr td .context-menu li span {
  display: inline;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table tbody .dot,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody .dot,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table tbody .dot,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody .dot {
  height: 25px;
  width: 25px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries table tbody .dot.active,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody .dot.active,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries table tbody .dot.active,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries table tbody .dot.active {
  background-color: #28a745;
}
#project-detail .project-detail-body .project-detail-sessions .session-entries thead tr,#project-detail .preview-link-detail-body .project-detail-sessions .session-entries thead tr,#preview-link-detail .project-detail-body .project-detail-sessions .session-entries thead tr,#preview-link-detail .preview-link-detail-body .project-detail-sessions .session-entries thead tr {
  border-left: 5px;
  height: 40px;
  width: 100%;
}
#project-detail .project-detail-body .project-detail-logs,#project-detail .preview-link-detail-body .project-detail-logs,#preview-link-detail .project-detail-body .project-detail-logs,#preview-link-detail .preview-link-detail-body .project-detail-logs {
  display: flex;
  padding-top: 1rem;
  max-height: 530px;
  cursor: default;
}
#project-detail .project-detail-body .project-detail-logs .mt-spinner-container,#project-detail .preview-link-detail-body .project-detail-logs .mt-spinner-container,#preview-link-detail .project-detail-body .project-detail-logs .mt-spinner-container,#preview-link-detail .preview-link-detail-body .project-detail-logs .mt-spinner-container {
  width: 100%;
  height: 100%;
  background: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: inherit;
}
#project-detail .project-detail-body .project-detail-logs h4,#project-detail .preview-link-detail-body .project-detail-logs h4,#preview-link-detail .project-detail-body .project-detail-logs h4,#preview-link-detail .preview-link-detail-body .project-detail-logs h4 {
  padding-bottom: 1rem;
}
#project-detail .project-detail-body .project-detail-logs .filters,#project-detail .preview-link-detail-body .project-detail-logs .filters,#preview-link-detail .project-detail-body .project-detail-logs .filters,#preview-link-detail .preview-link-detail-body .project-detail-logs .filters {
  background-color: var(--primary-background-color);
  position: relative;
  width: 40%;
  padding: 1rem;
  border-radius: 7px;
  height: 100%;
}
#project-detail .project-detail-body .project-detail-logs .filters .clear-filters,#project-detail .preview-link-detail-body .project-detail-logs .filters .clear-filters,#preview-link-detail .project-detail-body .project-detail-logs .filters .clear-filters,#preview-link-detail .preview-link-detail-body .project-detail-logs .filters .clear-filters {
  margin-left: auto;
}
#project-detail .project-detail-body .project-detail-logs .filters .date-container,#project-detail .preview-link-detail-body .project-detail-logs .filters .date-container,#preview-link-detail .project-detail-body .project-detail-logs .filters .date-container,#preview-link-detail .preview-link-detail-body .project-detail-logs .filters .date-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 1rem;
}
#project-detail .project-detail-body .project-detail-logs .log-entries,#project-detail .preview-link-detail-body .project-detail-logs .log-entries,#preview-link-detail .project-detail-body .project-detail-logs .log-entries,#preview-link-detail .preview-link-detail-body .project-detail-logs .log-entries {
  width: 60%;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
  height: 500px;
}
#project-detail .project-detail-body .project-detail-logs .log-entries.empty,#project-detail .preview-link-detail-body .project-detail-logs .log-entries.empty,#preview-link-detail .project-detail-body .project-detail-logs .log-entries.empty,#preview-link-detail .preview-link-detail-body .project-detail-logs .log-entries.empty {
  overflow-y: hidden;
}
#project-detail .project-detail-body .project-detail-logs .log-entries .log-entry,#project-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry,#preview-link-detail .project-detail-body .project-detail-logs .log-entries .log-entry,#preview-link-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry {
  display: inline-block;
  padding: .5rem;
  width: 100%;
}
#project-detail .project-detail-body .project-detail-logs .log-entries .log-entry .actor,#project-detail .project-detail-body .project-detail-logs .log-entries .log-entry .verb,#project-detail .project-detail-body .project-detail-logs .log-entries .log-entry .activity-name,#project-detail .project-detail-body .project-detail-logs .log-entries .log-entry .timestamp,#project-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .actor,#project-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .verb,#project-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .activity-name,#project-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .timestamp,#preview-link-detail .project-detail-body .project-detail-logs .log-entries .log-entry .actor,#preview-link-detail .project-detail-body .project-detail-logs .log-entries .log-entry .verb,#preview-link-detail .project-detail-body .project-detail-logs .log-entries .log-entry .activity-name,#preview-link-detail .project-detail-body .project-detail-logs .log-entries .log-entry .timestamp,#preview-link-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .actor,#preview-link-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .verb,#preview-link-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .activity-name,#preview-link-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .timestamp {
  padding-left: .5rem;
}
#project-detail .project-detail-body .project-detail-logs .log-entries .log-entry .actor,#project-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .actor,#preview-link-detail .project-detail-body .project-detail-logs .log-entries .log-entry .actor,#preview-link-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .actor {
  font-weight: bold;
}
#project-detail .project-detail-body .project-detail-logs .log-entries .log-entry .timestamp,#project-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .timestamp,#preview-link-detail .project-detail-body .project-detail-logs .log-entries .log-entry .timestamp,#preview-link-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .timestamp {
  float: right;
}
#project-detail .project-detail-body .project-detail-logs .log-entries .log-entry .view-more-details,#project-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .view-more-details,#preview-link-detail .project-detail-body .project-detail-logs .log-entries .log-entry .view-more-details,#preview-link-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .view-more-details {
  cursor: pointer;
  color: var(--primary-color);
  font-size: 10px;
  padding-left: 8px;
}
#project-detail .project-detail-body .project-detail-logs .log-entries .log-entry .expanded,#project-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .expanded,#preview-link-detail .project-detail-body .project-detail-logs .log-entries .log-entry .expanded,#preview-link-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .expanded {
  display: flex;
  flex-direction: column;
  padding-left: 4rem;
}
#project-detail .project-detail-body .project-detail-logs .log-entries .log-entry .expanded .expanded-details,#project-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .expanded .expanded-details,#preview-link-detail .project-detail-body .project-detail-logs .log-entries .log-entry .expanded .expanded-details,#preview-link-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .expanded .expanded-details {
  border-left: 1px solid var(--primary-border-color);
  padding-left: 1rem;
}
#project-detail .project-detail-body .project-detail-logs .log-entries .log-entry .expanded .expanded-results,#project-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .expanded .expanded-results,#preview-link-detail .project-detail-body .project-detail-logs .log-entries .log-entry .expanded .expanded-results,#preview-link-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .expanded .expanded-results {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#project-detail .project-detail-body .project-detail-logs .log-entries .log-entry .expanded .expanded-results .results-header,#project-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .expanded .expanded-results .results-header,#preview-link-detail .project-detail-body .project-detail-logs .log-entries .log-entry .expanded .expanded-results .results-header,#preview-link-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .expanded .expanded-results .results-header {
  padding-top: 8px;
  text-transform: uppercase;
}
#project-detail .project-detail-body .project-detail-logs .log-entries .log-entry .expanded .expanded-results .results-detail,#project-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .expanded .expanded-results .results-detail,#preview-link-detail .project-detail-body .project-detail-logs .log-entries .log-entry .expanded .expanded-results .results-detail,#preview-link-detail .preview-link-detail-body .project-detail-logs .log-entries .log-entry .expanded .expanded-results .results-detail {
  padding-left: 1rem;
}
#project-detail .project-detail-body .project-detail-logs .search,#project-detail .preview-link-detail-body .project-detail-logs .search,#preview-link-detail .project-detail-body .project-detail-logs .search,#preview-link-detail .preview-link-detail-body .project-detail-logs .search {
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
}
#project-detail .project-detail-body .reports.tab-section,#project-detail .preview-link-detail-body .reports.tab-section,#preview-link-detail .project-detail-body .reports.tab-section,#preview-link-detail .preview-link-detail-body .reports.tab-section {
  padding: 0;
}
#project-detail .project-detail-body .reports.tab-section .grid-header,#project-detail .preview-link-detail-body .reports.tab-section .grid-header,#preview-link-detail .project-detail-body .reports.tab-section .grid-header,#preview-link-detail .preview-link-detail-body .reports.tab-section .grid-header {
  border-bottom: none;
  margin-bottom: 0;
}
#project-detail .project-detail-body .reports.tab-section .grid-header .section-header,#project-detail .preview-link-detail-body .reports.tab-section .grid-header .section-header,#preview-link-detail .project-detail-body .reports.tab-section .grid-header .section-header,#preview-link-detail .preview-link-detail-body .reports.tab-section .grid-header .section-header {
  font-size: 13px;
}
#project-detail .assetList ul,#preview-link-detail .assetList ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  width: 100%;
}
#project-detail .assetList ul.compact,#preview-link-detail .assetList ul.compact {
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, 200px);
  grid-gap: 1em;
  grid-auto-rows: 1fr;
}
#project-detail .assetList ul.expanded li,#preview-link-detail .assetList ul.expanded li {
  margin: 0px 2em 0px 2em;
}
#project-detail .project-detail-content .files-header,#preview-link-detail .project-detail-content .files-header {
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  gap: 1rem;
}
#project-detail .project-detail-content .files-header .home-button,#preview-link-detail .project-detail-content .files-header .home-button {
  padding: 0px 5px;
  height: 20px;
  align-items: center;
}
#project-detail .project-detail-content .files-header .text-field input,#preview-link-detail .project-detail-content .files-header .text-field input {
  height: 100%;
  border-radius: 5px;
}
#project-detail .project-detail-content .files-header .files-header-actions,#preview-link-detail .project-detail-content .files-header .files-header-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
#project-detail .expandedEntry,#preview-link-detail .expandedEntry {
  width: 7em;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
}
#project-detail .expandedEntry.directory,#preview-link-detail .expandedEntry.directory {
  cursor: pointer;
}
#project-detail .expandedEntry .thumbnail,#preview-link-detail .expandedEntry .thumbnail {
  flex: 1;
  margin-bottom: 5px;
}
#project-detail .expandedEntry .thumbnail,#project-detail .expandedEntry .thumbnail svg,#preview-link-detail .expandedEntry .thumbnail,#preview-link-detail .expandedEntry .thumbnail svg {
  height: 100%;
  width: 100%;
}
#project-detail .expandedEntry .thumbnail img,#preview-link-detail .expandedEntry .thumbnail img {
  border-radius: 5px;
}
#project-detail .expandedEntry .thumbnail .spinner,#preview-link-detail .expandedEntry .thumbnail .spinner {
  font-size: 3em;
  margin: auto;
  margin-bottom: 15px;
}
#project-detail .compactEntry,#preview-link-detail .compactEntry {
  border: thin solid rgba(0,0,0,0);
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 5px;
  margin: 10px;
  border: 1px solid;
  padding: 2px 10px;
  height: 35px;
}
#project-detail .compactEntry.directory,#preview-link-detail .compactEntry.directory {
  cursor: pointer;
}
#project-detail .compactEntry .folderIcon,#preview-link-detail .compactEntry .folderIcon {
  flex: 0;
  margin-right: 20px;
}
#project-detail .compactEntry .folderIcon svg,#preview-link-detail .compactEntry .folderIcon svg {
  height: 25px;
  width: 25px;
}
#project-detail .compactEntry .thumbnail svg,#project-detail .expandedEntry .thumbnail svg,#preview-link-detail .compactEntry .thumbnail svg,#preview-link-detail .expandedEntry .thumbnail svg {
  fill: #fff;
  stroke: #fff;
}
#project-detail .compactEntry .thumbnail svg text,#project-detail .expandedEntry .thumbnail svg text,#preview-link-detail .compactEntry .thumbnail svg text,#preview-link-detail .expandedEntry .thumbnail svg text {
  stroke-opacity: 0;
}
#project-detail .expandedEntry.directory .thumbnail svg,#preview-link-detail .expandedEntry.directory .thumbnail svg {
  fill: none;
}
#project-detail .folderBar,#preview-link-detail .folderBar {
  display: flex;
  min-height: 35px;
  border-radius: 5px;
  overflow: hidden;
  border: .5px solid var(--primary-border-color);
  align-items: center;
}
#project-detail .folderBar .home-button,#preview-link-detail .folderBar .home-button {
  padding: 0rem 1rem;
}
#project-detail .folderBar .path,#preview-link-detail .folderBar .path {
  display: flex;
}
#project-detail .folderBar .path a,#preview-link-detail .folderBar .path a {
  padding: .5em;
  height: 100%;
  position: relative;
  margin-left: 1em;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  display: flex;
  align-items: center;
  opacity: .75;
  color: inherit;
}
#project-detail .folderBar .path a::after,#preview-link-detail .folderBar .path a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-left: -0.75em;
  margin-top: -0.4em;
  border-width: .4em;
  border-style: solid;
  border-right-color: rgba(0,0,0,0);
  border-top-color: rgba(0,0,0,0);
  border-bottom-color: rgba(0,0,0,0);
}
#project-detail .folderBar .path a:hover,#project-detail .folderBar .path a:focus,#preview-link-detail .folderBar .path a:hover,#preview-link-detail .folderBar .path a:focus {
  opacity: 1 !important;
  color: inherit !important;
}
#preview-link-detail .details-header {
  display: flex;
  justify-content: space-between;
}
#preview-link-detail .details-header .details-left {
  display: flex;
  gap: 1rem;
  align-items: center;
}
#preview-link-detail .details-header .btn-wrapper {
  display: flex;
  gap: 1rem;
  align-items: center;
}
#preview-link-detail .more-info {
  display: flex;
  justify-content: flex-end;
}
#preview-link-detail .more-info .extra-details {
  display: flex;
  justify-content: space-between;
  width: 35%;
}
#preview-link-detail .more-info .extra-details .extra-details-item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#preview-link-detail .more-info .extra-details .extra-details-item label {
  font-size: .9rem;
  color: var(--tertiary-text-color);
}
#preview-link-detail .details-description-block {
  padding-left: 2.5rem;
  margin-bottom: 1rem;
}
#preview-link-detail .details-description-block .details-description {
  font-size: .9rem;
  color: var(--tertiary-text-color);
}
.projects-sessions-form.schedule input[type=number] {
  width: 120px;
}
.projects-sessions-form .preview-details {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.projects-sessions-form .preview-details input,.projects-sessions-form .preview-details textarea {
  width: 100%;
}
.projects-sessions-form .input-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.projects-sessions-form .input-container .input-sub-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.projects-sessions-form .input-container .input-sub-container span {
  display: flex;
  align-items: center;
  gap: .5rem;
}
.projects-sessions-form .projects-sessions-form-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.projects-sessions-form .projects-sessions-form-header.step-detail,.projects-sessions-form .projects-sessions-form-header.step-schedule {
  flex-direction: column;
}
.projects-sessions-form .projects-sessions-form-header.step-detail .step-bar-wrapper,.projects-sessions-form .projects-sessions-form-header.step-schedule .step-bar-wrapper {
  margin-left: auto;
  margin-right: auto;
}
.projects-sessions-form .projects-sessions-form-header.step-user .step-bar-wrapper {
  margin-right: 5rem;
}
.projects-sessions-form .input-container.checkbox-container {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 10px;
}
.projects-sessions-form .input-container.checkbox-container mt-checkbox {
  margin-top: .5rem;
  flex: none;
  max-width: none;
}
.projects-sessions-form .input-container.checkbox-container mt-checkbox:nth-child(1),.projects-sessions-form .input-container.checkbox-container mt-checkbox:nth-child(2) {
  margin-left: 0;
  display: block;
}
.projects-sessions-form .input-container.checkbox-container .nested-checkboxes {
  display: flex;
  flex-direction: row;
  margin-left: 30px;
  gap: 20px;
}
.projects-sessions-form .input-container.checkbox-container .nested-checkboxes mt-checkbox {
  margin-left: 0 !important;
}
.projects-sessions-form .input-container.checkbox-container mt-checkbox:nth-child(n+3) {
  margin-left: 0px;
}
.projects-sessions-form .projects-sessions-form-body {
  display: flex;
  flex-direction: column;
}
.projects-sessions-form .projects-sessions-form-body .session-details {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.projects-sessions-form .projects-sessions-form-body>input,.projects-sessions-form .projects-sessions-form-body>textarea {
  transition: all .5s ease-in-out;
  outline: 0;
}
.projects-sessions-form .projects-sessions-form-body>input,.projects-sessions-form .projects-sessions-form-body>textarea,.projects-sessions-form .projects-sessions-form-body>div.select {
  margin-bottom: 15px;
}
.projects-sessions-form .projects-sessions-form-body>textarea {
  resize: none;
  min-height: 8rem;
}
.projects-sessions-form .projects-sessions-form-body>div.select {
  position: relative;
}
.projects-sessions-form .projects-sessions-form-body .select ul {
  background-color: var(--primary-background-color);
}
.projects-sessions-form .projects-sessions-form-body #session-duration {
  display: flex;
}
.projects-sessions-form .projects-sessions-form-body #session-duration div>span {
  margin-left: 10px;
  opacity: .5;
}
.projects-sessions-form .projects-sessions-form-body #session-duration div:first-child {
  margin-right: 10px;
}
.projects-sessions-form .projects-sessions-form-body .error {
  color: var(--error-color);
  margin-left: 15px;
  font-style: italic;
}
.projects-sessions-form .projects-sessions-form-footer {
  display: flex;
  margin-top: 24px;
  justify-content: center;
}
.projects-sessions-form .projects-sessions-form-footer button {
  width: 100px;
  margin: 0 10px;
}
.projects-sessions-form .platforms {
  display: flex;
  width: 35%;
  font-size: .9em;
}
.projects-sessions-form .platforms .platform-icon>svg {
  width: 1.7rem;
  height: 1.2rem;
}
.projects-sessions-form .platforms .platform-icon:not(.compatible)>svg {
  opacity: .3;
}
.projects-sessions-form .platforms .platform-icon.compatible>svg {
  opacity: 1;
}
.projects-sessions-form .platforms .platform-icon:last-child>svg {
  width: 2.6rem;
  height: 2rem;
}
.projects-sessions-form .platforms .platform-icon:last-child {
  padding: 0;
}
.projects-sessions-form .platforms>span {
  opacity: 1;
  width: 100%;
  text-align: center;
  padding: 2px;
  min-width: 40px;
}
.projects-sessions-form .platforms span:first-child {
  margin-left: 0px;
}
.projects-sessions-form .projects-sessions-form-body input:focus,.projects-sessions-form .projects-sessions-form-body textarea:focus {
  border-color: var(--primary-color) !important;
  outline: none;
}
.projects-sessions-form .input-container.checkbox-container mt-checkbox .container {
  flex-direction: row-reverse !important;
  margin-right: 1rem;
}
@media screen and (max-width: 768px) {
  #project-detail .assetList ul.compact {
    justify-content: center;
  }
  #project-detail .project-detail-content .files-header {
    display: flex;
    justify-content: space-between;
  }
  #project-detail .project-detail-content .files-header .files-header-actions {
    display: flex;
    gap: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .projects-sessions-form .input-container.checkbox-container .nested-checkboxes {
    flex-direction: column;
    gap: 10px;
  }
}
.training-report-actions {
  display: flex;
  align-items: center;
}
.training-report-actions .download-button svg {
  width: 23px;
  height: 23px;
}
.training-report-actions .download-button svg path {
  stroke: var(--primary-color);
}
#project-detail .reports .search-row {
  display: flex;
  justify-content: space-between;
  vertical-align: middle;
  padding: 10px 0;
}
#project-detail .reports .search-row .filters {
  display: flex;
  flex-direction: row;
}
#project-detail .reports .body table th.actions,#project-detail .reports .body table th:last-child {
  text-align: end !important;
}
#project-detail .reports .body table td.actions,#project-detail .reports .body table td:last-child {
  display: flex !important;
  justify-content: flex-end !important;
}
@media screen and (max-width: 992px) {
  #main-container>mt-sidebar {
    display: none;
  }
  #tc-container>mt-sidebar {
    display: none;
  }
}
@supports (-webkit-touch-callout: none) {
  mt-sidebar {
    height: calc(100vh - 110px);
  }
}
#session-detail .details-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#session-detail .details-header .details-header-continer-left>div {
  display: flex;
  flex-direction: row;
}
#session-detail .details-header .details-header-continer-left>div>a {
  width: 25px;
  display: flex;
  align-items: center;
}
#session-detail .details-header .details-header-continer-left>button {
  margin-top: .5rem;
  margin-left: 38px;
}
#session-detail .details-header .info>.info-container>span {
  width: 100%;
}
#session-detail .details-header .info .info-container>span {
  border: 1px solid var(--primary-border-color);
  border-radius: .25rem;
  padding: 5px 10px;
  display: flex;
  justify-content: center;
  height: 30px;
}
#session-detail .details-header .info .info-grid {
  display: grid;
  margin-top: 10px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
#session-detail .details-header .info .info-grid .info-container {
  margin-top: 10px;
}
#session-detail .details-header .info .info-grid .info-container span {
  width: 130px;
}
#session-detail .detail-body {
  padding-top: 15px;
}
#session-detail .detail-body .detail-body-header {
  display: flex;
  justify-content: space-between;
}
#session-detail .detail-body .notes {
  margin-top: 10px;
  display: table;
  width: 100%;
  table-layout: fixed;
}
#session-detail .detail-body .notes .col-note {
  width: 60%;
}
#session-detail .detail-body .notes .col-action {
  width: 10%;
  padding-right: 10px;
}
#session-detail .detail-body .notes thead th {
  text-align: left;
  padding: 10px 0px;
  border-bottom: 1px solid var(--primary-border-color);
  opacity: .5;
}
#session-detail .detail-body .notes td.col-centered,#session-detail .detail-body .notes thead th.col-centered {
  text-align: center;
}
#session-detail .detail-body .notes td.col-centered {
  vertical-align: top;
  padding-top: 15px;
}
#session-detail .detail-body .notes tbody tr {
  border-bottom: 1px solid var(--primary-border-color);
}
#session-detail .detail-body .notes tbody tr td {
  padding: 10px 0px;
}
#session-detail .detail-body .notes tbody tr td .note-content {
  word-wrap: break-word;
}
#session-detail .detail-body .notes tbody tr td .context-menu li {
  display: flex;
}
#sessions-note-form {
  display: flex;
  flex-direction: column;
  width: 40rem;
}
#sessions-note-form #sessions-note-form-comment {
  resize: none;
  width: 100%;
  height: 25rem;
}
#sessions-note-form .sessions-note-form-comment-length {
  opacity: .5;
}
#sessions-note-form #sessions-note-form-footer {
  display: flex;
  flex-direction: row;
  width: 50%;
  justify-content: space-between;
  margin: auto;
  margin-top: 15px;
}
#sessions-note-form #sessions-note-form-footer Button {
  width: 45%;
}
#qr-code-login {
  padding: 0 1rem;
  color: var(--secondary-border-color);
  cursor: default;
}
#qr-code-login .qr-code {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1rem;
}
#qr-code-login .qr-code .qr-link-image {
  margin: 1rem;
  border-radius: 10px;
  border: 1px solid var(--primary-border-color);
  padding: 10px;
}
#qr-code-login .qr-code .qr-status {
  margin: 1rem;
  text-align: center;
  font-size: 16px;
}
#qr-code-login .qr-code .qr-status .qr-refresh-time {
  font-size: 20px;
}
#qr-code-login .sessions {
  border: 1px solid green;
  display: flex;
}
#qr-code-login .sessions .align-center {
  text-align: center;
}
#qr-code-login .sessions .align-left {
  text-align: left;
}
#qr-code-login .sessions table {
  width: 100%;
}
#qr-code-login .sessions table thead tr th {
  color: var(--secondary-border-color);
  font-family: "Nunito",sans-serif;
  font-weight: normal;
}
#qr-code-login .sessions table thead tr {
  border-bottom: 1px solid var(--primary-border-color);
}
#qr-code-login {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  cursor: default;
}
#qr-code-login form {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding-top: 1rem;
  overflow: hidden;
}
#qr-code-login form .content {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
#qr-code-login .qr-code {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  flex-direction: row;
}
#qr-code-login .qr-code .code {
  border-radius: 5px;
  max-width: 200px;
  min-width: 175px;
  max-height: 200px;
  min-height: 175px;
  border: 10px #fff solid;
}
#qr-code-login .qr-code .notes {
  text-align: center;
}
#qr-code-login .qr-code .notes .time-left {
  font-size: 22px;
}
#qr-code-login .qr-sessions {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
  min-height: 0;
}
#qr-code-login .qr-sessions thead {
  display: table;
  width: 100%;
  table-layout: fixed;
  flex-shrink: 0;
  margin-bottom: 1rem;
}
#qr-code-login .qr-sessions thead tr th {
  border-bottom: 1px solid var(--primary-border-color);
  font: normal normal 300 14px/42px Nunito;
}
#qr-code-login .qr-sessions thead tr th:nth-child(1) {
  width: 35%;
}
#qr-code-login .qr-sessions thead tr th:nth-child(2) {
  width: 20%;
}
#qr-code-login .qr-sessions thead tr th:nth-child(3) {
  width: 20%;
}
#qr-code-login .qr-sessions tbody {
  overflow-y: auto;
  flex: 1;
  min-height: 0;
  color: var(--primary-text-color);
}
#qr-code-login .qr-sessions tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
#qr-code-login .qr-sessions tbody tr td {
  margin: 0 1rem 1rem 0;
  font: normal normal normal 14px/22px Nunito;
}
#qr-code-login .qr-sessions tbody tr td:nth-child(1) {
  width: 35%;
}
#qr-code-login .qr-sessions tbody tr td:nth-child(2) {
  width: 20%;
}
#qr-code-login .qr-sessions tbody tr td:nth-child(3) {
  width: 20%;
}
#qr-code-login .qr-sessions tbody tr td.device-name {
  line-height: 27px;
  vertical-align: middle;
  height: 27px;
}
#qr-code-login .qr-sessions tbody tr td.device-name svg {
  display: inline;
  width: 27px;
  height: 27px;
  padding-right: 5px;
}
#qr-code-login .qr-sessions .actions-revokable {
  display: grid;
  grid-template-columns: 1fr;
}
#qr-code-login .qr-sessions .actions-approvable {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
#qr-code-login .checkbox-container input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: rgba(0,0,0,0);
  accent-color: var(--primary-color);
  margin: 0;
  font: inherit;
  color: var(--primary-border-color);
  width: 1.15em;
  height: 1.15em;
  border: 1px solid var(--primary-border-color);
  border-radius: .15em;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
#qr-code-login .checkbox-container input[type=checkbox]:checked {
  transform: scale(1);
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}
#qr-code-login .no-sessions {
  font: italic 14px/22px Nunito;
  text-align: center;
  margin: auto;
}
.download-software-page {
  box-sizing: border-box;
}
.download-software-page .section-header h2 {
  vertical-align: middle;
  line-height: 15px;
}
.download-software-page .section-header h2 svg {
  display: inline-block;
}
.download-software-page .grid-layout {
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(300px, 581px));
}
.download-software-page img {
  display: inline-block;
  width: 100%;
}
.download-software-page .card {
  background-color: var(--tertiary-background-color);
  border: 1px solid var(--tertiary-background-color);
  border-radius: 10px;
  text-align: center;
}
.download-software-page .card .card-product-name {
  font-family: Posterama;
  font-size: 25px;
  font-weight: bolder;
  letter-spacing: 2.5px;
  color: var(--primary-text-color);
  opacity: 1;
  margin-bottom: 15px;
}
.download-software-page .card .card-body {
  padding: 27px 30px;
  font-family: "Nunito";
  font-size: 19px;
}
.download-software-page .card .card-body p.advertising {
  font-size: 19px;
  font-weight: normal;
  line-height: 36px;
  letter-spacing: 0px;
  color: var(--primary-text-color);
  opacity: 1;
}
.download-software-page .card .card-logo {
  width: 254px;
}
.download-software-page .card .card-logo.tc-card-logo {
  width: 368px;
}
.download-software-page .card .tc-card-logo {
  margin-bottom: 32px;
}
.download-software-page .card .desktop-section {
  margin-bottom: 2rem;
  margin-top: 33px;
  font-size: 14px;
}
.download-software-page .card .desktop-section img {
  margin-top: 10px;
  width: 262px;
  vertical-align: middle;
}
.download-software-page .card .mobile-section {
  font-size: 14px;
  margin-top: 50px;
  margin-bottom: 5px;
}
.download-software-page .card .mobile-section img {
  margin-top: 10px;
  width: 135px;
  vertical-align: middle;
  margin-left: 8px;
  margin-right: 8px;
}
.download-software-page .card .card-version-number {
  font-family: "Nunito";
  text-align: right;
  font-size: 16px;
  margin-right: 13px;
  margin-bottom: 5px;
}
#error-reports-page {
  padding-bottom: 8rem;
}
#error-reports-page section {
  display: flex;
  padding-top: 12px;
}
#error-reports-page section .flex-header {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
#error-reports-page section .flex-header .text-field {
  width: 20%;
}
#error-reports-page #batch-table th:nth-of-type(2) {
  width: 20%;
}
#error-reports-page .prevent-deletion {
  margin-right: 8px;
}
#error-reports-page input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  accent-color: var(--primary-color);
  width: 1.15em;
  height: 1.15em;
  border: 1px solid var(--primary-border-color);
  border-radius: .15em;
}
#error-reports-page input[type=checkbox]:checked {
  transform: scale(1);
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}
#error-reports-page .download-element svg {
  cursor: pointer;
  height: 18px;
  width: 18px;
}
#error-reports-page .download-element svg path {
  stroke: var(--primary-color);
}
#error-reports-page mt-spinner {
  margin: auto;
  margin-top: 2rem;
}
#role-perms-page {
  padding-bottom: 8rem;
}
#role-perms-page input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  accent-color: var(--primary-color);
  width: 1.15em;
  height: 1.15em;
  border: 1px solid var(--primary-border-color);
  border-radius: .15em;
}
#role-perms-page input[type=checkbox]:checked {
  transform: scale(1);
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}
#role-perms-page .quick-info {
  max-width: 100%;
  margin-bottom: 16px;
}
#role-perms-page .quick-info small {
  font-size: 12px;
}
#role-perms-page section {
  display: flex;
  padding-top: 12px;
}
#role-perms-page section .flex-header {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
#role-perms-page section .flex-header button {
  margin-right: 12px;
  padding-right: 28px;
  padding-left: 28px;
}
#role-perms-page section .flex-header.left {
  justify-content: start;
}
#role-perms-page mt-spinner {
  margin: auto;
}
#license-management {
  padding-bottom: 8rem;
}
#license-management .licenses-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 8px;
  min-height: 80px;
  max-width: 600px;
  margin-left: auto;
  border-radius: 5px;
  border: .25px solid var(--primary-border-color);
}
#license-management .licenses-grid-container mt-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column: 2;
  padding: 20px;
}
#license-management .licenses-grid-item {
  padding: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  cursor: default;
}
#license-management .licenses-grid-item.total {
  cursor: pointer;
  border-right: 1px solid var(--primary-border-color);
}
#license-management .licenses-grid-item.total .label:hover {
  text-decoration: underline;
}
#license-management .licenses-grid-item.assigned {
  border-right: 1px solid var(--primary-border-color);
}
#license-management .licenses-grid-item.expired {
  cursor: pointer;
}
#license-management .licenses-grid-item.expired .label:hover {
  text-decoration: underline;
}
#license-management .label {
  font-size: 14px;
  color: var(--primary-text-color);
  opacity: .8;
  display: flex;
  align-items: center;
}
#license-management .label svg {
  margin-left: 8px;
  cursor: pointer;
}
#license-management .value {
  font-size: 24px;
  margin-top: 8px;
}
#license-management .licenses-grid-item-client {
  grid-column: span 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
}
#license-management .licenses-grid-item-client label {
  margin-right: 1rem;
}
#license-management section {
  display: flex;
  padding-top: 12px;
}
#license-management section .flex-header {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  gap: 1rem;
}
#license-management section .flex-header.left {
  justify-content: start;
}
#license-management .download-key svg {
  fill: var(--primary-color);
}
#license-management #batch-table .number-of-licenses-btn {
  cursor: pointer;
}
#export-license-form,#reassign-license-form,#purchase-orders-form {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 75vh;
}
#export-license-form .content,#reassign-license-form .content,#purchase-orders-form .content {
  max-height: 75vh;
  display: block;
  flex: 1;
  overflow-y: visible;
}
#export-license-form .content .purchase-orders,#reassign-license-form .content .purchase-orders,#purchase-orders-form .content .purchase-orders {
  margin-bottom: 1.5rem;
}
#export-license-form .content .purchase-orders .label,#reassign-license-form .content .purchase-orders .label,#purchase-orders-form .content .purchase-orders .label {
  font-size: 1.3rem;
}
#export-license-form .sub-title,#reassign-license-form .sub-title,#purchase-orders-form .sub-title {
  padding-left: 1rem;
  opacity: .8;
  max-width: 400px;
  white-space: normal;
}
#export-license-form input[type=file]::file-selector-button,#reassign-license-form input[type=file]::file-selector-button,#purchase-orders-form input[type=file]::file-selector-button {
  border: 1px solid var(--primary-border-color);
  background-color: rgba(0,0,0,0);
  color: var(--primary-text-color);
  padding: 4px 8px 4px 8px;
}
#export-license-form input[type=file]::file-selector-button:hover,#reassign-license-form input[type=file]::file-selector-button:hover,#purchase-orders-form input[type=file]::file-selector-button:hover {
  border-color: var(--primary-color);
}
#export-license-form,#reassign-license-form {
  margin: 1rem;
}
#export-license-form .license-fields,#reassign-license-form .license-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#export-license-form .license-container,#reassign-license-form .license-container {
  display: flex;
  flex-direction: column;
}
#export-license-form .license-container .license-label,#reassign-license-form .license-container .license-label {
  display: flex;
  justify-content: space-between;
}
#purchase-orders-form table {
  min-width: 800px;
}
#purchase-orders-form thead tr {
  border-bottom: 1px solid var(--primary-border-color);
}
#purchase-orders-form thead tr th {
  opacity: .8;
  font: normal normal 300 16px/42px Nunito;
  text-align: left;
}
#purchase-orders-form tbody {
  padding-top: 12px;
  text-align: left;
  font: normal normal normal 14px/30px Nunito;
  color: var(--primary-text-color);
  vertical-align: top;
}
#publishes-page .project-publisher {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  width: 500px;
  height: 145px;
  padding: 1.5rem;
  margin: 1rem 0 2rem auto;
  border: 1px solid var(--primary-border-color);
  border-radius: 5px;
}
#publishes-page .project-publisher label {
  display: block;
  font-weight: bold;
  margin-bottom: .5rem;
}
#publishes-page .project-publisher .clear-btn {
  border-color: var(--error-color);
}
#publishes-page .project-publisher .clear-btn:hover {
  color: var(--error-color);
}
#publishes-page .project-publisher .spinner {
  margin: auto;
  font-size: 50px;
  grid-column: 1/-1;
}
#publishes-page .publishes-table span.status-queued {
  color: gray;
}
#publishes-page .publishes-table span.status-building {
  color: aqua;
}
#publishes-page .publishes-table span.status-fail {
  color: red;
}
#publishes-page .publishes-table span.status-success {
  color: green;
}
#publishes-page .publishes-table span.status-unstable {
  color: #ff0;
}
#publishes-page .publishes-table nav {
  border-bottom: none;
  display: block;
  margin: auto;
  margin-top: 1rem;
}
#publishes-page .publishes-table mt-spinner {
  display: block;
  text-align: center;
}
#publishes-modal .content {
  display: block;
  max-height: 75vh;
  overflow: auto;
}
#publishes-modal .content pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}
#publishes-modal .content .manifest-btn-container {
  display: grid;
}
#publishes-modal .controls {
  padding-top: .5rem;
}
#publishes-modal .controls .done-btn {
  margin-left: 0;
}
#clients-management-page section {
  display: flex;
  padding-top: 12px;
}
#clients-management-page section .flex-header {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  width: 100%;
}
#clients-management-page section .flex-header.left {
  justify-content: start;
}
#clients-management-page .view-admins-btn {
  width: 130px;
  height: 34px;
  border-radius: 5px;
}
#create-licenses-form .content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#create-licenses-form .field input {
  margin-bottom: 0rem;
}
#create-licenses-form #client-name {
  padding: .4rem 1rem;
  border: 1px solid var(--primary-border-color);
  border-radius: .25rem;
}
#create-licenses-form .errors-list {
  color: var(--error-color);
  margin-bottom: 1rem;
}
#create-licenses-form .controls {
  margin-top: 1rem;
}
.new-client-form {
  width: 400px;
  padding: 1rem;
  padding-bottom: .3rem;
}
.new-client-form .new-client-form-header {
  display: flex;
  justify-content: center;
}
.new-client-form .new-client-form-body {
  display: flex;
  flex-direction: column;
  margin: 2rem 0;
}
.new-client-form .new-client-form-body .form-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.new-client-form .new-client-form-body .form-fields input {
  width: 100%;
}
.new-client-form .new-client-form-body #admin-users {
  outline: none;
}
.new-client-form .new-client-form-body #admin-users #selected-admin-users {
  overflow-y: auto;
  display: grid;
  grid-template-columns: 33% 33% 33%;
  max-height: 70px;
  width: 100%;
}
.new-client-form .new-client-form-body #admin-users #selected-admin-users .selected-user {
  height: 25px;
  display: flex;
  border: 1px solid var(--secondary-background-color);
  border-radius: 5px;
  justify-content: center;
  margin: 5px;
}
.new-client-form .new-client-form-body #admin-users #selected-admin-users .selected-user>span {
  padding: 0px 10px;
  margin: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-client-form .new-client-form-body #admin-users #selected-admin-users .selected-user>button {
  padding: 0px 10px;
}
.new-client-form .new-client-form-body #admin-users #users-list {
  margin-right: 0;
}
.new-client-form .new-client-form-body #admin-users #users-list .entries {
  height: 300px;
}
.new-client-form .new-client-form-body .error {
  color: var(--error-color);
  margin-left: 1rem;
  font-style: italic;
}
.new-client-form .new-client-form-footer {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
}
.new-client-form .new-client-form-footer button {
  min-width: 116px;
}
#user-profile {
  min-width: 800px;
}
#user-profile .user-info {
  display: flex;
}
#user-profile .user-info .avatar.regular {
  width: 210px;
  height: 160px;
  font-size: 4em;
  margin-right: 30px;
}
#user-profile .user-info img.regular {
  width: 160px;
  height: 160px;
  font-size: 4em;
  margin-right: 30px;
}
#user-profile .user-info mt-avatar {
  width: 160px;
  height: 160px;
  font-size: 4em;
  margin-right: 30px;
}
#user-profile .user-info .user-info-container {
  width: 100%;
}
#user-profile .user-info .user-info-container #user-info-name {
  font-size: 20px;
  margin-bottom: 10px;
}
#user-profile .user-info .user-info-container .user-info-inner-container {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 100%;
  margin-top: 10px;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
#user-profile .user-info .user-info-container .user-info-inner-container span {
  height: 32px;
  align-content: center;
}
#user-profile .user-info .user-info-container .user-info-inner-container .text-field input {
  min-width: 0px;
  padding-left: 5px;
}
#user-profile .user-info .user-info-container .user-info-inner-container.actions {
  margin-top: 15px;
}
#user-profile .user-info .user-info-container .user-info-inner-container.actions .user-info-action {
  color: var(--primary-color);
  cursor: pointer;
}
#user-profile .divider {
  margin-top: 30px;
  margin-bottom: 15px;
}
#user-profile .user-content-info {
  display: flex;
  justify-content: space-between;
  text-align: start;
  height: 90%;
  overflow-y: auto;
  margin-top: 8px;
}
#user-profile .user-content-info>.info-section {
  max-height: 300px;
  display: flex;
  flex-direction: column;
  width: 30%;
}
#user-profile .user-content-info>.info-section .info-section-header {
  font-size: 16px;
  margin-bottom: 10px;
}
#user-profile .user-content-info>.info-section ul li {
  width: 85%;
  margin-bottom: 5px;
}
#user-profile .user-content-info>.info-section ul li.navigatable span {
  cursor: pointer;
}
#user-profile .user-content-info>.info-section ul li span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#user-profile .user-content-info>.info-section>.no-data {
  height: 100%;
  display: flex;
  align-items: center;
  opacity: .5;
}
#user-profile .modal-actions {
  margin-top: 30px;
  display: flex;
  position: relative;
}
#user-profile .modal-actions button {
  margin: auto;
}
#user-profile .modal-actions .delete {
  color: var(--error-color);
  cursor: pointer;
  align-content: center;
  position: absolute;
  right: 0px;
  height: 100%;
}
@media screen and (max-width: 576px) {
  #user-profile {
    width: 90vw !important;
    min-width: 250px;
  }
  #user-profile .user-info {
    flex-direction: column;
  }
  #user-profile .user-info mt-avatar {
    margin: auto;
  }
  #user-profile .user-info .user-info-container {
    text-align: center;
    margin-top: 10px;
  }
  #user-profile .user-info .user-info-container .user-info-inner-container {
    grid-template-columns: 100%;
  }
  #user-profile .user-info .user-info-inner-container {
    grid-template-columns: 100%;
  }
  #user-profile .user-content-info {
    flex-direction: column;
  }
  #user-profile .user-content-info .info-section {
    width: 100%;
    margin-top: 10px;
  }
  #user-profile .modal-actions {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  #user-profile .modal-actions .delete {
    position: relative;
    margin-top: 25px;
  }
}
.workspace-switcher {
  display: flex;
  flex-direction: column;
  width: 500px;
  border: .5px solid var(--primary-border-color);
  border-radius: 5px;
}
.workspace-switcher>.licenses {
  font-size: 25px;
  font-weight: 500;
}
.workspace-switcher>.licenses>.block {
  display: inline-block;
  width: calc(50% - 1px);
  padding: 15px 15px 0 15px;
  cursor: default;
}
.workspace-switcher>.licenses>.divider {
  display: inline-block;
  width: 0px;
  height: 55px;
  border-left: 1px solid var(--primary-border-color);
}
.workspace-switcher>.licenses .label {
  font-weight: normal;
  font-size: 14px;
}
.workspace-switcher>.workspace {
  display: flex;
  gap: 1rem;
  padding: 0 15px 15px 15px;
  font-size: 16px;
}
.workspace-switcher>.workspace>span {
  display: inline-block;
  width: 95px;
  line-height: 32px;
  cursor: default;
}
#preview-links-page,#preview-links-page-project,#comment-preview-links {
  padding-bottom: 8rem;
}
#preview-links-page .body .search-row,#preview-links-page-project .body .search-row,#comment-preview-links .body .search-row {
  display: flex;
  padding: 1rem 0;
  justify-content: space-between;
}
#preview-links-page .body .search-row .filters,#preview-links-page-project .body .search-row .filters,#comment-preview-links .body .search-row .filters {
  display: flex;
  gap: 1rem;
}
#preview-links-page .body .search-row .filters .text-field,#preview-links-page-project .body .search-row .filters .text-field,#comment-preview-links .body .search-row .filters .text-field {
  display: inline-block;
  max-width: 388px;
}
#preview-links-page .body #batch-table .project span,#preview-links-page .body #batch-table .workspace span,#preview-links-page .body #batch-table .lesson span,#preview-links-page-project .body #batch-table .project span,#preview-links-page-project .body #batch-table .workspace span,#preview-links-page-project .body #batch-table .lesson span,#comment-preview-links .body #batch-table .project span,#comment-preview-links .body #batch-table .workspace span,#comment-preview-links .body #batch-table .lesson span {
  width: 15em;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#preview-links-page .body #batch-table .workspace span,#preview-links-page-project .body #batch-table .workspace span,#comment-preview-links .body #batch-table .workspace span {
  width: 10em;
}
#preview-links-page .body #batch-table .links,#preview-links-page .body #batch-table .action,#preview-links-page-project .body #batch-table .links,#preview-links-page-project .body #batch-table .action,#comment-preview-links .body #batch-table .links,#comment-preview-links .body #batch-table .action {
  padding-right: 40px;
}
@media screen and (max-width: 1600px) {
  #preview-links-page .body #batch-table .links,#preview-links-page .body #batch-table .action,#preview-links-page-project .body #batch-table .links,#preview-links-page-project .body #batch-table .action,#comment-preview-links .body #batch-table .links,#comment-preview-links .body #batch-table .action {
    padding-right: 0px;
    display: flex;
    flex-direction: column;
  }
}
#preview-links-page .body #batch-table .links .link-actions,#preview-links-page .body #batch-table .action .link-actions,#preview-links-page-project .body #batch-table .links .link-actions,#preview-links-page-project .body #batch-table .action .link-actions,#comment-preview-links .body #batch-table .links .link-actions,#comment-preview-links .body #batch-table .action .link-actions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#preview-links-page .body #batch-table .links .link-actions-training,#preview-links-page .body #batch-table .action .link-actions-training,#preview-links-page-project .body #batch-table .links .link-actions-training,#preview-links-page-project .body #batch-table .action .link-actions-training,#comment-preview-links .body #batch-table .links .link-actions-training,#comment-preview-links .body #batch-table .action .link-actions-training {
  display: flex;
  justify-content: center;
  width: 100%;
}
#preview-links-page .body #batch-table .links .link-actions-training div,#preview-links-page .body #batch-table .action .link-actions-training div,#preview-links-page-project .body #batch-table .links .link-actions-training div,#preview-links-page-project .body #batch-table .action .link-actions-training div,#comment-preview-links .body #batch-table .links .link-actions-training div,#comment-preview-links .body #batch-table .action .link-actions-training div {
  display: flex;
  width: 100%;
}
#preview-links-page .body #batch-table .links .link-actions-training div button,#preview-links-page .body #batch-table .action .link-actions-training div button,#preview-links-page-project .body #batch-table .links .link-actions-training div button,#preview-links-page-project .body #batch-table .action .link-actions-training div button,#comment-preview-links .body #batch-table .links .link-actions-training div button,#comment-preview-links .body #batch-table .action .link-actions-training div button {
  white-space: nowrap;
  min-width: 0;
  margin-right: 5px;
  width: 100%;
}
#preview-links-page mt-spinner,#preview-links-page-project mt-spinner,#comment-preview-links mt-spinner {
  display: block;
  text-align: center;
}
#previewlink-form {
  margin: 0;
}
#previewlink-form .step-bar-container {
  display: flex;
  justify-content: center;
}
#previewlink-form .content {
  display: flex;
  flex-direction: column;
  padding-top: 2rem;
  grid-row-gap: 1rem;
}
#previewlink-form .content .input-container {
  display: flex;
  flex-direction: column;
}
#previewlink-form .content .input-container .input-sub-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#previewlink-form .content .checkbox-container input {
  margin-right: .5rem;
}
#previewlink-form .content mt-checkbox {
  width: 25%;
}
#previewlink-form .content .platforms {
  display: flex;
  font-size: 1.5rem;
}
#previewlink-form .content .platforms>span {
  opacity: .6;
  text-align: center;
  padding: 2px;
  margin: 0px 5px;
}
#previewlink-form .content .platforms>span.compatible {
  opacity: 1;
  color: var(--primary-text-color);
}
#previewlink-form .content .platforms span:first-child {
  margin-left: 0px;
}
#previewlink-form .controls {
  margin-top: 25px;
}
#previewlink-form .controls button {
  transition: none;
}
#preview-link-qr {
  display: flex;
  flex-direction: column;
}
#preview-link-qr .qr-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
#preview-link-qr .qr-code {
  margin: 1rem 0;
}
#preview-link-qr .qr-code svg {
  margin: auto;
}
#preview-link-qr .qr-copy {
  display: flex;
  gap: 1rem;
  align-items: center;
}
#preview-link-qr .controls {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 20px;
}
.centered-spinner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 300px;
}
.priority-low {
  color: inherit;
}
.priority-normal {
  color: var(--success-color);
}
.priority-high {
  color: var(--error-color);
}
#preview-link-comment-detail {
  margin: 0;
}
#preview-link-comment-detail .content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
#preview-link-comment-detail .content .details-content-header {
  display: flex;
  gap: 2rem;
}
#preview-link-comment-detail .content .details-content-header .details-content-header-info {
  flex: 3;
}
#preview-link-comment-detail .content .details-content-header .details-content-header-info .details-header {
  margin-bottom: .5rem;
}
#preview-link-comment-detail .content .details-content-header .details-content-header-info .details-header h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--secondary-text-color);
}
#preview-link-comment-detail .content .details-content-header .details-content-header-info .more-info-comment {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
#preview-link-comment-detail .content .details-content-header .details-content-header-info .more-info-comment .info-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
}
#preview-link-comment-detail .content .details-content-header .details-content-header-info .more-info-comment .info-row .user-info {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
#preview-link-comment-detail .content .details-content-header .details-content-header-info .more-info-comment .info-row .user-info mt-avatar {
  flex-shrink: 0;
}
#preview-link-comment-detail .content .details-content-header .details-content-header-info .more-info-comment .info-row .user-info .text-container {
  display: flex;
  flex-direction: column;
}
#preview-link-comment-detail .content .details-content-header .details-content-header-info .more-info-comment .info-row .user-info .text-container .name {
  font-weight: 700;
  color: var(--primary-text-color);
}
#preview-link-comment-detail .content .details-content-header .details-content-header-info .more-info-comment .info-row .user-info .text-container .date-added {
  font-size: .875rem;
  color: var(--tertiary-text-color);
}
#preview-link-comment-detail .content .details-content-header .details-content-header-info .more-info-comment .info-row .fields {
  display: flex;
  gap: 1.5rem;
  flex: 1;
  justify-content: flex-end;
  flex-wrap: wrap;
  min-width: 300px;
}
#preview-link-comment-detail .content .details-content-header .details-content-header-info .more-info-comment .info-row .fields .field-group {
  display: flex;
  flex-direction: column;
  min-width: 12rem;
}
#preview-link-comment-detail .content .details-content-header .details-content-header-info .more-info-comment .info-row .fields .field-group label {
  display: block;
  margin-bottom: .5rem;
  font-size: .875rem;
  color: var(--tertiary-text-color);
}
#preview-link-comment-detail .content .details-content-header .details-content-header-info .more-info-comment .info-row .fields .field-group input {
  width: 100%;
}
#preview-link-comment-detail .content .details-content-header .details-content-header-info .more-info-comment .description {
  color: var(--secondary-text-color);
  line-height: 1.5;
  word-break: break-word;
  max-width: 100%;
  overflow-wrap: break-word;
}
#preview-link-comment-detail .content .details-content-header .default-thumbnail {
  flex: 1;
  width: 300px;
  height: 200px;
  border-radius: 5px;
  overflow: hidden;
}
#preview-link-comment-detail .content .details-content-header .default-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}
#preview-link-comment-detail .content .details-content-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 500px;
}
#preview-link-comment-detail .content .details-content-body .status-change-detail label {
  display: block;
  margin-bottom: .5rem;
  color: var(--tertiary-text-color);
}
#preview-link-comment-detail .content .details-content-body .status-change-detail .textarea-container {
  position: relative;
}
#preview-link-comment-detail .content .details-content-body .status-change-detail .textarea-container textarea {
  width: 100%;
  min-height: 100px;
  background-color: var(--tertiary-background-color);
  padding: 1rem;
  padding-bottom: 3rem;
}
#preview-link-comment-detail .content .details-content-body .status-change-detail .textarea-container .submit-status-change {
  position: absolute;
  bottom: 1rem;
  right: .75rem;
  min-width: 6rem;
  height: 2rem;
}
#preview-link-comment-detail .content .details-content-body .comment-updates {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--primary-border-color);
  padding-top: 1rem;
  overflow: auto;
}
#preview-link-comment-detail .content .details-content-body .comment-updates svg {
  display: inline;
  margin-right: .5rem;
}
#preview-link-comment-detail .content .details-content-body .comment-updates b {
  font-weight: bold;
}
#preview-link-comment-detail .content .details-content-body .comment-updates b.update-status[class*=RequiresChanges] {
  color: var(--status-pending-order-color);
}
#preview-link-comment-detail .content .details-content-body .comment-updates b.update-status[class*=NeedsDiscussion] {
  color: var(--status-training-required-color);
}
#preview-link-comment-detail .content .details-content-body .comment-updates b.update-status[class*=ReadyForReview] {
  color: var(--status-in-progress-color);
}
#preview-link-comment-detail .content .details-content-body .comment-updates b.update-status[class*=Resolved] {
  color: var(--status-complete-color);
}
#preview-link-comment-detail .content .details-content-body .comment-updates p {
  color: var(--secondary-text-color);
  margin-bottom: 1rem;
}
#preview-link-comment-detail .content .details-content-body .comment-updates .status-container {
  display: flex;
  flex-direction: column;
}
#preview-link-comment-detail .content .details-content-body .comment-updates .status-container .status-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#preview-link-comment-detail .content .details-content-body .comment-updates .status-container .status-title span {
  color: var(--tertiary-text-color);
}
@media screen and (max-width: 768px) {
  #preview-link-comment-detail .content .details-content-header {
    flex-direction: column;
  }
  #preview-link-comment-detail .content .details-content-header .details-content-header-info .more-info-comment .info-row .fields {
    width: 100%;
    justify-content: flex-start;
  }
  #preview-link-comment-detail .content .details-content-header .details-content-header-info .more-info-comment .info-row .fields .field-group {
    flex: 1;
    min-width: 150px;
  }
  #preview-link-comment-detail .content .details-content-header .default-thumbnail {
    display: none;
  }
}
#preview-link-comment-bulk-edit {
  display: flex;
  flex-direction: column;
  margin: 0;
}
#preview-link-comment-bulk-edit .content {
  display: flex;
  flex-direction: column;
  padding: 2rem 0rem;
  grid-row-gap: 0rem;
  gap: 1rem;
}
#preview-link-comment-bulk-edit .content .selection {
  display: flex;
  flex-direction: column;
}
.vw-75 {
  width: 75vw;
}
.vh-75 {
  height: 75vh;
}
.ml-1 {
  margin-left: 1rem;
}
.align-items-center {
  align-items: center;
}
.hotspot-editor .buttons {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin-top: 12px;
}
.hotspot-editor input[type=checkbox] {
  width: auto;
  margin-right: 8px;
}
.import-data-modal-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.import-data-modal-content .upload {
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 16px;
  background-color: var(--secondary-background-color);
  border: 1px solid var(--primary-border-color);
  border-radius: 5px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.interactive-image-preview {
  position: relative;
}
.interactive-image-preview .hotspots {
  position: relative;
  z-index: 6;
}
.interactive-image-preview .hotspots img {
  position: relative;
  z-index: 5;
  max-height: 100%;
  height: auto;
}
.interactive-image-preview .hotspots img.placing {
  cursor: crosshair;
}
.interactive-image-preview .hotspots .hotspot {
  position: absolute;
  display: flex;
  max-width: 100px;
  max-height: 100px;
  min-width: 27px;
  min-height: 27px;
  text-align: center;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  cursor: pointer;
  border-radius: 27px;
  border: 1px solid #d6d6d6;
  box-shadow: 0 0 15px 0 rgba(0,0,0,.5);
  color: #2c3037;
  font-family: "Nunito";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  z-index: 7;
  transform: translate(-50%, -50%);
}
.interactive-image-preview .hotspots .hotspot.primary {
  background-color: var(--mt-primary-color);
}
.interactive-image-preview .hotspots .hotspot.secondary {
  background-color: var(--primary-color);
}
.interactive-image-preview .hotspots .hotspot.secondary:hover {
  padding: .25rem;
  outline: 3px solid #d6d6d6;
}
.interactive-image-preview .hotspots .hotspot.highlighted {
  box-shadow: 0 0 30px 0 rgba(0,0,0,.7);
}
.interactive-image-preview .hotspots .hotspot.movable {
  border: 2px dashed #fff;
  background: rgba(0,219,154,.5);
  cursor: grabbing !important;
  cursor: move !important;
}
.interactive-image-preview .hotspots .hotspot img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.interactive-image-modal {
  min-width: 75vw !important;
  min-height: 80vh;
  max-height: 80vh;
  overflow: hidden;
}
.interactive-image-modal .top-controls {
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.interactive-image-modal .top-controls .import-data-button .icon {
  width: 24px;
  height: 24px;
}
.interactive-image-modal .top-controls .insert-column-row-button .icon {
  width: 12px;
  height: 12px;
}
.interactive-image-modal .top-controls button .icon {
  margin-right: 8px;
}
.interactive-image-modal .top-controls .search-box {
  position: relative;
  width: 400px;
}
.interactive-image-modal .top-controls .search-box .icon {
  z-index: 5;
}
.interactive-image-modal .top-controls .search-box input {
  width: 100%;
  height: 100%;
  border: 1px solid var(--primary-border-color);
  border-radius: 5px;
  background-color: var(--primary-background-color);
  color: var(--primary-text-color);
  padding-left: 3rem;
}
.interactive-image-modal .interactive-image-modal-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.interactive-image-modal .interactive-image-modal-content .image-selection-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.interactive-image-modal .interactive-image-modal-content .interactive-image-builder {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.interactive-image-modal .interactive-image-modal-content .modal-header {
  justify-content: space-between;
  align-items: center;
}
.interactive-image-modal .interactive-image-modal-content .modal-header .title-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.interactive-image-modal .interactive-image-modal-content .modal-header .step-bar-container {
  width: 250px;
  display: inline-block;
  padding: 0 2rem;
}
.interactive-image-modal .interactive-image-modal-content .table-container {
  display: flex;
  flex: 1;
  min-height: 0;
  gap: 1rem;
  margin-bottom: 1rem;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane {
  min-width: 50%;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .tabulator-col-title-holder {
  width: 100%;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .tabulator-col-title {
  width: 100%;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .tabulator-col-content {
  background-color: var(--font-colors-inverse);
  color: var(--secondary-text-color);
  height: 4rem !important;
  display: flex;
  align-items: center;
  border: none;
  padding-left: .5rem;
  font-size: 1.2rem;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .tabulator-col {
  height: 4rem !important;
  border: none !important;
  border-right: 1px solid var(--divider-divider) !important;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .tabulator-col:last-child {
  border-right: none !important;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .tabulator-cell {
  background-color: var(--secondary-background-color);
  color: var(--primary-text-color);
  border-right: solid 1px var(--divider-divider);
  border-bottom: solid 1px var(--divider-divider);
  align-content: center;
  overflow: visible !important;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .tabulator-cell div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: visible !important;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .tabulator-tableholder {
  background-color: var(--secondary-background-color);
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .tabulator .tabulator-header {
  border-bottom: 1px solid var(--divider-divider);
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .tabulator .tabulator-header .tabulator-col,.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .tabulator {
  border: solid 1px var(--divider-divider);
  transform: inherit !important;
  -webkit-transform: inherit !important;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .tabulator-cell input[type=text] {
  border: 1px solid var(--primary-color);
  border-radius: .5rem;
  width: 100%;
  height: 100% !important;
  padding-left: .5rem !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .column-name-input {
  border: 1px solid var(--divider-divider);
  border-radius: .5rem;
  width: 100%;
  height: 3rem;
  padding-left: .5rem;
  display: flex;
  align-items: center;
  cursor: text;
  background-color: var(--secondary-background-color);
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .tabulator-cell select {
  border: 1px solid var(--divider-divider);
  border-radius: .5rem;
  width: 100%;
  height: 3rem !important;
  padding-left: .5rem !important;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .tabulator-row {
  height: 33px;
  overflow: visible !important;
  z-index: 1;
  position: initial !important;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .tabulator-cell {
  height: 33px;
  padding: 0;
  padding-left: .5rem;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .tabulator-row .tabulator-cell.tabulator-editing {
  border: none;
  border-bottom: 1px solid var(--divider-divider);
  border-right: 1px solid var(--divider-divider);
  padding-left: 0;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .tabulator-col-title {
  max-height: 36px;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .tabulator-header-contents {
  background-color: var(--font-colors-inverse);
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-id-column {
  background-color: var(--font-colors-inverse);
  max-width: 84px;
  justify-content: center;
  color: var(--tertiary-text-color);
  padding: 4px 2px 4px 8px;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-id-column .tabulator-col-content {
  display: flex;
  align-items: center;
  vertical-align: middle;
  flex-basis: middle;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-id-column .tabulator-col-title {
  text-align: center;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-id-column .tabulator-col-title svg {
  stroke-width: 1px;
  stroke: var(--icon-icon-secondary);
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table-id {
  display: flex;
  line-height: 18px;
  flex-direction: row;
  width: 100%;
  height: 18px;
  justify-content: space-between;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table-id .edit-icon {
  display: inline-block;
  align-items: center;
  position: relative;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table-id .edit-icon.active svg path {
  stroke: var(--primary-color);
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table-id .edit-icon svg {
  width: 100%;
  height: 100%;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table-id .edit-icon svg path {
  stroke: var(--icon-icon-secondary);
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table-id .pin-icon {
  display: inline-block;
  align-items: center;
  position: relative;
  cursor: pointer;
  width: 18px;
  height: 18px;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table-id .pin-icon svg {
  width: 100%;
  height: 100%;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table-id .pin-icon svg path {
  stroke: var(--icon-icon-secondary);
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table-id .pin-icon.placed svg path {
  stroke: var(--primary-color);
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table-id .pin-icon.placed::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  background: var(--primary-color);
  transform: translateY(-50%) rotate(30deg);
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table-id .buttons.single-button button {
  flex-grow: 1;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table tr.highlighted td {
  background-color: var(--primary-color);
  color: var(--primary-background-color);
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table th {
  color: #d6d6d6;
  border: 1px solid var(--primary-border-color);
  font-family: "Nunito Sans",sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table th>div {
  display: flex;
  padding: 10px 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table th.id-field {
  text-align: center;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table td {
  border: 1px solid var(--primary-border-color);
  background-color: var(--secondary-background-color);
  color: #d6d6d6;
  font-family: "Nunito";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table td>div {
  display: flex;
  padding: 10px 12px;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table td.id-field {
  background-color: var(--primary-background-color);
  color: #707070;
  font-family: "Nunito";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
}
.interactive-image-modal .interactive-image-modal-content .table-container .table-pane .hotspot-table td.id-field .id-and-pin {
  display: flex;
  flex-direction: row;
}
.interactive-image-modal .interactive-image-modal-content .image-pane {
  position: relative;
  width: 50%;
}
.interactive-image-modal .interactive-image-modal-content .image-pane .replace-image-button {
  position: absolute;
  top: 13.5px;
  right: 15px;
  z-index: 10;
}
.interactive-image-modal .interactive-image-modal-content .hotspot-finder {
  position: relative;
  overflow: auto;
}
.interactive-image-modal .interactive-image-modal-content .hotspot-finder .interactive-image-preview {
  width: 100%;
  height: 100%;
  max-width: 33vw;
  max-height: 75vh !important;
  z-index: 5;
  position: relative;
}
.interactive-image-modal .interactive-image-modal-content .hotspot-finder .hotspots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
}
.interactive-image-modal .interactive-image-modal-content .hotspot-finder .hotspots .hotspot {
  position: absolute;
  transform: translate(-50%, -50%);
}
.interactive-image-modal .interactive-image-modal-content .hotspot-finder .hotspots img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.interactive-image-modal .interactive-image-modal-content .modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.interactive-image-modal .interactive-image-modal-content .modal-footer .pager {
  justify-content: flex-start;
  display: flex;
  flex-grow: 1;
  gap: 1rem;
}
.interactive-image-modal .interactive-image-modal-content .modal-footer .pager button {
  min-width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--secondary-background-color);
  border: 1px solid var(--primary-border-color);
  border-radius: 5px;
  font-size: 16px;
}
.interactive-image-modal .interactive-image-modal-content .modal-footer .pager button.active {
  background-color: var(--primary-background-color);
  border: 1px solid var(--primary-color);
}
.interactive-image-modal .interactive-image-modal-content .modal-footer .buttons {
  justify-content: flex-end;
  display: flex;
  gap: 1rem;
}
#form-builder-page {
  overflow: hidden !important;
  display: flex;
  flex-direction: column;
  height: 100%;
}
#form-builder-page .text-link {
  color: var(--primary-color);
  text-decoration: underline;
}
#form-builder-page .rich-text-input {
  min-height: 2rem;
}
#form-builder-page .signature-input {
  min-height: 2rem;
  font-size: 14px;
}
#form-builder-page .signature-input .designer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--tertiary-text-color);
}
#form-builder-page .signature-input .designer-content .icon {
  width: 52px;
  height: 52px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary-text-color);
}
#form-builder-page .signature-input .designer-content .icon svg {
  width: 32px;
  height: 32px;
  fill: var(--primary-text-color);
}
#form-builder-page .rich-text-field .image-node-editable img,#form-builder-page .rich-text-field .image-node img {
  display: inline;
}
#form-builder-page .rich-text-field .designer-content {
  border: 1px solid var(--primary-border-color);
  border-radius: 5px;
  background-color: var(--secondary-background-color);
  margin: .5rem 0;
}
#form-builder-page .rich-text-field .designer-content [contenteditable=true] {
  outline: none;
}
#form-builder-page .rich-text-field .designer-content .content-editable {
  background-color: var(--primary-background-color);
  border-top: 1px solid var(--primary-border-color);
  min-height: 25vh;
  padding: .5rem;
  overflow: auto;
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
#form-builder-page .rich-text-field .designer-content .toolbar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: .5rem;
  padding: .5rem;
}
#form-builder-page .rich-text-field .designer-content .toolbar-divider {
  height: 24px;
  border-left: 1px solid var(--primary-border-color);
  margin: 5px .5rem;
}
#form-builder-page .rich-text-field .designer-content .toolbar-control {
  width: 32px;
  height: 32px;
  align-self: center;
}
#form-builder-page .rich-text-field .designer-content input.toolbar-input {
  width: 64px;
}
#form-builder-page .rich-text-field .designer-content .toolbar-icon {
  height: 32px;
  width: auto;
  padding: 5px;
  margin-top: auto;
  margin-bottom: auto;
}
#form-builder-page .rich-text-field .designer-content .toolbar-icon:hover {
  background-color: var(--secondary-background-color-hover);
  border-radius: 5px;
}
#form-builder-page .rich-text-field .designer-content .toolbar-icon.active {
  background-color: var(--primary-background-color);
  border-radius: 5px;
  border: 1px solid var(--primary-border-color);
}
#form-builder-page .lexical-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 1rem 0;
  border-radius: 5px;
  overflow: hidden;
  table-layout: fixed;
}
#form-builder-page .lexical-table th {
  background-color: var(--secondary-background-color);
  color: var(--primary-text-color);
  padding: .5rem;
  text-align: left;
  font-weight: bold;
}
#form-builder-page .lexical-table td {
  padding: .5rem;
  border: 1px dotted var(--primary-border-color);
}
#form-builder-page .list-ul {
  list-style: disc;
  margin-left: 2rem;
}
#form-builder-page .list-ol {
  list-style: decimal;
  margin-left: 2rem;
}
#form-builder-page .text-bold {
  font-weight: bold;
}
#form-builder-page .text-italic {
  font-style: italic;
}
#form-builder-page .text-underline {
  text-decoration: underline;
}
#form-builder-page .details-header {
  display: flex;
  justify-content: space-between;
}
#form-builder-page .details-header .details-header-left,#form-builder-page .details-header .details-header-buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
}
#form-builder-page .details-block,#form-builder-page .details-content {
  flex: 1 1 auto;
  min-height: 0;
}
#form-builder-page .tab {
  min-width: 150px;
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  margin-right: 0;
}
#form-builder-page .form-elements h4 {
  color: var(--secondary-text-color);
  font-family: "Nunito Sans",sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
#form-builder-page .form-elements .collapsible-designer-widget {
  display: flexbox;
  width: 100%;
  margin-top: 1rem;
}
#form-builder-page .form-elements .collapsible-designer-widget .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-bottom: .5rem;
  cursor: pointer;
}
#form-builder-page .form-elements .collapsible-designer-widget .header .title-bar {
  flex-grow: 1;
}
#form-builder-page .form-elements .collapsible-designer-widget .header .title-bar div.sidebar-heading {
  font-family: "Nunito Sans",sans-serif;
  font-weight: 400;
  color: var(--secondary-border-color);
}
#form-builder-page .form-elements .collapsible-designer-widget .header .title-bar svg {
  width: 9px;
  height: auto;
  margin: 5px;
}
#form-builder-page .form-elements .collapsible-designer-widget .header .collapse-button {
  padding-right: 5px;
}
#form-builder-page .form-elements .collapsible-designer-widget hr {
  margin-top: .5rem;
  border: .5px solid var(--secondary-background-color);
}
#form-builder-page .designer-element-overlay button {
  min-width: 150px;
  height: 37px;
  gap: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--secondary-background-color);
  border: 1px solid var(--primary-border-color);
  cursor: grab;
  border-radius: 5px;
}
#form-builder-page .designer-element-overlay button p {
  text-wrap: nowrap;
}
#form-builder-page .content-container {
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  margin-top: 1rem;
}
#form-builder-page .content-container #form-builder {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#form-builder-page .content-container #form-builder .droppable-active {
  background-color: var(--primary-background-color);
}
#form-builder-page .content-container #form-builder .droppable-over {
  background-color: var(--secondary-background-color);
}
#form-builder-page .content-container #form-builder .droppable-over.above {
  border-top: 1px dashed var(--primary-color-hover);
}
#form-builder-page .content-container #form-builder .droppable-over.below {
  border-bottom: 1px dashed var(--primary-color-hover);
}
#form-builder-page .content-container #form-builder .droppable-over.on {
  border: 1px dashed var(--primary-color-hover);
}
#form-builder-page .content-container #form-builder .form-section-tabs {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid var(--primary-border-color);
  flex: 0 0 auto;
}
#form-builder-page .content-container #form-builder .form-section-tabs .tab {
  display: flex;
  align-items: center;
  gap: .5rem;
  justify-content: center;
  margin-top: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  width: 20rem;
}
#form-builder-page .content-container #form-builder .form-section-tabs.subsections {
  border-bottom: none;
}
#form-builder-page .content-container #form-builder .form-section-tabs.subsections .tab {
  padding-top: 5;
}
#form-builder-page .content-container #form-builder .form-section-tabs nav {
  flex: 1 1 0;
  overflow: auto hidden;
  border: none;
  flex-wrap: nowrap;
  width: 1px;
}
#form-builder-page .content-container #form-builder .sort-zone {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#form-builder-page .content-container #form-builder .designer-container {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex: 1 1 auto;
  overflow: auto;
  padding-top: 1rem;
}
#form-builder-page .content-container #form-builder .designer-container button:hover svg path {
  stroke: var(--primary-text-color);
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar {
  background-color: var(--primary-background-color);
  position: sticky;
  top: 0;
  height: 100%;
  width: 380px;
  min-width: 380px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: .5rem;
  padding: 16px;
  overflow: hidden auto;
  border: none;
  border-radius: 5px;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .form-elements {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .form-elements .sidebar-buttons-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  border-bottom: 1px solid var(--primary-background-color);
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .form-elements .sidebar-btn {
  width: 100%;
  height: 37px;
  gap: 5px;
  display: flex;
  padding: 0;
  justify-content: flex-start;
  background-color: var(--secondary-background-color);
  border: 1px solid var(--primary-border-color);
  cursor: grab;
  align-items: center;
  border-radius: 5px;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .form-elements .sidebar-btn svg {
  margin-left: 10px;
  margin-right: 4px;
  min-height: 15px;
  width: auto;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .form-elements .sidebar-btn svg[data-icon=xplorer],#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .form-elements .sidebar-btn svg[viewBox="0 0 31 18"] {
  min-height: 20px;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .form-elements .sidebar-btn p {
  font-family: "Nunito",sans-serif;
  font-weight: 400;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 16px;
  font-size: 14px;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .form-elements .sidebar-btn.dragging {
  opacity: .3;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .form-elements .sidebar-btn:hover {
  color: var(--primary-text-color);
  background-color: var(--secondary-background-color);
  border: 1px solid var(--primary-border-color);
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form {
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex: 1;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-tabs {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--tertiary-text-color);
  flex: 0 0 auto;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-tabs .tab {
  display: flex;
  align-items: center;
  gap: .5rem;
  justify-content: center;
  margin-top: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  min-width: 1rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-tabs .tab.active {
  border-bottom: 3px solid var(--primary-color);
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-tabs nav {
  flex: 1 1 0;
  overflow: auto hidden;
  border: none;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .form-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: .8rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .form-header .close-btn {
  cursor: pointer;
  font-size: larger;
  color: var(--primary-text-color);
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .form-header .close-btn:hover {
  opacity: .7;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding-right: .5rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component input:not([type=checkbox]) {
  width: 100%;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component.display-table-field .column-properties-content {
  padding-bottom: 1rem;
  padding-top: 1rem;
  padding-left: .5rem;
  padding-right: .5rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component.display-table-field .column-width-type-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-2xs);
  position: absolute;
  right: 8px;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component.display-table-field .column-width-type-buttons button {
  display: flex;
  height: var(--spacing-md);
  padding: 0 var(--spacing-3xs);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-3xs);
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component.display-table-field .plus-minus-input {
  gap: 12px;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component.display-table-field .plus-minus-input button {
  border-radius: var(--corner-radius-sm);
  border: .5px solid var(--icon-icon-secondary);
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component.display-table-field .plus-minus-input button .icon {
  min-width: 16px;
  min-height: 16px;
  width: 16px;
  height: 16px;
  margin: 0 auto;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component.display-table-field .plus-minus-input input {
  text-align: center;
  width: 64px;
  border: 1px solid var(--icon-icon-secondary);
  border-radius: var(--corner-radius-sm);
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component.display-table-field .plus-minus-input input[type=number]::-webkit-inner-spin-button,#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component.display-table-field .plus-minus-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component.display-table-field .select-container-wrapper .selected-name {
  color: var(--font-colors-field-placeholder, #758395);
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component.display-table-field input,#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component.display-table-field textarea {
  color: var(--font-colors-field-placeholder);
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component.display-table-field .label,#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component.display-table-field label {
  color: var(--font-colors-Label-Description);
  font-size: var(--font-size-2xs);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-units-xs);
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component.display-table-field .column-properties .column-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .5rem;
  background-color: var(--environment-env-tab-1-selected);
  padding: .5rem;
  line-height: 20px;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component.display-table-field .column-properties .column-header .title {
  font-family: "Nunito",sans-serif;
  font-weight: 400;
  line-height: 16px;
  font-size: 14px;
  line-height: 20px;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component.display-table-field .column-properties .column-header .lefthand {
  display: flex;
  flex-direction: row;
  align-items: center;
  vertical-align: middle;
  gap: .5rem;
  line-height: 20px;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .properties-component.display-table-field .column-properties .column-header .righthand {
  display: flex;
  flex-direction: row;
  align-items: center;
  vertical-align: middle;
  margin-left: auto;
  gap: .5rem;
  line-height: 20px;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .form-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  padding-top: 1rem;
  flex: 1;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .form-content label,#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .form-content p {
  line-height: normal;
  color: var(--secondary-border-color);
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .form-content .input-field {
  display: flex;
  flex-direction: column;
  gap: .3rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .form-content .input-field textarea::-webkit-resizer {
  background-color: var(--primary-background-color);
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .form-content .required-field {
  display: flex;
  gap: 1rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .form-content .required-field label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .form-content .helper-text {
  font-size: .9rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer-sidebar .properties-form .form-content .error-text {
  color: var(--error-color);
}
#form-builder-page .content-container #form-builder .designer-container .designer {
  width: 100%;
  background-color: var(--primary-background-color);
  border-radius: 5px;
  padding: 16px;
  height: -moz-fit-content;
  height: fit-content;
}
#form-builder-page .content-container #form-builder .designer-container .designer .toplevel.drop-zone {
  margin: 0;
  padding: 0;
  border: 1px solid var(--primary-background-color);
  padding-bottom: 50px;
}
#form-builder-page .content-container #form-builder .designer-container .designer .drop-zone {
  margin: 5px;
  background-color: var(--tertiary-background-color);
}
#form-builder-page .content-container #form-builder .designer-container .designer .drop-zone.isOver {
  border: 1px dotted var(--primary-color-hover);
}
#form-builder-page .content-container #form-builder .designer-container .designer .drop-zone.isOver .dnd-text {
  border: none;
}
#form-builder-page .content-container #form-builder .designer-container .designer .drop-zone .dnd-text {
  margin: 1rem;
  padding: 1rem;
  text-align: center;
  color: var(--secondary-text-color);
  border: 1px dashed var(--primary-border-color);
}
#form-builder-page .content-container #form-builder .designer-container .designer .drop-zone .dnd-text.isOver {
  border: 1px dotted var(--primary-color-hover);
}
#form-builder-page .content-container #form-builder .designer-container .designer .dots-button svg {
  width: 1rem;
  height: 1rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element:hover {
  background-color: var(--secondary-background-color);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element {
  padding-top: .75rem;
  padding-bottom: .75rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element.PageField {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 2rem;
  border-radius: .3rem;
  border: 1px solid var(--primary-border-color);
  cursor: default;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element.PageField .title-bar,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element.ListField .title-bar,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element.InfoBoxField .title-bar {
  padding-top: 0;
  padding-bottom: 0;
  margin-left: .25rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element.PageField .drop-zone,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element.ListField .drop-zone,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element.InfoBoxField .drop-zone {
  margin: 0;
  padding: 0;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element.ListField,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element.InfoBoxField {
  margin-top: .5rem;
  padding-top: 0;
  padding-bottom: 0;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element.selected {
  border: 1px solid var(--secondary-border-color);
  border-radius: .3rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component:not(:hover) .drag-handle {
  display: none;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component:not(:hover) .context-menu {
  display: none;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component:not(:hover)>.designer-content {
  margin-right: 25px;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component:not(:hover).interactive-image-field>.designer-content {
  margin-right: 25px;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component:not(:hover).page-field>.designer-content,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component:not(:hover).list-field>.designer-content,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component:not(:hover).info-box-field>.designer-content,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component:not(:hover).image-field>.designer-content {
  margin-right: 25px;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component:not(:hover).table-field>.designer-content {
  margin-right: 25px;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component:not(:hover).table-field table>tbody>tr>td {
  border: 1px dotted var(--primary-border-color);
  border-collapse: collapse;
  vertical-align: top;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component:not(:hover).table-field table.bordered>tbody>tr>td {
  border: 1px solid var(--primary-border-color);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component:hover>.designer-icon {
  display: none;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component .designer-icon {
  margin: .25rem;
  width: 1.5rem;
  min-width: 1.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
  min-height: 1rem;
  color: var(--primary-text-color);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component .drag-handle {
  margin: .25rem;
  width: 1.5rem;
  min-width: 1.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
  min-height: 1rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component .designer-content {
  flex-grow: 1;
  min-height: 1rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component .context-menu {
  width: 25px;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component label {
  display: block;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.list-field {
  align-items: start;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.anchor-link-field .designer-content {
  min-height: 2rem;
  line-height: 2rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.anchor-link-field .designer-content a {
  color: var(--primary-color);
  text-decoration: underline;
  cursor: pointer;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.info-box-field {
  align-items: start;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.info-box-field>.drag-handle:first-child {
  width: 2rem;
  height: 2rem;
  margin-left: .7rem;
  margin-right: .7rem;
  margin-top: .7rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.info-box-field .context-menu:last-child {
  margin-top: 5px;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.info-box-field>svg.designer-icon {
  width: 2rem;
  height: 2rem;
  margin-top: .7rem;
  margin-left: .7rem;
  margin-right: .7rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.info-box-field>svg.designer-icon path {
  stroke: var(--primary-text-color);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.info-box-field.info-box-info {
  border-radius: 3px;
  border: 1px solid var(--status-status-in-progress);
  background: var(--note-content-background);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.info-box-field.info-box-danger {
  border-radius: 3px;
  border: 1px solid var(--status-status-training-req);
  background: var(--danger-content-background);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.info-box-field.info-box-warning {
  border-radius: 3px;
  border: 1px solid var(--status-status-pending-review);
  background: var(--warning-content-background);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.info-box-field.info-box-caution {
  border-radius: 3px;
  border: 1px solid var(--status-status-pending-order);
  background: var(--caution-content-background);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.info-box-field .info-box-title {
  margin: 1rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table>tbody>tr>td,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table>tbody>tr>th {
  border: 1px dotted var(--primary-border-color);
  border-collapse: collapse;
  vertical-align: top;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table.bordered>tbody>tr>td,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table.bordered>tbody>tr>th {
  border: 1px solid var(--primary-border-color);
  border-collapse: collapse;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table {
  table-layout: fixed;
  width: 100%;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th.accent-purple,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th.accent-purple {
  color: var(--primary-text-color);
  background-color: var(--tc-primary-color);
  border-left: 1px solid var(--divider-divider);
  border-right: 1px solid var(--divider-divider);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th.accent-dark,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th.accent-dark {
  color: var(--primary-text-color);
  background-color: var(--alt-background-color);
  border-left: 1px solid var(--divider-divider);
  border-right: 1px solid var(--divider-divider);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th.accent-none,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th.accent-none {
  color: var(--primary-text-color);
  background-color: var(--primary-background-color);
  border-left: 1px solid var(--divider-divider);
  border-right: 1px solid var(--divider-divider);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  flex-wrap: wrap;
  text-overflow: wrap;
  white-space: wrap;
  word-break: break-word;
  word-wrap: break-word;
  padding: 8px;
  height: 3rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th[rowspan="2"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th[rowspan="2"] {
  height: calc(3rem*2);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th[rowspan="3"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th[rowspan="3"] {
  height: calc(3rem*3);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th[rowspan="4"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th[rowspan="4"] {
  height: calc(3rem*4);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th[rowspan="5"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th[rowspan="5"] {
  height: calc(3rem*5);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th[rowspan="6"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th[rowspan="6"] {
  height: calc(3rem*6);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th[rowspan="7"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th[rowspan="7"] {
  height: calc(3rem*7);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th[rowspan="8"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th[rowspan="8"] {
  height: calc(3rem*8);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th[rowspan="9"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th[rowspan="9"] {
  height: calc(3rem*9);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th[rowspan="10"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th[rowspan="10"] {
  height: calc(3rem*10);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th[rowspan="11"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th[rowspan="11"] {
  height: calc(3rem*11);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th[rowspan="12"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th[rowspan="12"] {
  height: calc(3rem*12);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th[rowspan="13"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th[rowspan="13"] {
  height: calc(3rem*13);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th[rowspan="14"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th[rowspan="14"] {
  height: calc(3rem*14);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th[rowspan="15"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th[rowspan="15"] {
  height: calc(3rem*15);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th[rowspan="16"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th[rowspan="16"] {
  height: calc(3rem*16);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th[rowspan="17"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th[rowspan="17"] {
  height: calc(3rem*17);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th[rowspan="18"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th[rowspan="18"] {
  height: calc(3rem*18);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th[rowspan="19"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th[rowspan="19"] {
  height: calc(3rem*19);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table th[rowspan="20"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table th[rowspan="20"] {
  height: calc(3rem*20);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td {
  padding: 8px;
  line-height: 12px;
  font-style: normal;
  font-weight: 400;
  flex-wrap: wrap;
  text-overflow: wrap;
  white-space: wrap;
  word-break: break-word;
  word-wrap: break-word;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td *,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td * {
  flex-wrap: wrap;
  text-overflow: initial;
  white-space: wrap;
  word-break: break-word;
  word-wrap: break-word;
  min-width: 0;
  max-width: 100%;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td .workcard-field #MT-button,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td .workcard-field #MT-button {
  min-width: 0;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td {
  height: 3rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td[rowspan="2"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td[rowspan="2"] {
  height: calc(3rem*2);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td[rowspan="3"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td[rowspan="3"] {
  height: calc(3rem*3);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td[rowspan="4"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td[rowspan="4"] {
  height: calc(3rem*4);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td[rowspan="5"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td[rowspan="5"] {
  height: calc(3rem*5);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td[rowspan="6"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td[rowspan="6"] {
  height: calc(3rem*6);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td[rowspan="7"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td[rowspan="7"] {
  height: calc(3rem*7);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td[rowspan="8"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td[rowspan="8"] {
  height: calc(3rem*8);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td[rowspan="9"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td[rowspan="9"] {
  height: calc(3rem*9);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td[rowspan="10"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td[rowspan="10"] {
  height: calc(3rem*10);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td[rowspan="11"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td[rowspan="11"] {
  height: calc(3rem*11);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td[rowspan="12"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td[rowspan="12"] {
  height: calc(3rem*12);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td[rowspan="13"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td[rowspan="13"] {
  height: calc(3rem*13);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td[rowspan="14"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td[rowspan="14"] {
  height: calc(3rem*14);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td[rowspan="15"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td[rowspan="15"] {
  height: calc(3rem*15);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td[rowspan="16"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td[rowspan="16"] {
  height: calc(3rem*16);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td[rowspan="17"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td[rowspan="17"] {
  height: calc(3rem*17);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td[rowspan="18"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td[rowspan="18"] {
  height: calc(3rem*18);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td[rowspan="19"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td[rowspan="19"] {
  height: calc(3rem*19);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td[rowspan="20"],#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td[rowspan="20"] {
  height: calc(3rem*20);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td .drag-handle,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td .designer-icon,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field table td .dots-button,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td .drag-handle,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td .designer-icon,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field table td .dots-button {
  display: none;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field caption,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field caption {
  text-align: center;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--primary-text-color);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 8px;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field caption.accent-purple,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field caption.accent-purple {
  background-color: var(--tc-primary-color);
  border: 1px solid var(--divider-divider);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field caption.accent-dark,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field caption.accent-dark {
  background-color: var(--alt-background-color);
  border: 1px solid var(--divider-divider);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field caption.accent-none,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field caption.accent-none {
  background-color: rgba(0,0,0,0);
  border: 1px solid var(--divider-divider);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field td fieldset,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field td fieldset {
  padding-top: 0;
  padding-bottom: 0;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field td fieldset .designer-content,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field td fieldset .designer-content {
  margin-right: 0 !important;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field td .description-field p,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field td .description-field p {
  margin: 0 0;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field td .text-input input,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field td .text-input input {
  margin-top: 8px;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field td .paragraph-field textarea,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field td .paragraph-field textarea {
  margin-top: 8px;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field td .selectable-options-input fieldset,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field td .selectable-options-input fieldset {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field td .selectable-options-input fieldset legend,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field td .selectable-options-input fieldset legend {
  margin-bottom: 12px;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field td .selectable-options-input fieldset .flex-row,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field td .selectable-options-input fieldset .flex-row {
  flex-wrap: nowrap;
  align-items: center;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field td .checkbox-input .designer-content label,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field td .checkbox-input .designer-content label {
  margin: 0 0;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field th.accent-purple,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field th.accent-purple {
  color: var(--font-colors-inverse);
  background-color: var(--tc-primary-color);
  border-left: 1px solid var(--divider-divider);
  border-right: 1px solid var(--divider-divider);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field th.accent-dark,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field th.accent-dark {
  color: var(--font-colors-inverse);
  background-color: var(--alt-background-color);
  border-left: 1px solid var(--divider-divider);
  border-right: 1px solid var(--divider-divider);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field th.accent-none,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field th.accent-none {
  color: var(--primary-text-color);
  background-color: rgba(0,0,0,0);
  border-left: 1px solid var(--divider-divider);
  border-right: 1px solid var(--divider-divider);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field .column-heading-placeholder,#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.display-table-field .column-heading-placeholder {
  padding: 0;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field:hover table>tbody>tr>td {
  border: 1px dotted var(--primary-border-color);
  border-collapse: collapse;
  vertical-align: top;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.table-field:hover table.bordered>tbody>tr>td {
  border: 1px solid var(--divider-divider);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.list-field:hover {
  align-items: center;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.info-box-field:hover {
  align-items: center;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.info-box-field:hover .drag-handle:first-child {
  margin-top: 5px;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.info-box-field:hover .context-menu:last-child {
  margin-top: 5px;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.header-field h1.designer-content {
  font-size: 2.25rem;
  min-height: 2rem;
  line-height: 2rem;
  vertical-align: middle;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.header-field h2.designer-content {
  font-size: 2rem;
  min-height: 2rem;
  line-height: 2rem;
  vertical-align: middle;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.header-field h3.designer-content {
  font-size: 1.75rem;
  min-height: 2rem;
  line-height: 2rem;
  vertical-align: middle;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.header-field h4.designer-content {
  font-size: 1.5rem;
  min-height: 2rem;
  line-height: 2rem;
  vertical-align: middle;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.header-field h5.designer-content {
  font-size: 1.25rem;
  min-height: 2rem;
  line-height: 2rem;
  vertical-align: middle;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.header-field h6.designer-content {
  font-size: 1rem;
  min-height: 2rem;
  line-height: 2rem;
  vertical-align: middle;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.divider-field .designer-content hr {
  margin: 1rem 0;
  min-width: 100%;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.description-field .designer-content p {
  margin: 1rem 0;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.image-field .designer-content {
  border: 1px solid var(--primary-border-color);
  margin: 1rem 0;
  padding: 1rem 0;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.image-field .designer-content img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.image-field .designer-content:hover .overlay svg {
  color: var(--primary-text-color);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.interactive-image-field .designer-content {
  margin: 1rem 0;
  padding: 1rem 0;
  border: 1px solid var(--primary-border-color);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.interactive-image-field .designer-content img {
  max-width: 100%;
  height: auto;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.interactive-image-field .designer-content .hotspots {
  position: relative;
  display: inline-block;
  z-index: 6;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.interactive-image-field .designer-content .hotspots img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.interactive-image-field .designer-content .hotspots .hotspot {
  position: absolute;
  display: flex;
  max-width: 100px;
  max-height: 100px;
  min-width: 27px;
  min-height: 27px;
  text-align: center;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  cursor: pointer;
  border-radius: 27px;
  border: 1px solid #d6d6d6;
  background: #00db9a;
  box-shadow: 0 0 15px 0 rgba(0,0,0,.5);
  color: #2c3037;
  font-family: "Nunito";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  z-index: 7;
  transform: translate(-50%, -50%);
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.page-field .collapsible-page-widget {
  width: 100%;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.page-field .collapsible-page-widget .header {
  background-color: var(--secondary-background-color);
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.page-field .collapsible-page-widget .header .title-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.page-field .collapsible-page-widget .header .title-bar .title {
  padding-left: 5px;
  flex-grow: 1;
  font-size: 16px;
  height: 2rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.page-field .collapsible-page-widget .header .title-bar .righthand {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.page-field .collapsible-page-widget .header .title-bar .righthand .collapse-button {
  padding-right: 1rem;
  height: 1rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.page-field .collapsible-page-widget .header .title-bar .righthand .collapse-button button {
  border: none;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.paragraph-field textarea {
  width: 100%;
  min-height: 30px;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.text-input input {
  width: 100%;
  margin-bottom: 5px;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.spacer-field .designer-content {
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.checkbox-input .designer-content {
  display: flex;
  flex-direction: row;
  vertical-align: middle;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.checkbox-input .designer-content label {
  margin: .5rem 0;
  text-indent: -2rem;
  padding-left: 2rem;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.checkbox-input .designer-content input[type=checkbox] {
  margin-right: 10px;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component.checkbox-input .designer-content .required {
  color: red;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component .workcard-field {
  display: flex;
  gap: .5rem;
  align-items: flex-start;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component .workcard-field .input-label .label {
  font-size: .85rem;
  color: var(--label-description-color);
  max-width: 100%;
  white-space: normal;
  word-break: break-word;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component .workcard-field .input-label button {
  max-width: 100%;
  white-space: normal;
  word-break: break-word;
}
#form-builder-page .content-container #form-builder .designer-container .designer .designer-element .designer-component .workcard-field .designer-content {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  align-items: flex-start;
}
#form-builder-page .content-container #form-settings .content,#form-builder-page .content-container #template-settings .content {
  width: auto;
}
#form-builder-page .content-container #form-settings .content .label,#form-builder-page .content-container #template-settings .content .label {
  color: var(--tertiary-text-color);
}
#form-builder-page .content-container #form-settings input,#form-builder-page .content-container #form-settings textarea,#form-builder-page .content-container #template-settings input,#form-builder-page .content-container #template-settings textarea {
  margin-bottom: 1rem;
  outline: none;
}
#form-builder-page .content-container #form-settings textarea,#form-builder-page .content-container #template-settings textarea {
  resize: none;
  width: 100%;
  min-height: 100px;
  max-height: 300px;
}
#form-builder-page .content-container #form-settings input[type=text],#form-builder-page .content-container #template-settings input[type=text] {
  width: 100%;
}
#form-builder-page .content-container #form-settings .buttons-container,#form-builder-page .content-container #template-settings .buttons-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 5px 0px;
}
.drag-overlay-wrapper button:hover:not(:disabled) {
  color: var(--primary-text-color);
  background-color: var(--secondary-background-color-hover);
  border-color: var(--primary-border-color);
}
.drag-overlay-wrapper button:hover:not(:disabled) svg path {
  stroke: var(--primary-text-color);
}
.sidebar-btn-overlay {
  width: 100%;
  height: 37px;
  gap: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--secondary-background-color);
  border: 1px solid var(--primary-border-color);
  cursor: grab;
  border-radius: 5px;
}
.sidebar-btn-overlay svg {
  margin-left: 10px;
  margin-right: 8px;
  height: 15px;
  width: auto;
}
.sidebar-btn-overlay p {
  font-family: "Nunito",sans-serif;
  font-weight: 400;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 16px;
  font-size: 14px;
}
#edit-sections-modal .template-editor .template-name input,#edit-subsections-modal .template-editor .template-name input {
  display: block;
  width: 100%;
}
#edit-sections-modal .template-editor .template-description textarea,#edit-subsections-modal .template-editor .template-description textarea {
  display: block;
  width: 100%;
}
#edit-sections-modal .template-editor .action-buttons,#edit-subsections-modal .template-editor .action-buttons {
  margin-top: 1rem;
  width: 100%;
  display: flex;
  gap: 1rem;
  justify-content: flex-start;
  align-items: center;
}
#edit-sections-modal .template-editor .action-buttons button,#edit-subsections-modal .template-editor .action-buttons button {
  flex: 1 1 0;
}
#edit-sections-modal .content,#edit-subsections-modal .content {
  background-color: var(--primary-background-color);
}
#edit-sections-modal .edit-sections-modal-content,#edit-subsections-modal .edit-sections-modal-content {
  display: flex;
  flex-flow: row;
  gap: 1rem;
  height: 400px;
}
#edit-sections-modal .edit-sections-modal-content .sections-list,#edit-subsections-modal .edit-sections-modal-content .sections-list {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  border-right: 1px solid var(--primary-border-color);
  padding: 0 1rem;
}
#edit-sections-modal .edit-sections-modal-content .sections-list .container,#edit-subsections-modal .edit-sections-modal-content .sections-list .container {
  width: 230px;
  height: 100%;
  overflow: hidden auto;
}
#edit-sections-modal .edit-sections-modal-content .sections-list .container .section-item,#edit-subsections-modal .edit-sections-modal-content .sections-list .container .section-item {
  width: 100%;
  display: block;
  padding: .8rem 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  font-size: larger;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
#edit-sections-modal .edit-sections-modal-content .sections-list .container .section-item:hover,#edit-subsections-modal .edit-sections-modal-content .sections-list .container .section-item:hover {
  background-color: var(--alt-background-color-hover);
}
#edit-sections-modal .edit-sections-modal-content .sections-list .container .section-item.selected,#edit-subsections-modal .edit-sections-modal-content .sections-list .container .section-item.selected {
  background-color: var(--alt-background-color);
  border-radius: 3px;
}
#edit-sections-modal .edit-sections-modal-content .sections-list .container .section-item .drag-handle,#edit-subsections-modal .edit-sections-modal-content .sections-list .container .section-item .drag-handle {
  cursor: grab;
}
#edit-sections-modal .edit-sections-modal-content .sections-list .container .section-item .icon svg,#edit-subsections-modal .edit-sections-modal-content .sections-list .container .section-item .icon svg {
  height: 20px;
  width: 20px;
}
#edit-sections-modal .edit-sections-modal-content .section-editor,#edit-subsections-modal .edit-sections-modal-content .section-editor {
  width: 500px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: flex-start;
  align-items: flex-start;
  color: var(--tertiary-text-color);
}
#edit-sections-modal .edit-sections-modal-content .section-editor .section-name,#edit-subsections-modal .edit-sections-modal-content .section-editor .section-name {
  width: 100%;
}
#edit-sections-modal .edit-sections-modal-content .section-editor .section-name input,#edit-subsections-modal .edit-sections-modal-content .section-editor .section-name input {
  display: block;
  width: 100%;
}
#edit-sections-modal .edit-sections-modal-content .section-editor .section-template,#edit-subsections-modal .edit-sections-modal-content .section-editor .section-template {
  width: 100%;
}
#edit-sections-modal .edit-sections-modal-content .section-editor .icon-selector,#edit-subsections-modal .edit-sections-modal-content .section-editor .icon-selector {
  position: relative;
}
#edit-sections-modal .edit-sections-modal-content .section-editor .icon-selector .clear-selection,#edit-subsections-modal .edit-sections-modal-content .section-editor .icon-selector .clear-selection {
  position: absolute;
  top: -10px;
  right: -10px;
  height: 20px;
  width: 20px;
  border-radius: 1rem;
  margin: 0;
  padding: 0;
}
#edit-sections-modal .edit-sections-modal-content .section-editor .icon-upload .dots-button,#edit-subsections-modal .edit-sections-modal-content .section-editor .icon-upload .dots-button {
  padding: 0;
}
#edit-sections-modal .edit-sections-modal-content .section-editor .icon-upload .context-menu ul,#edit-subsections-modal .edit-sections-modal-content .section-editor .icon-upload .context-menu ul {
  padding: 1rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: .25rem;
}
#edit-sections-modal .edit-sections-modal-content .section-editor .icon-upload .context-menu button,#edit-subsections-modal .edit-sections-modal-content .section-editor .icon-upload .context-menu button {
  width: 65px;
  height: 55px;
  border: 1px solid var(--primary-border-color);
}
#edit-sections-modal .edit-sections-modal-content .section-editor .section-hidden,#edit-subsections-modal .edit-sections-modal-content .section-editor .section-hidden {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
#edit-sections-modal .edit-sections-modal-content .section-editor .section-hidden mt-switch,#edit-subsections-modal .edit-sections-modal-content .section-editor .section-hidden mt-switch {
  margin: 0 1rem;
  vertical-align: middle;
}
#edit-sections-modal .edit-sections-modal-content .section-editor .action-buttons,#edit-subsections-modal .edit-sections-modal-content .section-editor .action-buttons {
  width: 100%;
  display: flex;
  gap: 1rem;
  justify-content: flex-start;
  align-items: center;
}
#edit-sections-modal .edit-sections-modal-content .section-editor .action-buttons button,#edit-subsections-modal .edit-sections-modal-content .section-editor .action-buttons button {
  flex: 1 1 0;
}
#edit-sections-modal .modal-footer,#edit-subsections-modal .modal-footer {
  width: 100%;
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}
#edit-sections-modal .modal-footer button,#edit-subsections-modal .modal-footer button {
  width: 135px;
}
#edit-pages-modal .edit-pages-modal-content {
  display: flex;
  gap: 1rem;
  height: 400px;
}
#edit-pages-modal .edit-pages-modal-content .pages-list {
  width: 180px;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  border-right: 1px solid var(--primary-border-color);
}
#edit-pages-modal .edit-pages-modal-content .pages-list .new-page-button {
  width: 150px;
  height: 32px;
}
#edit-pages-modal .edit-pages-modal-content .pages-list .new-page-button svg {
  margin-right: 10px;
}
#edit-pages-modal .edit-pages-modal-content .pages-list .container {
  width: 100%;
  height: 100%;
  overflow: hidden auto;
}
#edit-pages-modal .edit-pages-modal-content .pages-list .container .page-item {
  width: 100%;
  display: block;
  padding: .8rem 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: .5rem;
  font-size: larger;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
#edit-pages-modal .edit-pages-modal-content .pages-list .container .page-item:hover {
  background-color: var(--secondary-background-color-hover);
}
#edit-pages-modal .edit-pages-modal-content .pages-list .container .page-item.selected {
  background-color: var(--secondary-background-color);
}
#edit-pages-modal .edit-pages-modal-content .pages-list .container .page-item .drag-handle {
  cursor: grab;
}
#edit-pages-modal .edit-pages-modal-content .page-editor {
  width: 500px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: flex-start;
  align-items: flex-start;
}
#edit-pages-modal .edit-pages-modal-content .page-editor .page-name {
  width: 100%;
}
#edit-pages-modal .edit-pages-modal-content .page-editor .page-name input {
  display: block;
  width: 100%;
}
#edit-pages-modal .edit-pages-modal-content .page-editor .icon-upload button {
  width: 65px;
  height: 55px;
  border: 1px solid var(--primary-border-color);
}
#edit-pages-modal .edit-pages-modal-content .page-editor .action-buttons {
  width: 100%;
  display: flex;
  gap: 1rem;
  justify-content: flex-start;
  align-items: center;
}
#edit-pages-modal .edit-pages-modal-content .page-editor .action-buttons button {
  flex: 1 1 0;
}
#edit-pages-modal .modal-footer {
  width: 100%;
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}
#edit-pages-modal .modal-footer button {
  width: 135px;
}
nav::-webkit-scrollbar {
  width: 100%;
  height: 8px;
}
nav::-webkit-scrollbar-track {
  border-radius: 5px;
  background: var(--primary-background-color);
}
nav::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: var(--primary-border-color);
}
#save-as-template {
  width: 450px;
}
#save-as-template .buttons-container {
  justify-content: right !important;
}
#AIsearch-list {
  width: 250px !important;
  min-width: 250px;
  flex-shrink: 0;
  border-right: 1px solid var(--primary-border-color);
  overflow-y: auto !important;
  background-color: var(--secondary-background-color);
}
#AIsearch-list .panel {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-small);
  padding: var(--spacing-extra-small) var(--spacing-large) var(--spacing-small) var(--spacing-large);
}
#AIsearch-list .panel h1 {
  font-weight: 600;
  line-height: var(--font-units-lg, 28px);
  margin-bottom: 10px;
}
#AIsearch-list .panel mt-button {
  margin-bottom: var(--spacing-sm, 16px);
}
#AIsearch-list .panel mt-button button {
  width: 100%;
  height: 40px;
}
#AIsearch-list .panel mt-button,#AIsearch-list .panel .text-field {
  width: 100%;
}
#AIsearch-list .panel mt-button input,#AIsearch-list .panel .text-field input {
  min-width: 0;
  width: 100%;
  height: 40px;
}
#AIsearch-list .panel mt-button span.icon svg,#AIsearch-list .panel .text-field span.icon svg {
  font-size: large;
  margin-left: 3px;
}
#AIsearch-list .panel mt-button span.icon svg g,#AIsearch-list .panel .text-field span.icon svg g {
  stroke: var(--font-colors-default, #d6d6d6);
}
#AIsearch-list ul.search-history-entries {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding-left: var(--spacing-large);
  padding-right: var(--spacing-extra-small);
}
#AIsearch-list ul.search-history-entries .no-items-message {
  padding: 1rem;
  text-align: center;
  color: var(--secondary-text-color);
  font-size: .85rem;
}
#AIsearch-list ul.search-history-entries .search-history-entry {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .75rem 1rem;
  cursor: pointer;
}
#AIsearch-list ul.search-history-entries .search-history-entry:nth-child(odd) {
  background-color: var(--secondary-background-color);
}
#AIsearch-list ul.search-history-entries .search-history-entry:nth-child(even) {
  background-color: var(--primary-background-color);
}
#AIsearch-list ul.search-history-entries .search-history-entry:hover {
  background-color: var(--primary-background-color-hover);
}
#AIsearch-list ul.search-history-entries .search-history-entry .entry-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: .25rem;
  overflow: hidden;
}
#AIsearch-list ul.search-history-entries .search-history-entry .entry-content .entry-keyword {
  color: var(--font-colors-default, #d6d6d6);
  font-size: var(--font-size-sm, 16px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#AIsearch-list ul.search-history-entries .search-history-entry .entry-content .entry-details {
  font-size: var(--font-size-2xs, 12px);
  color: var(--font-colors-Label-Description, #b6b8bb);
  font-weight: 400;
  line-height: var(--font-units-xs, 16px);
}
#AIsearch-list ul.search-history-entries .search-history-entry .entry-delete {
  flex-shrink: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: .25rem;
  border-radius: var(--corner-radius-md, 5px);
}
#AIsearch-list ul.search-history-entries .search-history-entry .entry-delete svg {
  width: 14px;
  height: 14px;
}
#AIsearch-list ul.search-history-entries .search-history-entry .entry-delete:hover {
  background-color: var(--primary-background-color-hover);
}
#AIsearch-conversation {
  width: 350px;
  min-width: 300px;
  max-width: 400px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--primary-border-color);
  background-color: var(--primary-background-color);
}
#AIsearch-conversation .conversation-body {
  flex: 1;
  overflow-y: auto;
  padding: var(--spacing-small);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-small);
}
#AIsearch-conversation .conversation-body .conversation-message {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-extra-small);
}
#AIsearch-conversation .conversation-body .conversation-message.user-message {
  justify-content: flex-end;
}
#AIsearch-conversation .conversation-body .conversation-message .message-avatar {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}
#AIsearch-conversation .conversation-body .conversation-message .message-avatar svg {
  width: 100%;
  height: 100%;
}
#AIsearch-conversation .conversation-body .conversation-message .message-bubble {
  max-width: 80%;
  padding: var(--spacing-extra-small) var(--spacing-small);
  border-radius: var(--corner-radius-md, 5px);
}
#AIsearch-conversation .conversation-body .conversation-message .message-bubble.user-bubble {
  background: var(--primary-color);
  border-radius: 8px 0px 8px 8px;
  color: var(--font-colors-inverse);
}
#AIsearch-conversation .conversation-body .conversation-message .message-bubble.user-bubble .message-text {
  color: var(--font-colors-inverse);
}
#AIsearch-conversation .conversation-body .conversation-message .message-bubble.ai-bubble {
  background: var(--secondary-background-color);
  border-radius: 0px 8px 8px 8px;
}
#AIsearch-conversation .conversation-body .conversation-message .message-bubble .message-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-extra-small);
  margin-bottom: 4px;
}
#AIsearch-conversation .conversation-body .conversation-message .message-bubble .message-header .message-sender {
  font-weight: 600;
  font-size: var(--font-size-sm, 14px);
  color: var(--font-colors-default, #d6d6d6);
}
#AIsearch-conversation .conversation-body .conversation-message .message-bubble .message-header .message-time {
  font-size: var(--font-size-2xs, 12px);
  color: var(--font-colors-Label-Description, #b6b8bb);
}
#AIsearch-conversation .conversation-body .conversation-message .message-bubble .message-text {
  font-size: var(--font-size-sm, 14px);
  line-height: 1.5;
  color: var(--font-colors-default, #d6d6d6);
  word-wrap: break-word;
}
#AIsearch-conversation .conversation-body .loading-dots span {
  animation: blink 1.4s infinite both;
}
#AIsearch-conversation .conversation-body .loading-dots span:nth-child(2) {
  animation-delay: .2s;
}
#AIsearch-conversation .conversation-body .loading-dots span:nth-child(3) {
  animation-delay: .4s;
}
@keyframes blink {
  0%,80%,100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
#AIsearch-conversation .conversation-input {
  display: flex;
  align-items: center;
  gap: var(--spacing-extra-small);
  padding: var(--spacing-small);
  border-top: 1px solid var(--primary-border-color);
  background: var(--secondary-background-color);
}
#AIsearch-conversation .conversation-input input {
  flex: 1;
  height: 40px;
  padding: 0 var(--spacing-small);
  border: 1px solid var(--primary-border-color);
  border-radius: var(--corner-radius-md, 5px);
  background: var(--primary-background-color);
  color: var(--font-colors-default, #d6d6d6);
  font-size: var(--font-size-sm, 14px);
}
#AIsearch-conversation .conversation-input input:focus {
  outline: none;
  border-color: var(--primary-color);
}
#AIsearch-conversation .conversation-input input:disabled {
  opacity: .5;
  cursor: not-allowed;
}
#AIsearch-conversation .conversation-input .send-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: var(--corner-radius-md, 5px);
  background: var(--primary-color);
}
#AIsearch-conversation .conversation-input .send-button svg {
  width: 20px;
  height: 20px;
}
#AIsearch-conversation .conversation-input .send-button svg line,#AIsearch-conversation .conversation-input .send-button svg path {
  stroke: #000;
}
#AIsearch-conversation .conversation-input .send-button:hover {
  background: var(--primary-color-hover);
}
#AIsearch-conversation .conversation-input .send-button.disabled {
  opacity: .5;
  cursor: not-allowed;
}
@media (max-width: 1200px) {
  #AIsearch-conversation {
    width: 280px;
    min-width: 250px;
  }
}
@media (max-width: 900px) {
  #AIsearch-conversation {
    display: none;
  }
}
#AIsearch-page {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  overflow-y: auto;
  background-color: var(--secondary-background-color);
}
#AIsearch-page .AIsearch-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 2rem;
  gap: var(--spacing-xx-large);
}
#AIsearch-page .AIsearch-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-medium);
}
#AIsearch-page .AIsearch-box .AIsearch-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-extra-small);
}
#AIsearch-page .AIsearch-box .AIsearch-header .AIsearch-icon {
  width: 44px;
  height: 44px;
}
#AIsearch-page .AIsearch-box .AIsearch-header .AIsearch-icon path {
  stroke: var(--primary-color);
}
#AIsearch-page .AIsearch-box {
  width: 100%;
  max-width: 824px;
  padding: var(--spacing-sm, 16px);
  border-radius: var(--corner-radius-lg, 10px);
  background: var(--environment-env-tab-1-bg, #2c3037);
}
#AIsearch-page .AIsearch-box h2 {
  color: var(--font-colors-default, #d6d6d6);
  font-size: var(--font-size-3xl, 28px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-units-2xl, 40px);
}
#AIsearch-page .AIsearch-box .AIsearch-input-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-small);
  width: 100%;
}
#AIsearch-page .AIsearch-box .AIsearch-input-row .text-field {
  flex: 1;
  border: var(--border-stroke-sm, 1px) solid var(--AI-gradient, #00db9a);
  background: var(--AI-gradient);
  border-radius: var(--corner-radius-md, 5px);
  padding: 1px;
}
#AIsearch-page .AIsearch-box .AIsearch-input-row .text-field input {
  min-width: 0;
  width: 100%;
  height: var(--spacing-2xl, 40px);
  background: var(--environment-env-tab-1-bg, #2c3037);
  border-radius: var(--corner-radius-md, 5px);
}
#AIsearch-page .AIsearch-box .AIsearch-input-row .text-field input:focus::-moz-placeholder {
  opacity: 0;
}
#AIsearch-page .AIsearch-box .AIsearch-input-row .text-field input:focus::placeholder {
  opacity: 0;
}
#AIsearch-page .AIsearch-box .AIsearch-input-row .text-field span.icon svg {
  font-size: large;
  margin-left: 3px;
}
#AIsearch-page .AIsearch-box .AIsearch-input-row .text-field span.icon svg g {
  stroke: var(--font-colors-default, #d6d6d6);
}
#AIsearch-page .AIsearch-box .AIsearch-input-row button#MT-button {
  flex-shrink: 0;
  min-width: 40px;
  height: var(--spacing-2xl, 40px);
  justify-content: center;
  align-items: center;
}
#AIsearch-page .AIsearch-box .AIsearch-input-row button#MT-button svg line,#AIsearch-page .AIsearch-box .AIsearch-input-row button#MT-button svg path {
  stroke: #000;
}
#AIsearch-page .AIsearch-box .AIsearch-input-row mt-select2 {
  flex-shrink: 0;
}
#AIsearch-page .AIsearch-box .AIsearch-input-row .AIsearch-send-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  padding: .5rem;
  border-radius: var(--corner-radius-md, 5px);
}
#AIsearch-page .AIsearch-box .AIsearch-input-row .AIsearch-send-btn svg {
  width: 24px;
  height: 24px;
}
#AIsearch-page .AIsearch-box .AIsearch-input-row .AIsearch-send-btn:hover {
  background-color: var(--primary-background-color-hover);
}
#AIsearch-page .AIsearch-box .AIsearch-input-row .AIsearch-send-btn.disabled {
  opacity: .4;
  cursor: not-allowed;
  pointer-events: none;
}
#AIsearch-page .AIsearch-description {
  width: 100%;
  max-width: 867px;
  color: var(--font-colors-default, #d6d6d6);
}
@media (min-width: 1200px) {
  #AIsearch-page .AIsearch-description {
    width: 867px;
  }
}
#AIsearch-page .AIsearch-description {
  font-size: var(--font-size-md, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-units-md, 24px);
}
#AIsearch-page .AIsearch-description h1 {
  font-weight: 700;
  margin-bottom: var(--spacing-small);
}
#AIsearch-page .AIsearch-description ul {
  list-style: disc;
  text-align: left;
  padding-left: var(--spacing-large);
  margin: 0;
}
#AIsearch-page .AIsearch-description p {
  margin: 0;
}
#AIsearch-page .AIsearch-description ul+p {
  margin-top: var(--spacing-small);
}
#AIsearch-page .AIsearch-results {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: var(--spacing-large);
  overflow-y: auto;
  overflow-wrap: break-word;
  word-break: break-word;
}
#AIsearch-page .AIsearch-results .AIsearch-results-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: var(--spacing-medium);
  gap: var(--spacing-small);
}
#AIsearch-page .AIsearch-results .AIsearch-results-header .header-controls {
  display: flex;
  align-items: center;
  gap: var(--spacing-small);
}
#AIsearch-page .AIsearch-results .AIsearch-results-header h1 {
  font-weight: 700;
  font-size: var(--font-size-3xl, 28px);
  line-height: var(--font-units-2xl, 40px);
}
#AIsearch-page .AIsearch-results .AIsearch-results-header .AIsearch-results-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-small);
}
#AIsearch-page .AIsearch-results .AIsearch-results-header .AIsearch-results-actions .AIsearch-input-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-small);
  flex: 1;
}
#AIsearch-page .AIsearch-results .AIsearch-results-header .AIsearch-results-actions .AIsearch-input-row .text-field {
  flex: 1;
  border: 1px solid rgba(0,0,0,0);
  background: var(--ai-gradient);
  border-radius: var(--corner-radius-md, 5px);
  padding: 1px;
}
@media (min-width: 1200px) {
  #AIsearch-page .AIsearch-results .AIsearch-results-header .AIsearch-results-actions .AIsearch-input-row .text-field {
    min-width: 40rem;
  }
}
#AIsearch-page .AIsearch-results .AIsearch-results-header .AIsearch-results-actions .AIsearch-input-row .text-field input {
  min-width: 0;
  width: 100%;
  height: var(--spacing-2xl, 40px);
  background: var(--secondary-background-color);
  border-radius: var(--corner-radius-md, 5px);
  border: none;
}
#AIsearch-page .AIsearch-results .AIsearch-results-header .AIsearch-results-actions .AIsearch-input-row .text-field input:focus::-moz-placeholder {
  opacity: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-results-header .AIsearch-results-actions .AIsearch-input-row .text-field input:focus::placeholder {
  opacity: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-results-header .AIsearch-results-actions .AIsearch-input-row .text-field span.icon svg {
  font-size: large;
  margin-left: 3px;
}
#AIsearch-page .AIsearch-results .AIsearch-results-header .AIsearch-results-actions .AIsearch-input-row .text-field span.icon svg g {
  stroke: var(--font-colors-default, #d6d6d6);
}
#AIsearch-page .AIsearch-results .AIsearch-results-header .AIsearch-results-actions .AIsearch-input-row button#MT-button {
  flex-shrink: 0;
  min-width: 40px;
  height: var(--spacing-2xl, 40px);
  justify-content: center;
  align-items: center;
}
#AIsearch-page .AIsearch-results .AIsearch-results-header .AIsearch-results-actions .AIsearch-input-row button#MT-button svg line,#AIsearch-page .AIsearch-results .AIsearch-results-header .AIsearch-results-actions .AIsearch-input-row button#MT-button svg path {
  stroke: #000;
}
#AIsearch-page .AIsearch-results .AIsearch-results-grouped {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-large);
}
#AIsearch-page .AIsearch-results .AIsearch-results-grouped .result-group .result-group-title {
  font-size: var(--font-size-lg, 20px);
  font-weight: 600;
  color: var(--font-colors-default, #d6d6d6);
  margin-bottom: var(--spacing-small);
  padding-bottom: var(--spacing-extra-small);
  border-bottom: 1px solid var(--primary-border-color);
}
#AIsearch-page .AIsearch-results .AIsearch-results-subtitle {
  font-size: var(--font-size-sm, 16px);
  color: var(--font-colors-Label-Description, #b6b8bb);
  margin-bottom: var(--spacing-medium);
}
#AIsearch-page .AIsearch-results .AIsearch-results-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs, 12px);
  align-self: stretch;
}
#AIsearch-page .AIsearch-results .AIsearch-results-list.environment-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-xs, 12px);
}
@media (max-width: 1400px) {
  #AIsearch-page .AIsearch-results .AIsearch-results-list.environment-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1024px) {
  #AIsearch-page .AIsearch-results .AIsearch-results-list.environment-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  #AIsearch-page .AIsearch-results .AIsearch-results-list.environment-grid {
    grid-template-columns: 1fr;
  }
}
#AIsearch-page .AIsearch-results .AIsearch-results-list:has(.environment-tile-wrapper) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-xs, 12px);
}
@media (max-width: 1400px) {
  #AIsearch-page .AIsearch-results .AIsearch-results-list:has(.environment-tile-wrapper) {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1024px) {
  #AIsearch-page .AIsearch-results .AIsearch-results-list:has(.environment-tile-wrapper) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  #AIsearch-page .AIsearch-results .AIsearch-results-list:has(.environment-tile-wrapper) {
    grid-template-columns: 1fr;
  }
}
#AIsearch-page .AIsearch-results .AIsearch-results-list:has(.jobpack-card-wrapper) {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 12px);
}
#AIsearch-page .AIsearch-results .AIsearch-results-list:has(.workcard-card-wrapper) {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 12px);
}
#AIsearch-page .AIsearch-results .AIsearch-results-list:has(.task-card-wrapper) {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 12px);
}
#AIsearch-page .AIsearch-results .AIsearch-results-list:has(.entity-card-wrapper) {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 12px);
}
#AIsearch-page .AIsearch-results .AIsearch-results-list:has(.document-card-wrapper) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-xs, 12px);
}
@media (max-width: 1400px) {
  #AIsearch-page .AIsearch-results .AIsearch-results-list:has(.document-card-wrapper) {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1024px) {
  #AIsearch-page .AIsearch-results .AIsearch-results-list:has(.document-card-wrapper) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  #AIsearch-page .AIsearch-results .AIsearch-results-list:has(.document-card-wrapper) {
    grid-template-columns: 1fr;
  }
}
#AIsearch-page .AIsearch-results .AIsearch-results-list:has(.image-card-wrapper) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-xs, 12px);
}
@media (max-width: 1400px) {
  #AIsearch-page .AIsearch-results .AIsearch-results-list:has(.image-card-wrapper) {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1024px) {
  #AIsearch-page .AIsearch-results .AIsearch-results-list:has(.image-card-wrapper) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  #AIsearch-page .AIsearch-results .AIsearch-results-list:has(.image-card-wrapper) {
    grid-template-columns: 1fr;
  }
}
#AIsearch-page .AIsearch-results .AIsearch-result-card {
  display: flex;
  align-items: center;
  padding: var(--spacing-2xs, 8px);
  justify-content: flex-start;
  border-radius: var(--corner-radius-md, 5px);
  background: var(--cards-card-primary, #25282e);
  gap: var(--spacing-2xs, 8px);
  min-width: 0;
  overflow: hidden;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.clickable {
  cursor: pointer;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card:hover {
  background-color: var(--cards-card-hover);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card .result-thumbnail {
  width: 96px;
  height: 96px;
  border-radius: var(--corner-radius-md, 5px);
  display: flex;
  align-items: center;
  justify-content: center;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card .result-thumbnail.default-thumbnail {
  background-color: var(--primary-background-color);
  overflow: hidden;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card .result-thumbnail.default-thumbnail svg {
  width: 100%;
  height: 100%;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card .result-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--corner-radius-md, 5px);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card .result-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card .result-info .result-title {
  font-size: var(--font-size-sm, 16px);
  font-weight: 600;
  color: var(--font-colors-default, #d6d6d6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card .result-info .result-detail {
  font-size: var(--font-size-2xs, 12px);
  color: var(--font-colors-Label-Description, #b6b8bb);
  line-height: var(--font-units-xs, 16px);
  overflow: hidden;
  overflow-wrap: break-word;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card .result-feedback {
  display: flex;
  align-items: center;
  gap: var(--spacing-extra-small);
  flex-shrink: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card .result-feedback .feedback-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: .25rem;
  border-radius: var(--corner-radius-md, 5px);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card .result-feedback .feedback-icon svg {
  width: 16px;
  height: 16px;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card .result-feedback .feedback-icon:hover {
  background-color: var(--icon-hover-bg);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card .result-feedback .feedback-icon:hover svg path {
  stroke: var(--icon-hover);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card .result-feedback .feedback-icon.active-up svg path {
  stroke: var(--status-success, #4caf50);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card .result-feedback .feedback-icon.active-down svg path {
  stroke: var(--status-error, #f44336);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.environment-tile-wrapper {
  display: flex;
  padding-bottom: var(--spacing-2xs, 8px);
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  min-width: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.environment-tile-wrapper .tile {
  width: 100%;
  min-width: 0;
  margin: 0;
  background: rgba(0,0,0,0);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.environment-tile-wrapper .tile:hover {
  background: rgba(0,0,0,0);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.environment-tile-wrapper .tile .tile-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-2xs, 8px);
  cursor: pointer;
  width: 100%;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.environment-tile-wrapper .tile .tile-img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  flex-shrink: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.environment-tile-wrapper .tile .tile-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.environment-tile-wrapper .tile .tile-content {
  width: 100%;
  min-width: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.environment-tile-wrapper .tile .tile-name {
  font-size: var(--font-size-sm, 16px);
  font-weight: 600;
  color: var(--font-colors-default, #d6d6d6);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.environment-tile-wrapper .tile .tile-description {
  font-size: var(--font-size-2xs, 12px);
  color: var(--font-colors-Label-Description, #b6b8bb);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.environment-tile-wrapper .result-feedback {
  margin-top: var(--spacing-2xs, 8px);
  align-self: flex-end;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.jobpack-card-wrapper {
  display: flex;
  align-items: flex-start;
  padding: var(--spacing-small) var(--spacing-medium);
  background-color: var(--alt-background-color);
  border-radius: var(--corner-radius-md, 5px);
  cursor: pointer;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.jobpack-card-wrapper:hover {
  background-color: var(--alt-background-color-hover);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.jobpack-card-wrapper .jobpack-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.jobpack-card-wrapper .jobpack-card .jobpack-name {
  font-size: var(--font-size-sm, 14px);
  font-weight: 600;
  color: var(--font-colors-default, #d6d6d6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.jobpack-card-wrapper .jobpack-card .jobpack-progress-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-small);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.jobpack-card-wrapper .jobpack-card .jobpack-progress-row .jobpack-checkbox {
  width: 16px;
  height: 16px;
  cursor: pointer;
  flex-shrink: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.jobpack-card-wrapper .jobpack-card .jobpack-progress-row .jobpack-progress-indicator {
  flex: 1;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.jobpack-card-wrapper .jobpack-card .jobpack-progress-row .jobpack-progress-indicator .progress-bar {
  justify-content: flex-start;
  width: 100%;
  padding: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.jobpack-card-wrapper .jobpack-card .jobpack-progress-row .jobpack-progress-indicator .progress-bar .track {
  width: 100%;
  max-width: none;
  height: 6px;
  margin-right: 0;
  background-color: #212121;
  border-radius: 10px;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.jobpack-card-wrapper .jobpack-card .jobpack-progress-row .jobpack-progress-indicator .progress-bar .track .filling {
  background-color: #00ed5d;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.jobpack-card-wrapper .jobpack-card .jobpack-progress-row .jobpack-progress-indicator .progress-bar .progress-value {
  display: none;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.jobpack-card-wrapper .jobpack-card .jobpack-progress-row .jobpack-percentage {
  flex-shrink: 0;
  font-size: var(--font-size-sm, 14px);
  font-weight: 600;
  color: var(--primary-color);
  min-width: 35px;
  text-align: right;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.jobpack-card-wrapper .jobpack-card .jobpack-date,#AIsearch-page .AIsearch-results .AIsearch-result-card.jobpack-card-wrapper .jobpack-card .jobpack-tasks {
  font-size: var(--font-size-2xs, 12px);
  color: var(--font-colors-Label-Description, #b6b8bb);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.jobpack-card-wrapper .result-feedback {
  display: flex;
  align-items: center;
  gap: var(--spacing-extra-small);
  margin-left: var(--spacing-small);
  flex-shrink: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper {
  display: flex;
  align-items: center;
  padding: var(--spacing-small) var(--spacing-medium);
  background-color: var(--alt-background-color);
  border-radius: var(--corner-radius-md, 5px);
  cursor: pointer;
  min-height: 60px;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper:hover {
  background-color: var(--alt-background-color-hover);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card {
  display: flex;
  align-items: center;
  gap: var(--spacing-medium);
  width: 100%;
  min-width: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-number {
  flex-shrink: 0;
  font-size: var(--font-size-sm, 14px);
  font-weight: 600;
  color: var(--font-colors-Label-Description, #b6b8bb);
  min-width: 60px;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-name {
  flex: 1;
  min-width: 0;
  font-size: var(--font-size-sm, 14px);
  font-weight: 600;
  color: var(--font-colors-default, #d6d6d6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-progress-indicator {
  flex-shrink: 0;
  width: 140px;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-progress-indicator .progress-bar {
  justify-content: flex-start;
  width: 100%;
  padding: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-progress-indicator .progress-bar .track {
  width: 100%;
  max-width: none;
  height: 6px;
  margin-right: 0;
  background-color: #212121;
  border-radius: 10px;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-progress-indicator .progress-bar .track .filling.complete {
  background-color: var(--status-complete-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-progress-indicator .progress-bar .track .filling.closed {
  background-color: var(--status-close-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-progress-indicator .progress-bar .track .filling.inprogress {
  background-color: var(--status-in-progress-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-progress-indicator .progress-bar .track .filling.pendingorder {
  background-color: var(--status-pending-order-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-progress-indicator .progress-bar .track .filling.pendingreview {
  background-color: var(--status-pending-review-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-progress-indicator .progress-bar .track .filling.trainingrequired {
  background-color: var(--status-training-required-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-progress-indicator .progress-bar .progress-value {
  display: none;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-percentage {
  flex-shrink: 0;
  font-size: var(--font-size-2xs, 12px);
  color: var(--font-colors-Label-Description, #b6b8bb);
  min-width: 35px;
  text-align: right;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-status-badge {
  flex-shrink: 0;
  min-width: 120px;
  padding: 6px var(--spacing-small);
  border-radius: var(--corner-radius-sm, 4px);
  font-size: var(--font-size-2xs, 12px);
  color: var(--secondary-text-color);
  text-align: center;
  background-color: var(--status-open-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-status-badge.complete {
  background-color: var(--status-complete-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-status-badge.closed {
  background-color: var(--status-close-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-status-badge.inprogress {
  background-color: var(--status-in-progress-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-status-badge.pendingorder {
  background-color: var(--status-pending-order-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-status-badge.pendingreview {
  background-color: var(--status-pending-review-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .workcard-card .workcard-status-badge.trainingrequired {
  background-color: var(--status-training-required-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.workcard-card-wrapper .result-feedback {
  display: flex;
  align-items: center;
  gap: var(--spacing-extra-small);
  margin-left: var(--spacing-small);
  flex-shrink: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper {
  display: flex;
  align-items: center;
  padding: var(--spacing-small) var(--spacing-medium);
  background-color: var(--alt-background-color);
  border-radius: var(--corner-radius-md, 5px);
  cursor: pointer;
  min-height: 60px;
  overflow: hidden;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper:hover {
  background-color: var(--alt-background-color-hover);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-status-bar {
  flex-shrink: 0;
  align-self: stretch;
  width: 6px;
  margin: calc(-1*var(--spacing-small)) var(--spacing-medium) calc(-1*var(--spacing-small)) calc(-1*var(--spacing-medium));
  border-radius: var(--corner-radius-md, 5px) 0 0 var(--corner-radius-md, 5px);
  background-color: var(--status-open-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-status-bar.complete {
  background-color: var(--status-complete-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-status-bar.closed {
  background-color: var(--status-close-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-status-bar.inprogress {
  background-color: var(--status-in-progress-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-status-bar.pendingorder {
  background-color: var(--status-pending-order-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-status-bar.pendingreview {
  background-color: var(--status-pending-review-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-status-bar.trainingrequired {
  background-color: var(--status-training-required-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card {
  display: flex;
  align-items: center;
  gap: var(--spacing-medium);
  width: 100%;
  min-width: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-number {
  flex-shrink: 0;
  font-size: var(--font-size-sm, 14px);
  font-weight: 600;
  color: var(--font-colors-Label-Description, #b6b8bb);
  min-width: 60px;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-name {
  flex: 1;
  min-width: 0;
  font-size: var(--font-size-sm, 14px);
  font-weight: 600;
  color: var(--font-colors-default, #d6d6d6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-date {
  flex-shrink: 0;
  font-size: var(--font-size-2xs, 12px);
  color: var(--font-colors-Label-Description, #b6b8bb);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-progress-indicator {
  flex-shrink: 0;
  width: 140px;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-progress-indicator .progress-bar {
  justify-content: flex-start;
  width: 100%;
  padding: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-progress-indicator .progress-bar .track {
  width: 100%;
  max-width: none;
  height: 6px;
  margin-right: 0;
  background-color: #212121;
  border-radius: 10px;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-progress-indicator .progress-bar .track .filling.complete {
  background-color: var(--status-complete-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-progress-indicator .progress-bar .track .filling.closed {
  background-color: var(--status-close-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-progress-indicator .progress-bar .track .filling.inprogress {
  background-color: var(--status-in-progress-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-progress-indicator .progress-bar .track .filling.pendingorder {
  background-color: var(--status-pending-order-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-progress-indicator .progress-bar .track .filling.pendingreview {
  background-color: var(--status-pending-review-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-progress-indicator .progress-bar .track .filling.trainingrequired {
  background-color: var(--status-training-required-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-progress-indicator .progress-bar .progress-value {
  display: none;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-percentage {
  flex-shrink: 0;
  font-size: var(--font-size-2xs, 12px);
  color: var(--font-colors-Label-Description, #b6b8bb);
  min-width: 35px;
  text-align: right;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-status-badge {
  flex-shrink: 0;
  min-width: 120px;
  padding: 6px var(--spacing-small);
  border-radius: var(--corner-radius-sm, 4px);
  font-size: var(--font-size-2xs, 12px);
  color: var(--secondary-text-color);
  text-align: center;
  background-color: var(--status-open-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-status-badge.complete {
  background-color: var(--status-complete-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-status-badge.closed {
  background-color: var(--status-close-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-status-badge.inprogress {
  background-color: var(--status-in-progress-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-status-badge.pendingorder {
  background-color: var(--status-pending-order-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-status-badge.pendingreview {
  background-color: var(--status-pending-review-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .task-card .task-status-badge.trainingrequired {
  background-color: var(--status-training-required-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.task-card-wrapper .result-feedback {
  display: flex;
  align-items: center;
  gap: var(--spacing-extra-small);
  margin-left: var(--spacing-small);
  flex-shrink: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.entity-card-wrapper {
  display: flex;
  align-items: center;
  padding: var(--spacing-small) var(--spacing-medium);
  background-color: var(--alt-background-color);
  border-radius: var(--corner-radius-md, 5px);
  cursor: pointer;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.entity-card-wrapper:hover {
  background-color: var(--alt-background-color-hover);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.entity-card-wrapper .entity-card {
  display: flex;
  align-items: center;
  gap: var(--spacing-medium);
  width: 100%;
  min-width: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.entity-card-wrapper .entity-card .entity-thumbnail {
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  border-radius: var(--corner-radius-md, 5px);
  overflow: hidden;
  background-color: var(--secondary-background-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.entity-card-wrapper .entity-card .entity-thumbnail img,#AIsearch-page .AIsearch-results .AIsearch-result-card.entity-card-wrapper .entity-card .entity-thumbnail svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.entity-card-wrapper .entity-card .entity-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  gap: 2px;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.entity-card-wrapper .entity-card .entity-info .entity-name {
  font-size: var(--font-size-sm, 14px);
  font-weight: 600;
  color: var(--font-colors-default, #d6d6d6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.entity-card-wrapper .entity-card .entity-info .entity-date,#AIsearch-page .AIsearch-results .AIsearch-result-card.entity-card-wrapper .entity-card .entity-info .entity-count {
  font-size: var(--font-size-2xs, 12px);
  color: var(--font-colors-Label-Description, #b6b8bb);
  line-height: 1.4;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.entity-card-wrapper .result-feedback {
  display: flex;
  align-items: center;
  gap: var(--spacing-extra-small);
  margin-left: var(--spacing-small);
  flex-shrink: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.document-card-wrapper {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-small);
  background-color: var(--alt-background-color);
  border-radius: var(--corner-radius-md, 5px);
  cursor: pointer;
  min-width: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.document-card-wrapper:hover {
  background-color: var(--alt-background-color-hover);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.document-card-wrapper .document-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 16/10;
  margin-bottom: var(--spacing-2xs, 8px);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.document-card-wrapper .document-thumbnail svg {
  height: 70%;
  width: auto;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.document-card-wrapper .document-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-extra-small);
  min-width: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.document-card-wrapper .document-footer .document-name {
  flex: 1;
  min-width: 0;
  font-size: var(--font-size-sm, 14px);
  font-weight: 600;
  color: var(--font-colors-default, #d6d6d6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.document-card-wrapper .document-footer .result-feedback {
  display: flex;
  align-items: center;
  gap: var(--spacing-extra-small);
  flex-shrink: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.image-card-wrapper {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-small);
  background-color: var(--alt-background-color);
  border-radius: var(--corner-radius-md, 5px);
  cursor: pointer;
  min-width: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.image-card-wrapper:hover {
  background-color: var(--alt-background-color-hover);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.image-card-wrapper .image-thumbnail {
  width: 100%;
  aspect-ratio: 16/10;
  margin-bottom: var(--spacing-2xs, 8px);
  border-radius: var(--corner-radius-sm, 4px);
  overflow: hidden;
  background-color: var(--secondary-background-color);
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.image-card-wrapper .image-thumbnail img,#AIsearch-page .AIsearch-results .AIsearch-result-card.image-card-wrapper .image-thumbnail svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.image-card-wrapper .image-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-extra-small);
  min-width: 0;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.image-card-wrapper .image-footer .image-name {
  flex: 1;
  min-width: 0;
  font-size: var(--font-size-sm, 14px);
  font-weight: 600;
  color: var(--font-colors-default, #d6d6d6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#AIsearch-page .AIsearch-results .AIsearch-result-card.image-card-wrapper .image-footer .result-feedback {
  display: flex;
  align-items: center;
  gap: var(--spacing-extra-small);
  flex-shrink: 0;
}
#chat-window {
  position: fixed;
  display: flex;
  flex-direction: column;
  bottom: 6rem;
  right: 3rem;
  width: 25rem;
  height: 40rem;
  background: var(--primary-color);
  border-radius: 15px 15px 20px 20px;
}
#chat-window .chat-window-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: var(--spacing-small);
  background: var(--primary-color);
  border-radius: 15px 15px 0px 0px;
}
#chat-window .chat-window-header h2 {
  color: var(--primary-text-color-invert);
}
#chat-window .chat-window-header span {
  cursor: pointer;
  color: var(--primary-text-color-invert);
}
#chat-window .chat-window-header .chatbot-header-actions {
  display: flex;
  align-items: center;
  gap: --var(--spacing-extra-small);
}
#chat-window .chat-window-header .chatbot-expand-button {
  cursor: pointer;
  color: var(--primary-text-color-invert);
  display: flex;
  align-items: center;
  opacity: .85;
}
#chat-window .chat-window-header .chatbot-expand-button svg:first-of-type {
  width: 24px;
  height: 24px;
}
#chat-window .chat-window-header .chatbot-expand-button:hover {
  opacity: 1;
}
#chat-window .message-background {
  background: var(--secondary-background-color);
  border-radius: 0px 8px 8px 8px;
}
#chat-window .message-background span {
  color: var(--primary-text-color);
}
#chat-window .message-background .Mt-assistant-font-semibold {
  font-weight: 800;
}
#chat-window .message-background-user {
  background: var(--primary-color);
  border-radius: 8px 0px 8px 8px;
  color: var(--primary-text-color-invert);
}
#chat-window .chat-window-body {
  flex: 1 1 0%;
  padding: 1rem;
  overflow-y: auto;
  background: var(--primary-background-color);
  border-radius: 15px 15px 0px 0px;
}
#chat-window .chat-window-body .starting-time {
  font-size: 11px;
  margin-bottom: 1rem;
  text-align: center;
}
#chat-window .chat-window-body .bot-message .citation-container {
  border-top: 1px solid var(--primary-border-color);
}
#chat-window .chat-window-body .bot-message .citation-container p {
  font-size: larger;
}
#chat-window .chat-window-body Svg {
  height: 3rem;
  width: 3rem;
}
#chat-window .chat-window-body .support-link {
  color: var(--primary-color);
  font-size: small;
}
#chat-window .chat-window-body .source-link {
  font-size: small;
  color: var(--primary-color);
}
#chat-window .chat-window-body .source-link .source-link:hover {
  color: var(--primary-color-hover);
}
#chat-window .chat-window-control {
  padding: 1rem;
  border-top: 1px solid var(--primary-border-color);
  border-radius: 0px 0px 15px 15px;
  background: var(--primary-background-color);
}
#chat-window .chat-window-control input {
  border: none;
}
#chatbot-icon {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 50;
  cursor: pointer;
}
#chatbot-icon .chatbot-icon-container {
  position: relative;
  width: 6rem;
  height: 6rem;
}
#chatbot-icon .chatbot-icon-container #chat-icon-background,#chatbot-icon .chatbot-icon-container #chat-icon,#chatbot-icon .chatbot-icon-container #chat-icon-exit {
  position: absolute;
  inset: 0px;
}
#chatbot-icon .chatbot-icon-container #chat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: .5rem;
  padding-right: .5rem;
}
.chatbot-button {
  cursor: pointer;
}
.chatbot-button svg {
  height: 20px;
  width: 20px;
}
.chatbot-overscroll {
  padding-bottom: 8rem;
}
#AIsearch-list ul.search-history-entries {
  padding-bottom: 8rem;
}
#AIsearch-page .AIsearch-results {
  padding-bottom: 8rem;
}
#tc-homepage {
  padding-bottom: 8rem;
}
#environment-data-configuration-page .environment-data-configuration {
  padding-bottom: 8rem;
}
#overview-widgets-dashboard {
  padding-bottom: 8rem;
}
#product-manual-list-page {
  padding-bottom: 8rem;
}
#form-preview-modal {
  background-color: rgba(0,0,0,.667);
  max-height: 100vh;
}
#form-preview-modal.workcard-view button {
  height: auto;
}
#form-preview-modal.workcard-view .content {
  padding: 0;
  max-height: 75vh;
  min-height: 75vh;
}
#form-preview-modal.workcard-view .form {
  width: 75vw;
  min-width: 75vw;
  height: 85vh;
}
#form-preview-modal.workcard-view .preview-component {
  margin-bottom: .75rem;
  cursor: default;
  width: 100%;
}
#form-preview-modal.workcard-view .preview-component>*:last-child {
  margin-bottom: 0;
}
.interactive-image-preview {
  position: relative;
  display: inline-block;
  overflow: visible;
  z-index: 6;
  width: 512px;
  max-width: 100%;
}
.interactive-image-preview img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.interactive-image-preview .hotspot {
  position: absolute;
  display: flex;
  max-width: 100px;
  max-height: 100px;
  min-width: 27px;
  min-height: 27px;
  justify-content: center;
  text-align: center;
  align-items: center;
  aspect-ratio: 1/1;
  cursor: pointer;
  border-radius: 27px;
  border: 1px solid #d6d6d6;
  background: #00db9a;
  box-shadow: 0 0 15px 0 rgba(0,0,0,.5);
  color: #2c3037;
  font-family: "Nunito";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.interactive-image-preview .hotspot.highlighted {
  box-shadow: 0 0 30px 0 rgba(0,0,0,.7);
}
.interactive-image-preview .hotspot .tooltip {
  display: none;
  position: absolute;
  min-width: 200px;
  background-color: var(--primary-background-color);
  border-radius: 4px;
  padding: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,.1);
  z-index: 1000;
  color: var(--tertiary-text-color);
  white-space: normal;
  text-align: left;
}
.interactive-image-preview .hotspot .tooltip-top {
  top: -10px;
  left: 50%;
  transform: translateX(-5%) translateY(-100%);
}
.interactive-image-preview .hotspot .tooltip-top::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 5%;
  transform: translateX(-5%);
  width: 0;
  height: 0;
  border-left: 8px solid rgba(0,0,0,0);
  border-right: 8px solid rgba(0,0,0,0);
  border-top: 8px solid var(--primary-background-color);
  z-index: 1001;
}
.interactive-image-preview .hotspot .tooltip-bottom {
  bottom: -10px;
  left: 50%;
  transform: translateX(-5%) translateY(100%);
}
.interactive-image-preview .hotspot .tooltip-bottom::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 5%;
  transform: translateX(-5%);
  width: 0;
  height: 0;
  border-left: 8px solid rgba(0,0,0,0);
  border-right: 8px solid rgba(0,0,0,0);
  border-bottom: 8px solid var(--primary-background-color);
  z-index: 1001;
}
.interactive-image-preview .hotspot:hover,.interactive-image-preview .hotspot.open {
  z-index: 999;
}
.interactive-image-preview .hotspot:hover .tooltip,.interactive-image-preview .hotspot.open .tooltip {
  display: block !important;
}
.workcard-view {
  --primary-color: #9062da;
  --primary-border-color: #707070;
  --divider-divider: #4e5157;
  --primary-hover-color: #968eb9;
  --secondary-border-color: #b2b2b2;
  --nav-background-color: #2c3037;
  --nav-background-color-selected: #353b43;
  --workcard-progress-bar-color: #3c444a;
  --default-text-color: #d6d6d6;
  --warning-icon-default-color: #efab2c;
  --caution-icon-default-color: #efab2c;
  --notes-icon-default-color: #5ccad8;
  --danger-icon-default-color: #e44747;
  --attention-icon-default-color: #efab2c;
  --file-icon-default-color: #d6d6d6;
  --workcard-icon-default-color: #d6d6d6;
  --form-icon-default-color: #d6d6d6;
  --table-header-background: #212429;
  --table-header-text: #8b8e92;
  --table-row-background: #3d434d;
  --table-row-text: #d6d6d6;
  --table-border: #494b4d;
  --text-field-error-border-color: #e44747;
  --default-border-color: #707070;
  --sub-header-text: #5ccad8;
  --overview-toggle-background-color: #40464d;
  --overview-toggle-check-color: #2e9f5a;
  --toggle-background-color: #40464d;
  --toggle-check-color: #9062da;
  --button-background: #171717;
  --button-border: #171717;
  --section-background-color: #00000000;
  --note-header-background: #52a6d933;
  --note-header-text: #5ccad8;
  --note-header-indicator-icon: #5ccad8;
  --note-header-collapse-icon: #d6d6d6;
  --note-content-background: #3a5061;
  --note-content-text: #d6d6d6;
  --note-border: #5ccad8;
  --caution-header-background: #5d48202d;
  --caution-header-text: #efab2c;
  --caution-header-indicator-icon: #efab2c;
  --caution-header-collapse-icon: #d6d6d6;
  --caution-content-background: #5d48202d;
  --caution-content-text: #d6d6d6;
  --caution-border: #efab2c;
  --warning-header-background: #5d48202d;
  --warning-header-text: #efab2c;
  --warning-header-indicator-icon: #efab2c;
  --warning-header-collapse-icon: #d6d6d6;
  --warning-content-background: #5d48202d;
  --warning-content-text: #d6d6d6;
  --warning-border: #efab2c;
  --danger-header-background: #6432322d;
  --danger-header-text: #e44747;
  --danger-header-indicator-icon: #e44747;
  --danger-header-collapse-icon: #d6d6d6;
  --danger-content-background: #6432322d;
  --danger-content-text: #d6d6d6;
  --danger-border: #e44747;
  --status-status-in-progress: #4ca6dc;
  --status-status-training-req: #f23e3e;
  --status-status-pending-review: #f08100;
  --status-status-pending-order: #d8b426;
  --status-not-started-color: #707070;
  --status-open-color: #9062da;
  --status-in-progress-color: #4ca6dc;
  --status-pending-order-color: #cb8924;
  --status-pending-review-color: #d65021;
  --status-training-required-color: #f23e3e;
  --status-complete-color: #2ea05a;
  --status-close-color: #535353;
  --status-new-color: #353b43;
}
.workcard-view .belle-aurore {
  font-family: "La Belle Aurore",sans-serif;
}
.workcard-view button {
  transition: none;
}
.workcard-view {
  padding-top: .8rem;
  height: 100%;
  display: flex;
  overflow: hidden auto;
}
.workcard-view .runner {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.workcard-view .form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 0;
  flex: 1;
  min-height: 0;
  width: 100%;
  height: 100%;
}
.workcard-view .form-section-selector {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 15rem;
  height: 100%;
  overflow-y: auto;
}
.workcard-view .form-section-selector button {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  height: auto;
  border: none;
  border-radius: 0;
  background-color: rgba(0,0,0,0);
  padding: .5rem;
  align-items: center;
  gap: 1rem;
  padding-left: 1.25rem;
  margin-left: 3px;
}
.workcard-view .form-section-selector button.active {
  background-color: var(--secondary-background-color);
  border-left: 3px solid var(--primary-color);
  margin-left: 0;
}
.workcard-view .form-section-selector button.collapsed .label {
  display: none;
}
.workcard-view .form-section-selector button:hover {
  color: var(--primary-color);
}
.workcard-view .form-section-selector button:hover svg path {
  stroke: var(--primary-color);
}
.workcard-view .form-section-selector button span.icon {
  width: 2rem;
  display: inline-flex;
  justify-content: center;
  margin: 0;
  flex-shrink: 0;
}
.workcard-view .form-section-selector button .label {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  max-height: 2.8em;
  line-height: 1.4em;
  text-align: left;
}
.workcard-view .form-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  flex-grow: 1;
}
.workcard-view .form-subsection-selector {
  display: flex;
  align-items: center;
  color: var(--tertiary-text-color);
  border-bottom: 1px solid var(--primary-border-color);
  width: 100%;
}
.workcard-view .form-subsection-selector div {
  display: flex;
  justify-content: center;
  border-bottom: 4px solid rgba(0,0,0,0);
  cursor: pointer;
  box-sizing: border-box;
  padding-top: 1.2rem;
  padding-bottom: .5rem;
  width: 12rem;
  font-size: 1.2rem;
}
.workcard-view .form-subsection-selector div:hover {
  border-bottom: 4px solid var(--primary-hover-color);
  color: var(--primary-text-color);
}
.workcard-view .form-subsection-selector span {
  padding: .5rem 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.workcard-view .form-subsection-selector .active {
  border-bottom: 4px solid var(--primary-color);
  color: var(--primary-text-color);
}
.workcard-view .form-subsection {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  flex: 1;
  min-height: 0;
  background-color: var(--content-background-color);
  overflow-y: auto;
}
.workcard-view .form-page-flipper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 1rem auto;
}
.workcard-view .form-page-flipper .number {
  width: 4rem;
  text-align: center;
  margin: 0 .5rem;
}
.workcard-view .form-page-flipper button {
  border: none;
  background-color: rgba(0,0,0,0);
  padding: 0;
  border-radius: .25rem;
  margin: 0;
  width: 3rem;
}
.workcard-view .form-page-flipper button svg {
  width: 100%;
  height: 100%;
}
.workcard-view .form-page-flipper button svg path {
  stroke: var(--default-text-color);
  fill: rgba(0,0,0,0);
}
.workcard-view .form-page-flipper button:hover {
  color: var(--primary-color);
}
.workcard-view .form-page-flipper button:hover svg path {
  stroke: var(--primary-color);
}
.workcard-view .form-page-flipper input {
  padding: .5rem .5rem .5rem 1.5rem;
  background-color: rgba(0,0,0,0);
  border: 1px solid var(--primary-border-color);
  border-radius: .25rem;
  outline: none;
  margin: 0 .5rem;
  text-align: center;
  width: 5rem !important;
}
.workcard-view .banner-node {
  background-color: red;
  margin: 1rem;
}
.workcard-view .banner-node-editable {
  background-color: green;
  margin: 1rem;
}
.workcard-view .lexical-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 1rem 0;
  border-radius: 5px;
  overflow: hidden;
  table-layout: fixed;
}
.workcard-view .lexical-table th {
  background-color: var(--secondary-background-color);
  color: var(--primary-text-color);
  padding: .5rem;
  text-align: left;
  font-weight: bold;
}
.workcard-view .lexical-table td {
  padding: .5rem;
  border: 1px dotted var(--primary-border-color);
}
.workcard-view .text-link {
  color: var(--primary-color);
  text-decoration: underline;
}
.workcard-view .text-bold {
  font-weight: bold;
}
.workcard-view .text-italic {
  font-style: italic;
}
.workcard-view .text-underline {
  text-decoration: underline;
}
.workcard-view .form-page {
  width: 100%;
}
.workcard-view .signature-input {
  border: 1px solid var(--primary-border-color);
  border-radius: 5px;
  padding: 5px;
  min-height: 124px;
  font-size: 14px;
}
.workcard-view .signature-input .click-to-sign {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--tertiary-text-color);
}
.workcard-view .signature-input .click-to-sign .icon {
  margin-top: 27px;
  width: 52px;
  height: 52px;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary-color);
}
.workcard-view .signature-input .click-to-sign .icon svg {
  width: 42px;
  height: auto;
  fill: var(--primary-color);
}
.workcard-view .signature-input .click-to-sign .text {
  margin-top: 8px;
  font-size: 14px;
}
.workcard-view .signature-input .already-signed {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 124px;
}
.workcard-view .signature-input .already-signed .name {
  margin-top: 30px;
  font-size: 48px;
  line-height: 25%;
}
.workcard-view .signature-input .already-signed .date {
  margin-top: 24px;
  text-align: center;
  color: var(--tertiary-text-color);
  font-size: 12px;
  line-height: 16px;
}
.workcard-view .paragraph-field label {
  display: block;
}
.workcard-view .paragraph-field textarea,.workcard-view .paragraph-field input:not([type=checkbox]) {
  width: 100%;
  padding: .4rem 1rem;
  background-color: rgba(0,0,0,0);
  border: 1px solid var(--primary-border-color);
  border-radius: .25rem;
  outline: none;
}
.workcard-view .paragraph-field textarea:focus,.workcard-view .paragraph-field input:not([type=checkbox]):focus {
  border: 1px solid var(--secondary-border-color);
}
.workcard-view .text-input label {
  display: block;
}
.workcard-view .text-input textarea,.workcard-view .text-input input:not([type=checkbox]) {
  width: 100%;
  padding: .4rem 1rem;
  background-color: rgba(0,0,0,0);
  border: 1px solid var(--primary-border-color);
  border-radius: .25rem;
  outline: none;
}
.workcard-view .text-input textarea:focus,.workcard-view .text-input input:not([type=checkbox]):focus {
  border: 1px solid var(--secondary-border-color);
}
.workcard-view .spacer-field {
  margin: 0;
  padding: 0;
}
.workcard-view .spacer-field .spacer {
  width: 100%;
  margin: 0;
}
.workcard-view .divider-field hr {
  width: 100%;
  border-top: 1px solid var(--primary-border-color);
}
.workcard-view .anchor-link-field a {
  color: var(--primary-color);
  text-decoration: underline;
  cursor: pointer;
}
.workcard-view .table-field,.workcard-view .display-table-field {
  border-collapse: collapse;
}
.workcard-view .table-field table,.workcard-view .display-table-field table {
  table-layout: fixed;
  width: 100%;
}
.workcard-view .table-field caption,.workcard-view .display-table-field caption {
  padding: 8px;
  text-align: center;
  width: 100%;
  color: var(--primary-text-color);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.workcard-view .table-field caption.accent-purple,.workcard-view .display-table-field caption.accent-purple {
  background-color: var(--tc-primary-color);
  border: 1px solid var(--divider-divider);
}
.workcard-view .table-field caption.accent-dark,.workcard-view .display-table-field caption.accent-dark {
  background-color: var(--alt-background-color);
  border: 1px solid var(--divider-divider);
}
.workcard-view .table-field caption.accent-none,.workcard-view .display-table-field caption.accent-none {
  background-color: rgba(0,0,0,0);
  border: 1px solid var(--divider-divider);
}
.workcard-view .table-field th,.workcard-view .display-table-field th {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.workcard-view .table-field th h1,.workcard-view .table-field th h2,.workcard-view .table-field th h3,.workcard-view .table-field th h4,.workcard-view .table-field th h5,.workcard-view .table-field th h6,.workcard-view .display-table-field th h1,.workcard-view .display-table-field th h2,.workcard-view .display-table-field th h3,.workcard-view .display-table-field th h4,.workcard-view .display-table-field th h5,.workcard-view .display-table-field th h6 {
  color: var(--primary-text-color);
}
.workcard-view .table-field th,.workcard-view .display-table-field th {
  height: 3rem;
}
.workcard-view .table-field th[rowspan="2"],.workcard-view .display-table-field th[rowspan="2"] {
  height: calc(3rem*2);
}
.workcard-view .table-field th[rowspan="3"],.workcard-view .display-table-field th[rowspan="3"] {
  height: calc(3rem*3);
}
.workcard-view .table-field th[rowspan="4"],.workcard-view .display-table-field th[rowspan="4"] {
  height: calc(3rem*4);
}
.workcard-view .table-field th[rowspan="5"],.workcard-view .display-table-field th[rowspan="5"] {
  height: calc(3rem*5);
}
.workcard-view .table-field th[rowspan="6"],.workcard-view .display-table-field th[rowspan="6"] {
  height: calc(3rem*6);
}
.workcard-view .table-field th[rowspan="7"],.workcard-view .display-table-field th[rowspan="7"] {
  height: calc(3rem*7);
}
.workcard-view .table-field th[rowspan="8"],.workcard-view .display-table-field th[rowspan="8"] {
  height: calc(3rem*8);
}
.workcard-view .table-field th[rowspan="9"],.workcard-view .display-table-field th[rowspan="9"] {
  height: calc(3rem*9);
}
.workcard-view .table-field th[rowspan="10"],.workcard-view .display-table-field th[rowspan="10"] {
  height: calc(3rem*10);
}
.workcard-view .table-field th[rowspan="11"],.workcard-view .display-table-field th[rowspan="11"] {
  height: calc(3rem*11);
}
.workcard-view .table-field th[rowspan="12"],.workcard-view .display-table-field th[rowspan="12"] {
  height: calc(3rem*12);
}
.workcard-view .table-field th[rowspan="13"],.workcard-view .display-table-field th[rowspan="13"] {
  height: calc(3rem*13);
}
.workcard-view .table-field th[rowspan="14"],.workcard-view .display-table-field th[rowspan="14"] {
  height: calc(3rem*14);
}
.workcard-view .table-field th[rowspan="15"],.workcard-view .display-table-field th[rowspan="15"] {
  height: calc(3rem*15);
}
.workcard-view .table-field th[rowspan="16"],.workcard-view .display-table-field th[rowspan="16"] {
  height: calc(3rem*16);
}
.workcard-view .table-field th[rowspan="17"],.workcard-view .display-table-field th[rowspan="17"] {
  height: calc(3rem*17);
}
.workcard-view .table-field th[rowspan="18"],.workcard-view .display-table-field th[rowspan="18"] {
  height: calc(3rem*18);
}
.workcard-view .table-field th[rowspan="19"],.workcard-view .display-table-field th[rowspan="19"] {
  height: calc(3rem*19);
}
.workcard-view .table-field th[rowspan="20"],.workcard-view .display-table-field th[rowspan="20"] {
  height: calc(3rem*20);
}
.workcard-view .table-field td,.workcard-view .display-table-field td {
  line-height: 12px;
  font-style: normal;
  font-weight: 400;
  height: 3rem;
}
.workcard-view .table-field td[rowspan="2"],.workcard-view .display-table-field td[rowspan="2"] {
  height: calc(3rem*2);
}
.workcard-view .table-field td[rowspan="3"],.workcard-view .display-table-field td[rowspan="3"] {
  height: calc(3rem*3);
}
.workcard-view .table-field td[rowspan="4"],.workcard-view .display-table-field td[rowspan="4"] {
  height: calc(3rem*4);
}
.workcard-view .table-field td[rowspan="5"],.workcard-view .display-table-field td[rowspan="5"] {
  height: calc(3rem*5);
}
.workcard-view .table-field td[rowspan="6"],.workcard-view .display-table-field td[rowspan="6"] {
  height: calc(3rem*6);
}
.workcard-view .table-field td[rowspan="7"],.workcard-view .display-table-field td[rowspan="7"] {
  height: calc(3rem*7);
}
.workcard-view .table-field td[rowspan="8"],.workcard-view .display-table-field td[rowspan="8"] {
  height: calc(3rem*8);
}
.workcard-view .table-field td[rowspan="9"],.workcard-view .display-table-field td[rowspan="9"] {
  height: calc(3rem*9);
}
.workcard-view .table-field td[rowspan="10"],.workcard-view .display-table-field td[rowspan="10"] {
  height: calc(3rem*10);
}
.workcard-view .table-field td[rowspan="11"],.workcard-view .display-table-field td[rowspan="11"] {
  height: calc(3rem*11);
}
.workcard-view .table-field td[rowspan="12"],.workcard-view .display-table-field td[rowspan="12"] {
  height: calc(3rem*12);
}
.workcard-view .table-field td[rowspan="13"],.workcard-view .display-table-field td[rowspan="13"] {
  height: calc(3rem*13);
}
.workcard-view .table-field td[rowspan="14"],.workcard-view .display-table-field td[rowspan="14"] {
  height: calc(3rem*14);
}
.workcard-view .table-field td[rowspan="15"],.workcard-view .display-table-field td[rowspan="15"] {
  height: calc(3rem*15);
}
.workcard-view .table-field td[rowspan="16"],.workcard-view .display-table-field td[rowspan="16"] {
  height: calc(3rem*16);
}
.workcard-view .table-field td[rowspan="17"],.workcard-view .display-table-field td[rowspan="17"] {
  height: calc(3rem*17);
}
.workcard-view .table-field td[rowspan="18"],.workcard-view .display-table-field td[rowspan="18"] {
  height: calc(3rem*18);
}
.workcard-view .table-field td[rowspan="19"],.workcard-view .display-table-field td[rowspan="19"] {
  height: calc(3rem*19);
}
.workcard-view .table-field td[rowspan="20"],.workcard-view .display-table-field td[rowspan="20"] {
  height: calc(3rem*20);
}
.workcard-view .table-field td,.workcard-view .display-table-field td {
  line-height: 12px;
  font-style: normal;
  font-weight: 400;
  height: 3rem;
}
.workcard-view .table-field td[rowspan="2"],.workcard-view .display-table-field td[rowspan="2"] {
  height: calc(3rem*2);
}
.workcard-view .table-field td[rowspan="3"],.workcard-view .display-table-field td[rowspan="3"] {
  height: calc(3rem*3);
}
.workcard-view .table-field td[rowspan="4"],.workcard-view .display-table-field td[rowspan="4"] {
  height: calc(3rem*4);
}
.workcard-view .table-field td[rowspan="5"],.workcard-view .display-table-field td[rowspan="5"] {
  height: calc(3rem*5);
}
.workcard-view .table-field td[rowspan="6"],.workcard-view .display-table-field td[rowspan="6"] {
  height: calc(3rem*6);
}
.workcard-view .table-field td[rowspan="7"],.workcard-view .display-table-field td[rowspan="7"] {
  height: calc(3rem*7);
}
.workcard-view .table-field td[rowspan="8"],.workcard-view .display-table-field td[rowspan="8"] {
  height: calc(3rem*8);
}
.workcard-view .table-field td[rowspan="9"],.workcard-view .display-table-field td[rowspan="9"] {
  height: calc(3rem*9);
}
.workcard-view .table-field td[rowspan="10"],.workcard-view .display-table-field td[rowspan="10"] {
  height: calc(3rem*10);
}
.workcard-view .table-field td[rowspan="11"],.workcard-view .display-table-field td[rowspan="11"] {
  height: calc(3rem*11);
}
.workcard-view .table-field td[rowspan="12"],.workcard-view .display-table-field td[rowspan="12"] {
  height: calc(3rem*12);
}
.workcard-view .table-field td[rowspan="13"],.workcard-view .display-table-field td[rowspan="13"] {
  height: calc(3rem*13);
}
.workcard-view .table-field td[rowspan="14"],.workcard-view .display-table-field td[rowspan="14"] {
  height: calc(3rem*14);
}
.workcard-view .table-field td[rowspan="15"],.workcard-view .display-table-field td[rowspan="15"] {
  height: calc(3rem*15);
}
.workcard-view .table-field td[rowspan="16"],.workcard-view .display-table-field td[rowspan="16"] {
  height: calc(3rem*16);
}
.workcard-view .table-field td[rowspan="17"],.workcard-view .display-table-field td[rowspan="17"] {
  height: calc(3rem*17);
}
.workcard-view .table-field td[rowspan="18"],.workcard-view .display-table-field td[rowspan="18"] {
  height: calc(3rem*18);
}
.workcard-view .table-field td[rowspan="19"],.workcard-view .display-table-field td[rowspan="19"] {
  height: calc(3rem*19);
}
.workcard-view .table-field td[rowspan="20"],.workcard-view .display-table-field td[rowspan="20"] {
  height: calc(3rem*20);
}
.workcard-view .table-field td .text-input input,.workcard-view .display-table-field td .text-input input {
  margin-top: 8px;
}
.workcard-view .table-field td .paragraph-field textarea,.workcard-view .display-table-field td .paragraph-field textarea {
  margin-top: 8px;
}
.workcard-view .table-field td .selectable-options-input fieldset,.workcard-view .display-table-field td .selectable-options-input fieldset {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.workcard-view .table-field td .selectable-options-input fieldset legend,.workcard-view .display-table-field td .selectable-options-input fieldset legend {
  margin-bottom: 12px;
}
.workcard-view .table-field td .selectable-options-input fieldset .flex-row,.workcard-view .display-table-field td .selectable-options-input fieldset .flex-row {
  flex-wrap: nowrap;
  align-items: center;
}
.workcard-view .table-field td .selectable-options-input fieldset mt-multi-select,.workcard-view .display-table-field td .selectable-options-input fieldset mt-multi-select {
  width: 100%;
}
.workcard-view .table-field .workcard-field label,.workcard-view .display-table-field .workcard-field label {
  min-width: 0;
  max-width: 100%;
}
.workcard-view .table-field .workcard-field #MT-button,.workcard-view .display-table-field .workcard-field #MT-button {
  min-width: 0;
  max-width: 100%;
}
.workcard-view .table-field th,.workcard-view .display-table-field th {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  flex-wrap: wrap;
  text-overflow: wrap;
  white-space: wrap;
  word-break: break-word;
  word-wrap: break-word;
  padding: 8px;
}
.workcard-view .table-field th.accent-purple,.workcard-view .display-table-field th.accent-purple {
  color: var(--primary-text-color);
  background-color: var(--primary-color);
  border-left: 1px solid var(--divider-divider);
  border-right: 1px solid var(--divider-divider);
}
.workcard-view .table-field th.accent-dark,.workcard-view .display-table-field th.accent-dark {
  color: var(--primary-text-color);
  background-color: var(--alt-background-color);
  border-left: 1px solid var(--divider-divider);
  border-right: 1px solid var(--divider-divider);
}
.workcard-view .table-field th.accent-none,.workcard-view .display-table-field th.accent-none {
  color: var(--primary-text-color);
  background-color: var(--primary-background-color);
  border-left: 1px solid var(--divider-divider);
  border-right: 1px solid var(--divider-divider);
}
.workcard-view .table-field td,.workcard-view .display-table-field td {
  padding: 8px;
  line-height: 12px;
  font-style: normal;
  font-weight: 400;
  flex-wrap: wrap;
  text-overflow: wrap;
  white-space: wrap;
  word-break: break-word;
  word-wrap: break-word;
  vertical-align: top;
}
.workcard-view .table-field td *,.workcard-view .display-table-field td * {
  flex-wrap: wrap;
  white-space: wrap;
  word-break: break-word;
  word-wrap: break-word;
  min-width: 0;
  max-width: 100%;
  text-overflow: initial;
}
.workcard-view .table-field td>.header-field h1,.workcard-view .table-field td>.header-field h2,.workcard-view .table-field td>.header-field h3,.workcard-view .table-field td>.header-field h4,.workcard-view .display-table-field td>.header-field h1,.workcard-view .display-table-field td>.header-field h2,.workcard-view .display-table-field td>.header-field h3,.workcard-view .display-table-field td>.header-field h4 {
  font-weight: bold;
  color: var(--primary-color);
  margin-top: 0rem;
}
.workcard-view .table-field td>.workcard-field label,.workcard-view .display-table-field td>.workcard-field label {
  font-size: .85rem;
  min-width: 0;
  max-width: 100%;
}
.workcard-view .table-field td>.workcard-field #MT-button,.workcard-view .display-table-field td>.workcard-field #MT-button {
  margin-top: 8px;
  min-width: 0;
  max-width: 100%;
  text-wrap: inherit;
}
.workcard-view .table-field td>.description-field,.workcard-view .display-table-field td>.description-field {
  text-overflow: ellipsis;
  font-family: "Nunito Sans",sans-serif;
  line-height: 12px;
  font-style: normal;
  font-weight: 400;
}
.workcard-view .table-field .bordered td,.workcard-view .table-field .bordered th,.workcard-view .display-table-field .bordered td,.workcard-view .display-table-field .bordered th {
  border: 1px solid var(--table-border);
}
.workcard-view .page-field,.workcard-view .info-box-field,.workcard-view .list-field>ul {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: 1.5rem;
}
.workcard-view .page-field li,.workcard-view .info-box-field li,.workcard-view .list-field>ul li {
  margin-left: 0;
}
.workcard-view .page-field li .list-field>ul li,.workcard-view .info-box-field li .list-field>ul li,.workcard-view .list-field>ul li .list-field>ul li {
  margin-left: 2rem;
}
.workcard-view .info-box-field {
  padding: .5rem;
  border: 1px solid var(--secondary-border-color);
  border-radius: 3px;
  padding-left: 0;
  padding-right: 0;
}
.workcard-view .info-box-field .info-box-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  padding: 4px 16px;
  gap: 10px;
}
.workcard-view .info-box-field .info-box-header .info-box-icon {
  width: 30px;
  height: 30px;
  margin-right: .5rem;
  flex-shrink: 0;
}
.workcard-view .info-box-field .info-box-header .info-box-icon svg {
  width: 22px;
  height: auto;
}
.workcard-view .info-box-field .info-box-header .info-box-title {
  flex-grow: 1;
  font-size: 18px;
  font-family: "Nunito Sans",sans-serif;
  font-style: normal;
  line-height: 24px;
}
.workcard-view .info-box-field .info-box-header .collapse-button {
  border: none !important;
  background-color: rgba(0,0,0,0);
  padding: 0;
  border-radius: .25rem;
  margin: 0;
  width: 1.5rem;
}
.workcard-view .info-box-field .info-box-header .collapse-button svg path {
  stroke: var(--default-text-color);
}
.workcard-view .info-box-field .info-box-content {
  padding: 12px 16px;
}
.workcard-view .info-box-field.info-box-info {
  border-radius: 3px;
  border: 1px solid var(--status-status-in-progress);
  background: var(--note-content-background);
}
.workcard-view .info-box-field.info-box-info .info-box-title {
  color: var(--status-status-in-progress);
}
.workcard-view .info-box-field.info-box-info svg.info-box-icon path {
  stroke: var(--status-status-in-progress);
}
.workcard-view .info-box-field.info-box-info .info-box-content {
  border-top: 1px solid var(--status-status-in-progress);
}
.workcard-view .info-box-field.info-box-danger {
  border-radius: 3px;
  border: 1px solid var(--status-status-training-req);
  background: var(--danger-content-background);
}
.workcard-view .info-box-field.info-box-danger .info-box-title {
  color: var(--status-status-training-req);
}
.workcard-view .info-box-field.info-box-danger svg.info-box-icon path {
  stroke: var(--status-status-training-req);
}
.workcard-view .info-box-field.info-box-danger svg.info-box-icon mask {
  fill: var(--status-status-training-req);
}
.workcard-view .info-box-field.info-box-danger .info-box-content {
  border-top: 1px solid var(--status-status-training-req);
}
.workcard-view .info-box-field.info-box-warning {
  border-radius: 3px;
  border: 1px solid var(--status-status-pending-review);
  background: var(--warning-content-background);
}
.workcard-view .info-box-field.info-box-warning .info-box-title {
  color: var(--status-status-pending-review);
}
.workcard-view .info-box-field.info-box-warning svg.info-box-icon path {
  stroke: var(--status-status-pending-review);
}
.workcard-view .info-box-field.info-box-warning .info-box-content {
  border-top: 1px solid var(--status-status-pending-review);
}
.workcard-view .info-box-field.info-box-caution {
  border-radius: 3px;
  border: 1px solid var(--status-status-pending-order);
  background: var(--caution-content-background);
}
.workcard-view .info-box-field.info-box-caution .info-box-title {
  color: var(--status-status-pending-order);
}
.workcard-view .info-box-field.info-box-caution svg.info-box-icon path {
  stroke: var(--status-status-pending-order);
}
.workcard-view .info-box-field.info-box-caution .info-box-content {
  border-top: 1px solid var(--status-status-pending-order);
}
.workcard-view .list-field ul,.workcard-view .list-field ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.workcard-view .page-field {
  padding-top: 1rem;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.workcard-view .page-field .rich-text-field h1,.workcard-view .page-field .rich-text-input h1,.workcard-view .page-field .header-field h1 {
  font-size: 2.25rem !important;
}
.workcard-view .page-field .rich-text-field h2,.workcard-view .page-field .rich-text-input h2,.workcard-view .page-field .header-field h2 {
  font-size: 2rem !important;
}
.workcard-view .page-field .rich-text-field h3,.workcard-view .page-field .rich-text-input h3,.workcard-view .page-field .header-field h3 {
  font-size: 1.75rem;
}
.workcard-view .page-field .rich-text-field h4,.workcard-view .page-field .rich-text-input h4,.workcard-view .page-field .header-field h4 {
  font-size: 1.5rem;
}
.workcard-view .page-field .rich-text-field h5,.workcard-view .page-field .rich-text-input h5,.workcard-view .page-field .header-field h5 {
  font-size: 1.25rem;
}
.workcard-view .page-field .rich-text-field h6,.workcard-view .page-field .rich-text-input h6,.workcard-view .page-field .header-field h6 {
  font-size: 1rem;
}
.workcard-view .page-field .rich-text-field ul,.workcard-view .page-field .rich-text-input ul,.workcard-view .page-field .header-field ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.25rem;
}
.workcard-view .page-field .rich-text-field ol,.workcard-view .page-field .rich-text-input ol,.workcard-view .page-field .header-field ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 1.25rem;
}
.workcard-view .selectable-options-input input[type=radio] {
  accent-color: var(--primary-color);
}
.workcard-view .selectable-options-input mt-multi-select {
  width: 100%;
}
.workcard-view .checkbox-input {
  text-indent: -2rem;
  padding-left: 2rem;
}
.workcard-view .checkbox-input input[type=checkbox] {
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  accent-color: var(--primary-color);
  min-width: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: .25rem;
  border: 1px solid var(--primary-border-color);
  margin-right: .75rem;
}
.workcard-view .checkbox-input input[type=checkbox]:checked {
  transform: scale(1);
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}
.workcard-view .checkbox-input label .required {
  color: red;
}
.workcard-view .header-field h1,.workcard-view .header-field h2,.workcard-view .header-field h3,.workcard-view .header-field h4,.workcard-view .header-field h5,.workcard-view .header-field h6 {
  font-weight: bold;
  color: var(--primary-color);
  margin-top: 1.5rem;
}
.workcard-view .header-field h1 {
  font-size: 2.25rem;
  line-height: 2.25rem;
}
.workcard-view .header-field h2 {
  font-size: 2rem;
  line-height: 2rem;
}
.workcard-view .header-field h3 {
  font-size: 1.75rem;
  line-height: 1.75rem;
}
.workcard-view .header-field h4 {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.workcard-view .header-field h5 {
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.workcard-view .header-field h6 {
  font-size: 1rem;
  line-height: 1rem;
}
.workcard-view .description-field {
  text-overflow: ellipsis;
  font-family: "Nunito Sans",sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.workcard-view .rich-text-input {
  border: 1px solid var(--primary-border-color);
  border-radius: 5px;
  background-color: var(--secondary-background-color);
  margin: .5rem 0;
}
.workcard-view .rich-text-input [contenteditable=true] {
  outline: none;
}
.workcard-view .rich-text-input .image-node-editable img,.workcard-view .rich-text-input .image-node img {
  display: inline;
  vertical-align: middle;
  margin-right: .5rem;
}
.workcard-view .rich-text-input .content-editable {
  background-color: var(--primary-background-color);
  border-top: 1px solid var(--primary-border-color);
  min-height: 25vh;
  padding: .5rem;
  overflow: auto;
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.workcard-view .rich-text-input .toolbar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  padding: .5rem;
}
.workcard-view .rich-text-input .toolbar-divider {
  height: 24px;
  border-left: 1px solid var(--primary-border-color);
  margin: 5px .5rem;
}
.workcard-view .rich-text-input .toolbar-control {
  width: 32px;
  height: 32px;
  align-self: center;
}
.workcard-view .rich-text-input input.toolbar-input {
  width: 64px;
}
.workcard-view .rich-text-input .toolbar-image-dropdown {
  border: 1px solid var(--primary-border-color);
  border-radius: 5px;
  width: 135px;
  height: 32px;
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  font-size: 10px;
}
.workcard-view .rich-text-input .toolbar-image-dropdown .toolbar-image-dropdown-menu {
  position: absolute;
  background-color: var(--primary-background-color);
  border: 1px solid var(--primary-border-color);
  border-radius: 5px;
  width: 148px;
  top: 32px;
  left: -6.5px;
}
.workcard-view .rich-text-input .toolbar-image-dropdown .toolbar-image-dropdown-menu .toolbar-image-dropdown-menu-item {
  font-size: 10px;
  justify-content: left;
  align-items: center;
  padding-left: 16px;
}
.workcard-view .rich-text-input .toolbar-image-dropdown .toolbar-image-dropdown-menu .toolbar-image-dropdown-menu-item:hover {
  background-color: var(--primary-background-color-hover);
}
.workcard-view .rich-text-input .toolbar-icon {
  height: 32px;
  width: auto;
  padding: 5px;
  margin-top: auto;
  margin-bottom: auto;
}
.workcard-view .rich-text-input .toolbar-icon:hover {
  background-color: var(--secondary-background-color-hover);
  border-radius: 5px;
}
.workcard-view .rich-text-input .toolbar-icon.active {
  background-color: var(--primary-background-color);
  border-radius: 5px;
  border: 1px solid var(--primary-border-color);
}
.workcard-view .workcard-field {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  align-items: flex-start;
}
.workcard-view .workcard-field .input-label .label {
  font-size: .85rem;
  color: var(--label-description-color);
}
.workcard-view input:disabled,.workcard-view button:disabled,.workcard-view select:disabled,.workcard-view textarea:disabled {
  opacity: .4;
  cursor: default;
}
.workcard-view input,.workcard-view button,.workcard-view select,.workcard-view textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.workcard-view input:disabled {
  cursor: default;
}
.form-runner-camera-modal {
  border: 13px solid var(--primary-color);
  min-width: 100vw !important;
  min-height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: auto;
  position: relative;
}
.form-runner-camera-modal .camera-capture {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.form-runner-camera-modal .camera-capture video {
  position: absolute;
  width: 100%;
  height: 100%;
}
.form-runner-camera-modal .camera-capture .buttons {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: var(--button-background);
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.form-runner-camera-modal .camera-capture .submit-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 38px;
  color: #fff;
  background-color: #fff;
  border: 16px solid rgba(0,0,0,.677);
  border-radius: 50%;
  width: 98px;
  height: 98px;
}
.form-runner-camera-modal .annotation {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.form-runner-camera-modal .annotation canvas {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
}
.form-runner-camera-modal .annotation .buttons {
  position: absolute;
  bottom: 38px;
  right: 38px;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.form-runner-camera-modal .annotation .buttons .submit.button {
  background-color: var(--primary-color);
  color: var(--primary-background-color);
  border: none;
}
#workcard-form {
  margin: 0;
}
#workcard-form .workcard-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
#workcard-form h2 {
  font-size: 1.5rem;
}
#workcard-form .content {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#workcard-form .content .centered {
  text-align: center;
}
#workcard-form .content .section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 1rem;
  width: 100%;
}
.tooltip-container {
  position: relative;
  padding: 20px;
}
.tooltip-container .tooltip-svg-container {
  width: 400px;
  height: 300px;
  border: 1px solid #ccc;
  background-color: #f0f0f0;
  position: relative;
  margin: 20px 0;
}
.tooltip-container .tooltip-svg-container .tooltip-svg-title {
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
}
.tooltip-container .tooltip-svg-container .tooltip-hotspot-button {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: red;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 10px;
}
.tooltip-container .tooltip-svg-container .tooltip-hotspot-button:hover {
  background-color: #c00;
  transform: scale(1.1);
}
.tooltip-container .tooltip-popup {
  position: fixed;
  min-width: 250px;
  background-color: var(--primary-background-color);
  border-radius: 4px;
  padding: 10px;
  box-shadow: 0 2px 8px #000;
  z-index: 1000;
  transform: translateX(-50%) translateY(-100%);
  color: var(--tertiary-text-color);
}
.tooltip-container .tooltip-popup::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid rgba(0,0,0,0);
  border-right: 8px solid rgba(0,0,0,0);
  border-top: 8px solid var(--primary-background-color);
}
.tooltip-container .tooltip-popup .tooltip-popup-title {
  font-weight: bold;
  margin-bottom: 5px;
  color: var(--sub-header-text);
}
.tooltip-container .tooltip-popup .tooltip-popup-row {
  display: flex;
  flex-direction: column;
  margin-bottom: .5rem;
}
.tooltip-container .tooltip-popup .tooltip-popup-no-data {
  padding: 8px 0;
  text-align: center;
}
.tooltip-container .tooltip-popup .tooltip-popup-no-data span {
  color: #9ca3af;
  font-style: italic;
  font-size: 14px;
}
.tooltip-container .tooltip-popup .tooltip-close-button {
  position: absolute;
  top: 5px;
  right: 5px;
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  color: var(--default-text-color);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}
.tooltip-container .tooltip-popup .tooltip-close-button:hover {
  background-color: var(--overview-toggle-background-color);
}
.tooltip-container .tooltip-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
#tc-layout {
  --primary-text-color: #d6d6d6;
  --primary-color: #9062da;
  --primary-hover-color: #968eb9;
  --primary-border-color: #707070;
  --divider-divider: #4e5157;
  --secondary-border-color: #b2b2b2;
  --nav-background-color: #2c3037;
  --nav-background-color-selected: #30353e;
  --workcard-progress-bar-color: #3c444a;
  --default-text-color: #d6d6d6;
  --warning-icon-default-color: #efab2c;
  --caution-icon-default-color: #efab2c;
  --notes-icon-default-color: #5ccad8;
  --danger-icon-default-color: #e44747;
  --attention-icon-default-color: #efab2c;
  --file-icon-default-color: #d6d6d6;
  --workcard-icon-default-color: #d6d6d6;
  --form-icon-default-color: #d6d6d6;
  --table-header-background: #212429;
  --table-header-text: #8b8e92;
  --table-row-background: #3d434d;
  --table-row-text: #d6d6d6;
  --table-border: #494b4d;
  --text-field-error-border-color: #e44747;
  --default-border-color: #707070;
  --sub-header-text: #5ccad8;
  --overview-toggle-background-color: #40464d;
  --overview-toggle-check-color: #2e9f5a;
  --toggle-background-color: #40464d;
  --toggle-check-color: #9062da;
  --button-background: #171717;
  --button-background-secondary: #353b43;
  --button-background-secondary-hover: #30353e;
  --button-border: #171717;
  --button-background-primary-outline-hover: #25282e;
  --section-background-color: #00000000;
  --note-header-background: #52a6d933;
  --note-header-text: #5ccad8;
  --note-header-indicator-icon: #5ccad8;
  --note-header-collapse-icon: #d6d6d6;
  --note-content-background: #3a5061;
  --note-content-text: #d6d6d6;
  --note-border: #5ccad8;
  --caution-header-background: #5d48202d;
  --caution-header-text: #efab2c;
  --caution-header-indicator-icon: #efab2c;
  --caution-header-collapse-icon: #d6d6d6;
  --caution-content-background: #5d48202d;
  --caution-content-text: #d6d6d6;
  --caution-border: #efab2c;
  --warning-header-background: #5d48202d;
  --warning-header-text: #efab2c;
  --warning-header-indicator-icon: #efab2c;
  --warning-header-collapse-icon: #d6d6d6;
  --warning-content-background: #5d48202d;
  --warning-content-text: #d6d6d6;
  --warning-border: #efab2c;
  --danger-header-background: #6432322d;
  --danger-header-text: #e44747;
  --danger-header-indicator-icon: #e44747;
  --danger-header-collapse-icon: #d6d6d6;
  --danger-content-background: #6432322d;
  --danger-content-text: #d6d6d6;
  --danger-border: #e44747;
  --cards-card-primary: #25282e;
  --cards-card-hover: #1f2227;
  --greyer-text-color: #96999d;
  --default-label-text-color: #96999d;
  --status-status-in-progress: #4ca6dc;
  --status-status-training-req: #f23e3e;
  --status-status-pending-review: #f08100;
  --status-status-pending-order: #d8b426;
  --status-not-started-color: #707070;
  --status-open-color: #9062da;
  --status-in-progress-color: #4ca6dc;
  --status-pending-order-color: #cb8924;
  --status-pending-review-color: #d65021;
  --status-training-required-color: #f23e3e;
  --status-complete-color: #2ea05a;
  --status-close-color: #535353;
  --status-new-color: #353b43;
  --spacing-lg: 1.5rem;
  --spacing-xs: 0.75rem;
  --spacing-2xs: 0.5rem;
  --spacing-3xs: 0.25rem;
  --font-size-xl: 1.375rem;
  --font-size-md: 1.125rem;
  --font-size-sm: 1rem;
  --font-size-xs: 0.875rem;
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100dvh;
  overflow: hidden;
  color: var(--default-text-color);
  line-height: 20px;
  font-size: 16px;
}
#tc-layout #main-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  width: 100vw;
  overflow-y: auto;
  background-color: var(--content-background-color);
  background-image: url(/dashboard/static/images/dashboard/background-poly.png);
  background-position: bottom;
  background-repeat: no-repeat;
}
#tc-layout #tc-container {
  width: 100%;
  display: flex;
  flex: 1;
  min-height: 0;
}
#tc-layout #tc-container>main {
  width: 100%;
  overflow-y: scroll;
}
#tc-layout .tc-header {
  display: flex;
  align-items: center;
  padding: 0 0 0 1.5rem;
  position: relative;
  height: 80px;
  background-color: var(--primary-background-color);
}
#tc-layout .tc-header button.hamburger {
  background-color: rgba(0,0,0,0);
  border: none;
  display: flex;
  flex-direction: column;
  padding: 5px 5px 5px 0;
  margin-right: 1rem;
  align-items: flex-start;
}
#tc-layout .tc-header button.hamburger .line {
  width: 30px;
  height: 3px;
  background-color: var(--primary-text-color);
  border-radius: .25rem;
  margin-bottom: 5px;
}
#tc-layout .tc-header button.hamburger:hover {
  background-color: inherit;
}
#tc-layout .tc-header button.hamburger:hover .line {
  background-color: var(--primary-color);
}
#tc-layout .tc-header .logo {
  width: 180px;
}
#tc-layout .tc-header .header-text {
  font-size: 2.5rem;
  margin: 0px auto 0px 15px;
  padding: 0px 15px;
  height: 100%;
  position: relative;
  cursor: default;
}
#tc-layout .tc-header .header-text span {
  font-family: "Posterama";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#tc-layout .tc-header .theme-switch {
  margin-right: 1.5rem;
}
#tc-layout .tc-header .cursor-pointer {
  cursor: pointer;
}
#tc-layout .tc-header .avatar-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 79px;
  cursor: pointer;
}
#tc-layout .tc-header .avatar-container>div {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#tc-layout .tc-header .avatar-container:hover {
  background-color: var(--primary-background-color);
}
#tc-layout .tc-header .avatar-container.open {
  background-color: var(--primary-background-color);
}
#tc-layout .tc-header .avatar-container .user-menu {
  position: absolute;
  bottom: -2px;
  right: 17px;
  padding: 0rem 1rem;
  font-size: 18px;
  min-width: 260px;
  background-color: var(--primary-background-color);
  border-radius: 2px;
  z-index: 2;
  list-style: none;
  transform: translateY(100%);
  box-shadow: 0px 3px 6px rgba(0,0,0,.1607843137);
}
#tc-layout .tc-header .avatar-container .user-menu li {
  padding: .5rem 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
}
#tc-layout .tc-header .avatar-container .user-menu li svg {
  margin-right: 1rem;
}
#tc-layout .tc-header .avatar-container .user-menu li svg path,#tc-layout .tc-header .avatar-container .user-menu li svg circle,#tc-layout .tc-header .avatar-container .user-menu li svg rect {
  stroke: var(--primary-color);
}
#tc-layout .tc-header .avatar-container .user-menu li:hover {
  color: var(--primary-color);
}
#tc-layout .tc-header .avatar-container .user-menu li.lower-section {
  margin-top: .5rem;
  border-top: 1px solid var(--primary-border-color);
}
#tc-layout .tc-header .avatar-container .user-menu li.version {
  font-size: 1rem;
  color: var(--tertiary-text-color);
}
#tc-layout .tc-header .avatar-container .user-menu li.upper-section {
  display: flex;
  border-bottom: 1px solid var(--primary-border-color);
  cursor: default;
  padding: 1rem;
  margin-bottom: .5rem;
}
#tc-layout .tc-header .avatar-container .user-menu li.upper-section:hover {
  color: inherit;
}
#tc-layout .tc-header .avatar-container .user-menu li.upper-section .avatar {
  margin-right: 1rem;
}
#tc-layout .tc-header .avatar-container .user-menu li.upper-section span {
  display: flex;
  flex-direction: column;
}
#tc-layout .tc-header .avatar-container .user-menu li:last-child {
  padding-bottom: 1rem;
}
#tc-layout .tc-header .avatar-container .user-menu li img {
  width: 35px;
  height: 35px;
  margin-right: 1rem;
}
#tc-layout .tc-header .avatar-container img {
  width: 45px;
  height: 45px;
  border-radius: .5rem;
}
#tc-layout .tc-header .notifications-icon {
  position: relative;
  display: flex;
  width: 70px;
  height: 79px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#tc-layout .tc-header .notifications-icon:hover {
  background-color: var(--primary-background-color-hover);
}
#tc-layout .tc-header .notifications-icon.open {
  background-color: var(--primary-background-color-hover);
}
#tc-layout .tc-header .notifications-icon .notification-count {
  position: absolute;
  top: 24px;
  right: 17px;
  margin: 0;
  padding: 0;
  background-color: var(--primary-color);
  color: var(--default-text-color);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  font-size: .8rem;
  font-weight: bold;
}
#tc-layout .tc-header .notifications-icon svg {
  width: 30px;
  height: 30px;
}
#tc-layout .tc-header .notifications-icon svg * {
  stroke: var(--primary-text-color);
}
#tc-layout .tc-header svg.app-selection-icon * {
  stroke: var(--primary-color);
  fill: var(--primary-color);
}
#tc-layout .tc-header .app-selection-icon {
  position: relative;
  display: flex;
  width: 70px;
  height: 79px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#tc-layout .tc-header .app-selection-icon:hover {
  background-color: var(--primary-background-color-hover);
}
#tc-layout .tc-header .app-selection-icon.open {
  background-color: var(--primary-background-color-hover);
}
#tc-layout .tc-header .app-selection-icon svg {
  width: 70px;
  height: 79px;
}
#tc-layout .tc-header .app-selection-icon svg * {
  stroke: var(--primary-color);
  fill: var(--primary-color);
}
#tc-layout .tc-header .app-selection-menu {
  position: absolute;
  bottom: -1px;
  transform: translateY(100%);
  right: 6.1rem;
  z-index: 2;
  background-color: var(--primary-background-color);
  list-style: none;
  overflow: hidden auto;
  padding: 15px;
  width: 452px;
  border-radius: 2px;
  font-size: 18px;
  box-shadow: 0px 3px 6px rgba(0,0,0,.1607843137);
}
#tc-layout .tc-header .app-selection-menu h1 {
  font-family: "Nunito",sans-serif;
  letter-spacing: 0px;
  font-size: 14px;
  line-height: 19px;
  color: var(--primary-text-color);
  font-size: 1.5rem;
}
#tc-layout .tc-header .app-selection-menu .app-selection-items {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 13px;
}
#tc-layout .tc-header .app-selection-menu .app-selection-items .app-icon {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--primary-border-color);
  border-radius: 5px;
  padding: 1rem;
  width: 7.2rem;
  height: 8rem;
  align-items: center;
}
#tc-layout .tc-header .app-selection-menu .app-selection-items .app-icon.active {
  border: 1px solid var(--primary-color);
  background-color: var(--primary-background-color-hover);
}
#tc-layout .tc-header .app-selection-menu .app-selection-items .app-icon.active .icon-name {
  color: var(--primary-color);
}
#tc-layout .tc-header .app-selection-menu .app-selection-items .app-icon .icon-name {
  text-align: center;
  font-size: 9px;
  line-height: normal;
  color: var(--primary-text-color);
  margin-top: 5px;
}
#tc-layout .tc-header .app-selection-menu .app-selection-items .app-icon:hover {
  background-color: var(--primary-background-color-hover);
}
@media screen and (max-width: 576px) {
  #tc-layout .tc-header .app-selection-menu {
    width: 275px;
  }
  #tc-layout .tc-header .app-selection-menu .app-selection-items {
    gap: 1rem;
    justify-content: center;
  }
}
#tc-layout .tc-header .notifications-menu {
  position: absolute;
  bottom: -1px;
  transform: translateY(100%);
  right: 79px;
  z-index: 2;
  background-color: var(--primary-background-color);
  list-style: none;
  overflow: hidden auto;
  padding: 15px;
  width: 325px;
  max-height: 400px;
  border-radius: 2px;
  font-size: 18px;
  box-shadow: 0px 3px 6px rgba(0,0,0,.1607843137);
}
#tc-layout .tc-header .notifications-menu h1 {
  font-family: "Nunito",sans-serif;
  letter-spacing: 0px;
  font-size: 14px;
  line-height: 19px;
  color: var(--primary-text-color);
  font-size: 1.5rem;
}
#tc-layout .tc-header .notifications-menu .workspace-invite {
  margin-top: 13px;
}
#tc-layout .tc-header .notifications-menu .workspace-invite .message {
  display: grid;
  grid-template-columns: 60% 40%;
  grid-template-areas: "description timestamp";
  font-family: "Nunito",sans-serif;
}
#tc-layout .tc-header .notifications-menu .workspace-invite .message .description {
  color: var(--primary-text-color);
  font-size: 12px;
  line-height: 16px;
  grid-area: "description";
}
#tc-layout .tc-header .notifications-menu .workspace-invite .message .timeStamp {
  font-size: 10px;
  line-height: 16px;
  color: var(--secondary-border-color);
  grid-area: "timestamp";
  text-align: right;
}
#tc-layout .tc-header .notifications-menu .workspace-invite .actions-wrapper {
  display: block;
}
#tc-layout .tc-header .notifications-menu .workspace-invite .actions-wrapper .actions {
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 5px;
  right: 0;
}
#tc-layout .tc-header .notifications-menu .workspace-invite .actions-wrapper .actions button {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  line-height: 16px;
}
#tc-layout .tc-header .notifications-menu .workspace-invite .actions-wrapper .actions button.yes {
  margin-left: 10px;
  display: inline-block;
}
#tc-layout .tc-header .notifications-menu .workspace-invite .actions-wrapper .actions button.no {
  border: 1px solid var(--secondary-background-color);
  background-color: var(--secondary-background-color);
  margin-left: 10px;
  display: inline-block;
}
#tc-layout .tc-header .notifications-menu li {
  padding: .5rem 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
}
#tc-layout .tc-header .notifications-menu li svg {
  margin-right: 1rem;
}
#tc-layout .tc-header .notifications-menu li svg path {
  stroke: var(--primary-color);
}
#tc-layout .tc-header .notifications-menu li svg circle {
  stroke: var(--primary-color);
}
#tc-layout .tc-header .notifications-menu li:hover {
  color: var(--primary-color);
}
#tc-layout .tc-header .notifications-menu li.upper-section {
  display: flex;
  border-bottom: 1px solid var(--primary-border-color);
  cursor: default;
  padding: 1rem;
  margin-bottom: .5rem;
}
#tc-layout .tc-header .notifications-menu li.upper-section:hover {
  color: inherit;
}
#tc-layout .tc-header .notifications-menu li.upper-section .avatar {
  margin-right: 1rem;
}
#tc-layout .tc-header .notifications-menu li.upper-section span {
  display: flex;
  flex-direction: column;
}
#tc-layout .tc-header .notifications-menu li:last-child {
  padding-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  #tc-layout .tc-header .logo>div {
    width: 180px;
    overflow: hidden;
  }
  #tc-layout .tc-header .header-text {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 576px) {
  #tc-layout .tc-header .logo>div {
    width: 72px;
    overflow: hidden;
  }
  #tc-layout .tc-header .logo-img {
    display: none;
  }
  #tc-layout .tc-header .logo>div::before {
    content: url(/dashboard/src/assets/tc-logo-mobile.svg);
    background-repeat: no-repeat;
    display: block;
    width: 80%;
    height: 100%;
  }
  #tc-layout .tc-header .header-text {
    border: none;
  }
  #tc-layout .tc-header .header-text>span {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  #tc-layout .tc-header .logo>div {
    display: none;
  }
}
#tc-layout .tc-header .select {
  max-width: 12rem;
  margin-right: 15px;
  border-radius: 3px;
}
#tc-layout .tc-header .select svg {
  position: absolute;
  right: 8px;
}
#tc-layout .tc-spinner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
#tc-layout .detail-tabs {
  display: flex;
  gap: 16px;
  align-items: center;
  border-bottom: 1px solid var(--primary-border-color);
  border-top: 1px solid var(--primary-border-color);
}
#tc-layout .detail-tabs .tab {
  border-bottom: 4px solid rgba(0,0,0,0);
  cursor: pointer;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-top: 16px;
  margin-top: 8px;
  min-width: 120px;
  max-width: 120px;
  text-overflow: ellipsis;
  text-align: center;
  color: var(--tertiary-text-color);
}
#tc-layout .detail-tabs .tab.active {
  color: var(--primary-text-color);
  border-bottom: 4px solid var(--primary-color);
}
#tc-layout .flex-wrap {
  flex-wrap: wrap;
}
#tc-layout .header-container {
  display: flex;
  justify-content: end;
  width: 225px;
}
#tc-layout .task-legend {
  display: flex;
  padding-left: 34px;
  padding-right: 26px;
}
#tc-layout .details .progress-bar {
  width: 320px;
}
#tc-layout .progress-bar {
  height: 20px;
  max-width: 320px;
  display: flex;
  justify-content: flex-start;
}
#tc-layout .progress-bar .track {
  min-width: 50px;
  max-width: 250px;
}
#tc-layout .progress-bar .filling {
  background-color: var(--primary-color);
}
#tc-layout .bg-card {
  background-color: var(--cards-card-primary);
}
#tc-layout .br-3 {
  border-radius: 3px;
}
#tc-layout .mt-1 {
  margin-top: 1rem;
}
#tc-layout .mt-2 {
  margin-top: 2rem;
}
#tc-layout .mt-3 {
  margin-top: 3rem;
}
#tc-layout .mb-1 {
  margin-bottom: 1rem;
}
#tc-layout .mb-2 {
  margin-bottom: 2rem;
}
#tc-layout .mb-3 {
  margin-bottom: 3rem;
}
#tc-layout .pb-10 {
  padding-bottom: 10rem;
}
#tc-layout .scroll-y {
  overflow-y: auto;
}
#tc-layout #tc-homepage {
  flex: 1;
  min-height: 0;
  width: 100vw;
  cursor: default;
  overflow-y: auto;
  padding: 1rem;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1200px) {
  #tc-layout #tc-homepage {
    overflow-y: visible;
  }
}
#tc-layout #tc-homepage.product-manuals-active .list-layout {
  overflow: auto;
}
#tc-layout #tc-homepage.product-manuals-active .list-layout .tile {
  height: 100px;
}
#tc-layout #tc-homepage .tasks {
  flex-grow: 1;
  overflow: auto;
}
#tc-layout #tc-homepage .tc-sub-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  background-color: var(--mt-primary-background-color);
  padding: .5rem 1rem;
  border-radius: 5px;
}
#tc-layout #tc-homepage .tc-sub-header .search-input {
  line-height: normal;
  max-width: 350px;
  font-size: var(--font-size-sm);
}
#tc-layout #tc-homepage .tc-sub-header .tc-tabs {
  display: flex;
}
#tc-layout #tc-homepage .tc-sub-header .tc-tab {
  display: flex;
  gap: .75rem;
  align-items: center;
  cursor: pointer;
  padding: 0rem 2rem;
  border-bottom: 4px solid rgba(0,0,0,0);
  color: var(--tertiary-text-color);
}
#tc-layout #tc-homepage .tc-sub-header .tc-tab:hover {
  border-bottom: 4px solid var(--primary-hover-color);
  color: var(--primary-text-color);
}
#tc-layout #tc-homepage .tc-sub-header .tc-tabs .active {
  border-bottom: 4px solid var(--primary-color);
  color: var(--primary-text-color);
}
#tc-layout #tc-homepage .tc-sub-header .tab-name {
  display: flex;
  gap: .5rem;
  padding-bottom: .5rem;
}
#tc-layout #tc-homepage .workspace-name {
  margin: 1rem 0 .5rem 0;
}
#tc-layout #tc-homepage .list-layout {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1rem;
  cursor: default;
}
#tc-layout #tc-homepage .list-layout .tile {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  cursor: pointer;
}
#tc-layout #tc-homepage .list-layout .tile-link {
  padding: .5rem;
}
#tc-layout #tc-homepage .list-layout .tile-img {
  height: 7rem;
  width: 7rem;
}
#tc-layout #tc-homepage .list-layout .tile-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .25rem;
  justify-content: center;
  padding: 0rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
#tc-layout #tc-homepage .list-layout .tile-content .tile-name {
  max-width: 100%;
  font-size: 1.25rem;
  margin: 0rem;
}
#tc-layout #tc-homepage .list-layout .tile-content .tile-description {
  font-size: 1.1rem;
}
#tc-layout #tc-product-detail-page {
  display: flex;
  flex: 1;
  min-height: 0;
  background-color: var(--content-background-color);
  width: 100vw;
}
#tc-layout #tc-product-detail-page .manual-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--primary-border-color);
}
#tc-layout #tc-product-detail-page .manual-header .manual-header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem;
}
#tc-layout #tc-product-detail-page .manual-header .manual-header-top .manual-name {
  font-size: 1.8rem;
}
#tc-layout #tc-product-detail-page .manual-header .manual-header-top .header-actions {
  display: flex;
  gap: 1rem;
  align-items: center;
}
#tc-layout #tc-product-detail-page .manual-header .manual-header-top .view-more {
  cursor: pointer;
  color: var(--primary-color);
}
#tc-layout #tc-product-detail-page .details-collapsible {
  display: flex;
  justify-content: space-between;
}
#tc-layout #tc-product-detail-page .details-collapsible .details-description {
  font-size: .9rem;
  color: var(--label-description-color);
}
#tc-layout #tc-product-detail-page .details-collapsible .details-img {
  height: 140px;
  width: 140px;
}
#tc-layout #tc-product-detail-page .details-collapsible .details-img img {
  border-radius: 5px;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#tc-layout #tc-product-detail-page .product-detail-body {
  padding-top: 1rem;
  overflow: auto;
  flex-grow: 1;
}
#tc-layout #tc-product-detail-page .product-detail-body .tc-workcards .manual-search {
  display: flex;
  justify-content: flex-end;
}
#tc-layout #tc-product-detail-page .product-detail-body .tc-workcards .manual-search .text-field {
  width: 350px;
}
#tc-layout #tc-product-detail-page .product-detail-body th:nth-child(1),#tc-layout #tc-product-detail-page .product-detail-body td:nth-child(1) {
  width: 4%;
}
#tc-layout #tc-product-detail-page .product-detail-body th:nth-child(2),#tc-layout #tc-product-detail-page .product-detail-body td:nth-child(2) {
  width: 60%;
}
#tc-layout #tc-product-detail-page .product-detail-body th:nth-child(3),#tc-layout #tc-product-detail-page .product-detail-body td:nth-child(3) {
  width: 25%;
}
#tc-layout #tc-product-detail-page .product-detail-body th:nth-child(4),#tc-layout #tc-product-detail-page .product-detail-body td:nth-child(4) {
  width: 15%;
}
#tc-layout #tc-product-detail-page .product-detail-body th:nth-child(5),#tc-layout #tc-product-detail-page .product-detail-body td:nth-child(5) {
  width: 15%;
}
#tc-layout #tc-task-workcard-page {
  padding-top: 0;
  display: flex;
  flex-direction: row;
  background-color: var(--content-background-color);
  width: 100vw;
}
#tc-layout #tc-task-workcard-page .task-header {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-right: 1rem;
}
#tc-layout #tc-task-workcard-page .task-header .task-header-buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
  white-space: nowrap;
}
#tc-layout #tc-task-workcard-page .views {
  border-top: solid .5px var(--primary-border-color);
}
#tc-layout #tc-task-workcard-page .details {
  padding-bottom: 20px;
}
#tc-layout #tc-task-workcard-page .details .workcard-info-container {
  display: flex;
  justify-content: space-between;
}
#tc-layout #tc-task-workcard-page .details .workcard-info-container .workcard-info {
  display: flex;
  flex-direction: column;
  cursor: default;
}
#tc-layout #tc-task-workcard-page .details .workcard-info-container .workcard-info-right {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  gap: 3rem;
  cursor: default;
}
#tc-layout #tc-task-workcard-page .details .description-title {
  font-size: .9rem;
}
#tc-layout #tc-task-workcard-page .details .description {
  font-size: 14px;
  line-height: 20px;
}
#tc-layout #tc-task-workcard-page .status-list {
  position: relative;
  width: 136px;
}
#tc-layout #tc-task-workcard-page .sidebar.invisible {
  visibility: hidden;
}
#tc-layout #tc-task-workcard-page .page-field {
  padding-left: 0;
  padding-right: 0;
}
#tc-layout #tc-task-page {
  display: flex;
  flex: 1;
  width: 100vw;
  min-height: 0;
  background-color: var(--content-background-color);
}
#tc-layout #tc-task-page .task-header {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
}
#tc-layout #tc-task-page .task-header .task-header-right {
  display: flex;
  gap: 1rem;
  align-items: center;
}
#tc-layout #tc-task-page .task-header .task-header-right .view-more {
  cursor: pointer;
  color: var(--primary-color);
}
#tc-layout #tc-task-page .title-row {
  display: grid;
  grid-template-columns: 1fr auto;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: first baseline;
}
#tc-layout #tc-task-page .workcards-list-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-y: auto;
  border-top: .5px solid var(--primary-border-color);
}
#tc-layout #tc-task-page .workcards-list-container .task-legend {
  padding: 0 1.2rem 0 .8rem;
}
#tc-layout #tc-task-page .workcards-list-container .small {
  flex: 0 1 auto;
  width: 75px;
}
#tc-layout #tc-task-page .workcards-list-container .medium {
  flex: 0 1 auto;
  width: 200px;
}
#tc-layout #tc-task-page .workcards-list-container .large {
  max-width: none;
}
#tc-layout #tc-task-page .workcards-list-container .last-activity {
  width: 150px;
}
#tc-layout #tc-task-page .workcards-list-container .progress {
  width: 250px;
}
#tc-layout #tc-task-page .workcards-list-container .status-container {
  width: 150px;
}
#tc-layout #tc-task-page .workcards-list {
  overflow-y: visible;
}
#tc-layout #tc-task-page .heading {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
#tc-layout #tc-task-page .heading .sort-arrow {
  display: flex;
  flex-direction: column;
  align-items: first baseline;
  gap: 0;
  padding: 0;
}
#tc-layout #tc-task-page .heading .sort-arrow .gap {
  width: 9px;
  height: 9px;
}
#tc-layout #tc-task-page .heading .sort-arrow svg {
  display: inline;
  width: 9px;
  height: 9px;
}
#tc-layout #tc-task-page .heading .sort-arrow svg.active {
  fill: var(--primary-color);
  stroke: var(--primary-color);
}
#tc-layout #tc-task-page p.description {
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 1rem;
}
#tc-layout #tc-task-page .status-list {
  width: 136px;
  position: relative;
}
#tc-layout #tc-task-page .status-container {
  overflow: visible;
}
#tc-layout #tc-task-page .pb-10 {
  padding-bottom: 10rem;
}
@media screen and (max-width: 992px) {
  #tc-layout #tc-task-page .task-row {
    gap: 1rem;
  }
  #tc-layout #tc-task-page .task-row .progress-bar {
    padding: 0;
  }
  #tc-layout #tc-task-page .task-legend {
    padding: 0;
    gap: 1rem;
  }
  #tc-layout #tc-task-page .status-list {
    width: 100px;
  }
}
#tc-layout #tc-task-page .images-tab {
  flex: 1;
  min-height: 0;
}
#tc-layout .sidebar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 15rem;
  max-width: 15rem;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  background-color: var(--nav-background-color);
  position: sticky;
  top: 0;
}
#tc-layout .sidebar.collapsed .workcard-navigation .buttons button {
  max-width: 3rem;
  min-width: 3rem;
  width: 3rem;
  height: 3rem;
}
#tc-layout .sidebar .sections {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
#tc-layout .sidebar .workcard-navigation {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  gap: 10px;
  margin-top: 16px;
  margin-bottom: 16px;
}
#tc-layout .sidebar .workcard-navigation .info {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: .5rem;
  color: var(--primary-text-color);
  font-size: var(--font-size-sm);
}
#tc-layout .sidebar .workcard-navigation .buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs, 12px);
  align-self: stretch;
}
#tc-layout .sidebar .workcard-navigation .buttons button {
  display: flex;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
  padding: 0 0 !important;
  border: 1px solid var(--primary-text-color);
  min-width: 4rem;
  max-width: 4rem;
  width: 4rem;
}
#tc-layout .sidebar .workcard-navigation .buttons button svg {
  min-width: 2rem;
  min-height: 2rem;
  margin-inline: 1rem;
}
#tc-layout .sidebar .section {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 1rem;
  height: 3rem;
  padding: 1rem var(--spacing-2xs) 1rem 0;
  border-left: 3px solid var(--nav-background-color);
}
#tc-layout .sidebar .section:hover {
  border-left-color: var(--primary-hover-color);
  background-color: var(--nav-background-color-selected);
}
#tc-layout .sidebar .section.active {
  background-color: var(--nav-background-color-selected);
  border-left-color: var(--primary-color);
}
#tc-layout .sidebar .section .button {
  display: flex;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
}
#tc-layout .sidebar .section .button svg {
  min-width: 1.5rem;
  min-height: 1.5rem;
  margin-inline: 1rem;
}
#tc-layout .sidebar .section .button span {
  font-family: "Nunito",sans-serif;
  font-size: var(--font-size-md);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
#tc-layout .sidebar .section .section-count {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1.5rem;
  height: 1.5rem;
  padding: 0 .5rem;
  font-size: var(--font-size-sm);
  font-weight: bold;
  border-radius: 1rem;
  background-color: var(--primary-color);
  color: var(--default-text-color);
  margin-right: 6px;
}
#tc-layout .sidebar.collapsed {
  width: 5rem;
  min-width: 5rem;
  max-width: 5rem;
}
#tc-layout .sidebar.collapsed .section .section-count {
  min-width: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
#tc-layout.sidebar-expanded .content {
  width: calc(100vw - 15rem);
}
#tc-layout .content {
  height: 100%;
  flex-grow: 1;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  width: calc(100vw - 5rem);
}
@media screen and (max-width: 1200px) {
  #tc-layout .content {
    min-height: calc(100dvh - 80px);
  }
}
#tc-layout .content .collapse-link {
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  color: var(--primary-color);
  cursor: pointer;
}
#tc-layout .p-1 {
  padding: 1rem;
}
#tc-layout .tc-tile-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(auto, 425px));
  grid-gap: 1rem;
  width: 100%;
  height: calc(100% - 14rem);
  max-height: calc(100% - 14rem);
  width: calc(100% - 4rem);
  top: 7rem;
  overflow: visible;
  margin: 0 2rem;
}
#tc-layout .tc-tile-container p.three-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3rem;
  min-height: 3rem;
}
@media screen and (max-width: 992px) {
  #tc-layout label {
    text-align: center;
  }
  #tc-layout .notes-list-modal .grid-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
#tc-layout .tc-tile {
  background-color: var(--cards-card-primary);
  border-radius: .25rem;
  padding: 1rem;
  overflow: visible;
  cursor: pointer;
}
#tc-layout .tc-tile .tc-tile-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}
#tc-layout .tc-tile .tc-tile-info .offline-toggle {
  display: flex;
  align-items: center;
  gap: .5rem;
  visibility: hidden;
}
#tc-layout .tc-task-tile .status-list {
  float: right;
  width: 136px;
  bottom: 0;
  position: relative;
}
#tc-layout h1 {
  line-height: 28px;
  font-size: 22px;
}
#tc-layout h2 {
  line-height: 24px;
  font-size: 18px;
}
#tc-layout .greyer {
  color: var(--greyer-text-color);
}
#tc-layout .w-136px {
  width: 136px;
}
#tc-layout .fill-color.complete {
  background-color: var(--status-complete-color);
}
#tc-layout .fill-color.closed {
  background-color: var(--status-close-color);
}
#tc-layout .fill-color.inprogress {
  background-color: var(--status-in-progress-color);
}
#tc-layout .fill-color.pendingorder {
  background-color: var(--status-pending-order-color);
}
#tc-layout .fill-color.pendingreview {
  background-color: var(--status-pending-review-color);
}
#tc-layout .fill-color.trainingrequired {
  background-color: var(--status-training-required-color);
}
aside {
  border-right: 2px solid var(--primary-border-color);
  width: -moz-fit-content;
  width: fit-content;
}
aside nav {
  display: flex;
  flex-direction: column;
  height: 100%;
}
aside nav a {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  min-height: 48px;
}
aside nav a:hover {
  background-color: var(--primary-color);
}
aside nav a svg {
  margin-right: 1rem;
}
aside.collapsed nav a svg {
  margin-right: 0;
}
header.back-link {
  display: flex;
  align-items: center;
  min-height: 5rem;
}
header.back-link>* {
  display: flex;
}
header.back-link>a {
  margin: 0 1rem;
  padding: 8px 3px;
  border-radius: .25rem;
}
header.back-link>a:hover {
  background-color: var(--secondary-background-color-hover);
}
header.back-link .context-menu {
  padding-left: 2rem;
}
div.grid {
  display: table;
  position: relative;
  border: 2px solid var(--primary-border-color);
  width: 100%;
  overflow: hidden;
}
div.grid.full {
  border: none;
  border-top: 2px solid var(--primary-border-color);
}
div.grid>div {
  display: table-cell;
  vertical-align: top;
  min-width: 30px;
  max-width: 34%;
  border-left: 2px solid var(--primary-border-color);
  overflow-x: auto;
  overflow-y: auto;
}
div.grid>div>header {
  display: block;
  padding: 10px;
  font-size: 1.25rem;
  border-bottom: 2px solid var(--primary-border-color);
}
div.grid>div>header>.multi-header {
  display: inline-block;
  text-align: center;
}
div.grid>div:first-child {
  border-left: none;
}
.badge {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1.5rem;
  height: 1.5rem;
  padding: 0 .5rem;
  font-size: var(--font-size-sm);
  font-weight: bold;
  border-radius: 1rem;
  background-color: var(--primary-color);
  color: var(--default-text-color);
  margin-right: 6px;
  margin-left: 6px;
}
.task-notes-document-detail-modal {
  max-width: 100vw;
  max-height: 100vh;
  overflow: auto;
  cursor: default;
}
.task-notes-document-detail-modal .close {
  cursor: pointer;
}
.task-notes-document-detail-modal .icon svg {
  width: 320px;
  height: auto;
}
.task-notes-image-detail-modal {
  overflow: auto;
  cursor: default;
}
.task-notes-image-detail-modal .controls {
  display: flex;
  justify-content: center;
  gap: 16px;
  padding: 10px;
}
.task-notes-image-detail-modal .close,.task-notes-image-detail-modal .download {
  cursor: pointer;
}
.document-detail-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-height: 100vh;
}
.document-detail-modal .modal-content {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 80px);
}
.document-detail-modal .modal-content svg {
  max-width: 100%;
  max-height: calc(100vh - 240px);
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
}
.alert.image-gallery-upload-modal {
  width: 420px;
  max-width: 90vw;
  padding: 0;
  font-family: "Nunito",sans-serif;
}
.alert.notes-list-modal {
  background-color: var(--primary-background-color);
  width: 60vw;
  max-width: 60vw;
  max-height: 50vh;
  min-height: 50vh;
  overflow: visible;
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
}
.alert.notes-list-modal .empty-state-container {
  grid-column: 1/-1;
}
.alert.notes-list-modal .grid-header {
  height: 30px;
}
.alert.notes-list-modal .notes-header {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.alert.notes-list-modal .filter-group {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.alert.notes-list-modal .grid-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1rem;
  grid-auto-rows: max-content;
  align-items: start;
  width: 100%;
  overflow-y: auto;
  align-content: start;
}
.alert.notes-list-modal .grid-content .tc-tile {
  position: relative;
  display: flex;
  gap: 1rem;
  background-color: var(--cards-card-primary);
  border: 1px solid var(--cards-card-primary);
  min-height: 6rem;
  padding: 8px;
  border-radius: 5px;
}
.alert.notes-list-modal .grid-content .tc-tile .context-menu {
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: .5rem;
  right: .5rem;
}
.alert.notes-list-modal .grid-content .tc-tile .context-menu .dots-button {
  transform: rotate(90deg);
  display: flex;
  padding: .25rem .25rem;
}
.alert.notes-list-modal .grid-content .tc-tile .context-menu .dots-button svg {
  font-size: 1rem;
}
.alert.notes-list-modal .grid-content .tc-tile .status-list {
  position: relative;
}
.alert.notes-list-modal .grid-content .tc-tile div h3 {
  font-size: 16px;
  color: var(--default-text-color);
}
.alert.notes-list-modal .grid-content .tc-tile div p {
  font-size: 14px;
  color: var(--default-label-text-color);
}
.alert.task-notes-modal {
  min-height: 75vh;
  max-height: 75vh;
  min-width: 75vw;
  max-width: 75vw;
}
.alert.task-notes-modal form {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-flow: column nowrap;
  flex-grow: 1;
  cursor: default;
  overflow-y: auto;
  margin: 0;
}
.alert.task-notes-modal form .tabs-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.alert.task-notes-modal form .tab-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 25vh;
}
.alert.task-notes-modal form .image-gallery-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
  padding: .5rem 0;
  overflow: auto;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card {
  background-color: var(--primary-background-color);
  border: 1px solid var(--primary-background-color);
  border-radius: 5px;
  width: 100%;
  cursor: pointer;
  transition: transform .1s ease;
  position: relative;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card:hover {
  transform: scale(0.99);
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card.selected {
  border-color: var(--primary-color);
  background-color: var(--secondary-background-color);
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card .image-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 8px;
  color: var(--primary-text-color);
  font-size: 12px;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card .image-container {
  width: 100%;
  height: 188px;
  overflow: hidden;
  position: relative;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card .image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card .document-container {
  width: 100%;
  height: 188px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card .document-container .icon svg {
  width: 64px;
  height: 64px;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card .document-info {
  padding: 8px;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card .document-info .document-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 0 4px 0;
  color: var(--primary-text-color);
  font-size: 12px;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card .document-info .document-type {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
  color: var(--default-label-text-color);
  font-size: 10px;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card .selection-toggle {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  padding: 4px;
  border-radius: 5px;
  transition: background-color .2s ease;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card .selection-toggle:hover {
  background-color: var(--secondary-background-color);
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card .selection-toggle input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  accent-color: var(--primary-color);
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid var(--secondary-border-color);
  background: var(--primary-background-color);
  cursor: pointer;
  margin: 0;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .card .selection-toggle input[type=checkbox]:checked {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .image-card {
  width: 268px;
  height: auto;
  position: relative;
  text-overflow: ellipsis;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .image-card input[type=checkbox] {
  position: absolute;
  background-color: var(--primary-background-color);
  top: 5px;
  left: 5px;
  cursor: pointer;
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .image-card .image-title {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: var(--default-text-color);
}
.alert.task-notes-modal form .image-gallery-wrapper .image-gallery .image-card .image-date {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  color: var(--default-label-text-color);
}
.alert.task-notes-modal .top-bar {
  gap: 20px;
}
.alert.task-notes-modal .top-bar label {
  font-size: 12px;
  color: var(--default-label-text-color);
}
.alert.task-notes-modal .top-bar .note-content {
  font-size: 14px;
}
.alert.task-notes-modal .note-content {
  margin-bottom: 20px;
}
.alert.task-notes-modal .note-content label {
  font-size: 12px;
  color: var(--default-label-text-color);
}
.alert.task-notes-modal .note-content .body {
  max-height: 20vh;
  width: 100%;
  overflow-y: auto;
  line-height: 20px;
  font-size: 14px;
}
.alert.image-upload-modal .flex-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 1.5rem;
  gap: 1.25rem;
  font-family: "Nunito",sans-serif;
}
.alert.image-upload-modal .flex-column h1 {
  margin: 0;
  text-align: center;
  color: var(--primary-text-color);
  font-family: "Nunito",sans-serif;
  font-size: var(--font-size-xl);
  font-weight: 600;
  line-height: 1.2;
}
.alert.image-upload-modal .flex-column p {
  margin: 0;
  text-align: center;
  color: var(--default-text-color);
  font-family: "Nunito",sans-serif;
  font-size: var(--font-size-sm);
  line-height: 1.4;
  max-width: 320px;
}
.alert.image-upload-modal .flex-column .hidden {
  display: none;
}
@media (max-width: 480px) {
  .alert.image-upload-modal .flex-column {
    padding: 1.5rem 1rem;
    gap: 1rem;
  }
  .alert.image-upload-modal .flex-column .controls {
    gap: .75rem;
  }
  .alert.image-upload-modal .flex-column .controls button {
    min-width: 100px;
    width: 120px;
  }
}
#scratch-page {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
#scratch-page .mt-multi-select-container mt-multi-select {
  width: 100%;
}
#scratch-page .banner-node {
  background-color: red;
  margin: 1rem;
}
#scratch-page .banner-node-editable {
  background-color: green;
  margin: 1rem;
}
#scratch-page .text-bold {
  font-weight: bold;
}
#scratch-page .text-italic {
  font-style: italic;
}
#scratch-page .text-underline {
  text-decoration: underline;
}
#environment-form {
  margin: 0;
  width: 500px;
}
#environment-form #thumbnail-selector {
  width: 100%;
  height: 200px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  margin-bottom: 16px;
  display: block;
}
#environment-form label {
  color: var(--primary-text-color);
}
#environment-form .content {
  display: flex;
  flex-direction: column;
  gap: 0rem;
  width: 500px;
}
#environment-form .environment-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 1.5rem;
  padding-bottom: 1rem;
}
#environment-form .error label,#environment-form .error div {
  color: var(--error-color);
}
#environment-form .error input,#environment-form .error textarea {
  border: 1px solid var(--error-color);
}
#environment-form #new-thumbnail {
  height: 200px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px;
  margin-bottom: 16px;
  display: block;
}
.environment-form-two .environment-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 1.5rem;
}
#model-upload .model-file {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .5rem;
  border: solid 1px var(--primary-border-color);
  border-radius: .25rem;
  width: 100%;
}
#model-upload p {
  display: flex;
  color: var(--primary-border-color);
}
#model-upload .accepted-files {
  padding-top: .1rem;
  font-size: .75rem;
}
#environment-detail-page .details-block {
  display: flex;
  flex-direction: column;
}
#environment-detail-page .details-block .details-content-header {
  margin-bottom: 1rem;
}
#environment-detail-page .details-block .details-content-header .details-header {
  display: flex;
  align-items: center;
}
#environment-detail-page .details-block .details-content-header .details-collapsible {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
#environment-detail-page .details-block .details-content-header .details-collapsible .main-info {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin: 0;
  width: 100%;
  padding-left: 2.5rem;
}
#environment-detail-page .details-block .details-content-header .details-collapsible .main-info .details-description {
  font-size: .9rem;
  color: var(--tertiary-text-color);
}
#environment-detail-page .details-block .details-content-header .details-collapsible .main-info .details-img {
  width: 130px;
  height: 130px;
  min-width: 130px;
  margin-left: auto;
  border-radius: 5px;
  overflow: hidden;
}
#environment-detail-page .details-block .details-content-header .details-collapsible .main-info .details-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#environment-detail-page .details-block .details-content-header .details-header {
  cursor: pointer;
  margin-bottom: 16px;
}
#environment-detail-page .details-block .details-content-header .details-header .collapse-link {
  margin-left: auto;
  color: var(--primary-color);
}
#environment-detail-page .details-block .details-content-header .details-header .collapse-link:hover {
  background-color: inherit;
}
#environment-detail-page .details-block .details-content-header .main-info {
  margin: 1rem;
  margin-left: auto;
}
#environment-detail-page .details-block .environment-detail-tabs {
  border-top: 1px solid var(--primary-border-color);
}
#environment-detail-page .details-block .environment-detail-tabs .tab {
  margin-top: .5rem;
}
#environment-detail-page .environment-detail-body {
  padding-top: 2rem;
}
#environment-detail-page .tab-select {
  margin: 16px 0 0 0;
  padding: 10px 0;
  border-bottom: 1px solid var(--primary-border-color);
  border-top: 1px solid var(--primary-border-color);
}
#environment-list-page .section-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#environment-list-page .section-header button {
  margin: 0rem;
}
#environment-list-page .section-header .select-environment {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 992px) {
  #environment-list-page .section-header {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-right: 0;
  }
}
#environment-list-page .filter-group {
  display: flex;
  align-items: center;
  gap: 1rem;
}
#environment-list-page .filter-group .view-controls {
  padding: 0rem;
}
#environment-list-page .filter-group .view-controls .layout-switch {
  font-size: 2rem;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  #environment-list-page .filter-group button {
    display: none;
  }
}
#environment-list-page .select-all-container {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: 1rem 0;
}
#environment-list-page .select-all-container .select-all {
  display: flex;
  gap: .5rem;
}
#environment-list-page .select-all-container input {
  background-color: var(--primary-background-color);
}
#environment-list-page .select-all-container button {
  width: 8rem;
  border-color: var(--primary-border-color);
  margin-left: .5rem;
  display: none;
}
@media screen and (max-width: 1200px) {
  #environment-list-page .select-all-container {
    justify-content: space-between;
  }
  #environment-list-page .select-all-container button {
    display: flex;
  }
}
#environment-list-page .grid-layout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(auto, 260px));
  grid-auto-rows: max-content;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  padding: 0;
}
#environment-list-page .grid-layout .tile {
  position: relative;
}
#environment-list-page .grid-layout .tile-checkbox {
  position: absolute;
  top: .5rem;
  left: 1rem;
}
#environment-list-page .grid-layout .tile-checkbox input {
  background-color: var(--primary-background-color);
}
#environment-list-page .grid-layout .tile-content {
  padding: 0rem;
  padding-left: .5rem;
  position: relative;
  min-height: 3.5rem;
}
#environment-list-page .grid-layout .tile-content .tile-name {
  font-size: 1.25rem;
  margin: 0rem;
}
#environment-list-page .grid-layout .tile-content .tile-description {
  font-size: 1rem;
  margin: 0rem;
  color: var(--tertiary-text-color);
}
#environment-list-page .grid-layout .context-menu {
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: .5rem;
  right: 0;
}
#environment-list-page .grid-layout .context-menu .dots-button {
  transform: rotate(90deg);
}
#environment-list-page .grid-layout .context-menu .dots-button svg {
  font-size: 1rem;
}
#environment-list-page .list-layout {
  cursor: pointer;
}
#environment-list-page .list-layout .tile {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}
#environment-list-page .list-layout .tile-link {
  padding: .5rem;
}
#environment-list-page .list-layout .tile-img {
  height: 7rem;
  width: 7rem;
}
#environment-list-page .list-layout .tile-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .25rem;
  justify-content: center;
  padding: 0rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
#environment-list-page .list-layout .tile-content .tile-name {
  max-width: 100%;
  font-size: 1.25rem;
  margin: 0rem;
}
#environment-list-page .list-layout .context-menu {
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
}
#environment-list-page .list-layout .context-menu .dots-button {
  transform: rotate(90deg);
}
#environment-list-page .list-layout .context-menu .dots-button svg {
  font-size: 1rem;
}
.tile-last-modified {
  color: var(--tertiary-text-color);
  cursor: pointer;
  font-size: 1rem;
}
#environment-data-configuration-page {
  display: flex;
  flex-direction: column;
}
#environment-data-configuration-page .config-header {
  display: flex;
  width: 100%;
  gap: 1rem;
  align-items: center;
}
#environment-data-configuration-page .environment-data-configuration {
  padding-top: 1rem;
  color: var(--tertiary-text-color);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
#environment-data-configuration-page .environment-data-configuration .environment-tabs div {
  display: flex;
  justify-content: center;
  border-bottom: 4px solid rgba(0,0,0,0);
  cursor: pointer;
  box-sizing: border-box;
  padding-top: 1.2rem;
  padding-bottom: .5rem;
  width: 10rem;
  text-wrap: nowrap;
}
#environment-data-configuration-page .environment-data-configuration .environment-tabs .active {
  border-bottom: 4px solid var(--primary-color);
}
#environment-data-configuration-page .environment-data-configuration .environment-tabs {
  display: flex;
  align-items: center;
  color: var(--tertiary-text-color);
  border-bottom: 1px solid var(--primary-border-color);
  gap: 2rem;
}
#environment-data-configuration-page .environment-data-configuration .model-container {
  flex-grow: 1;
}
#environment-data-configuration-page .environment-data-configuration .model-container .hierarchy-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  padding-left: .5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: var(--primary-background-color);
}
#environment-data-configuration-page .environment-data-configuration .model-container .hierarchy-item:nth-child(even) {
  background-color: var(--secondary-background-color);
}
#environment-data-configuration-page .environment-data-configuration .model-container .hierarchy-item:hover {
  background-color: var(--primary-background-color-hover);
}
#environment-data-configuration-page .environment-data-configuration .model-container .hierarchy-item:nth-child(even):hover {
  background-color: var(--secondary-background-color-hover);
}
#environment-data-configuration-page .environment-data-configuration .model-container .hierarchy-item.selected {
  background-color: var(--tertiary-background-color);
}
#environment-data-configuration-page .environment-data-configuration .model-container .hierarchy-item.selected:nth-child(even) {
  background-color: var(--tertiary-background-color);
}
#environment-data-configuration-page .environment-data-configuration .model-container .hierarchy-item.selected:hover {
  background-color: var(--secondary-background-color-hover);
}
#environment-data-configuration-page .environment-data-configuration .model-container .hierarchy-item.selected:nth-child(even):hover {
  background-color: var(--tertiary-background-color-hover);
}
#environment-data-configuration-page .environment-data-configuration .model-container .hierarchy-item.partially-selected {
  background-color: var(--secondary-background-color);
}
#environment-data-configuration-page .environment-data-configuration .model-container .hierarchy-item.partially-selected:nth-child(even) {
  background-color: var(--tertiary-background-color);
}
#environment-data-configuration-page .environment-data-configuration .model-container .hierarchy-item.partially-selected:hover {
  background-color: var(--secondary-background-color-hover);
}
#environment-data-configuration-page .environment-data-configuration .model-container .hierarchy-item.partially-selected:nth-child(even):hover {
  background-color: var(--tertiary-background-color);
}
#environment-data-configuration-page .environment-data-configuration .model-container .hierarchy-item #MT-checkbox {
  display: block;
}
#environment-data-configuration-page .environment-data-configuration .model-container .text-overflow-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#environment-data-configuration-page #task-component button {
  margin-top: 1rem;
}
#environment-data-configuration-page #equipment-list-component .equipment-list-header,#environment-data-configuration-page #equipment-list-component .task-list-header,#environment-data-configuration-page #task-list-component .equipment-list-header,#environment-data-configuration-page #task-list-component .task-list-header {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
#environment-data-configuration-page #equipment-list-component .equipment-list-header .header-buttons,#environment-data-configuration-page #equipment-list-component .task-list-header .header-buttons,#environment-data-configuration-page #task-list-component .equipment-list-header .header-buttons,#environment-data-configuration-page #task-list-component .task-list-header .header-buttons {
  display: flex;
  gap: 1rem;
}
#environment-data-configuration-page #equipment-list-component .equipment-list-header .filter-container,#environment-data-configuration-page #equipment-list-component .task-list-header .filter-container,#environment-data-configuration-page #task-list-component .equipment-list-header .filter-container,#environment-data-configuration-page #task-list-component .task-list-header .filter-container {
  display: flex;
  gap: 1rem;
  align-items: center;
}
#environment-data-configuration-page #equipment-list-component .equipment-list-header .filter-container .checkbox,#environment-data-configuration-page #equipment-list-component .task-list-header .filter-container .checkbox,#environment-data-configuration-page #task-list-component .equipment-list-header .filter-container .checkbox,#environment-data-configuration-page #task-list-component .task-list-header .filter-container .checkbox {
  display: flex;
  gap: .5rem;
}
#environment-data-configuration-page #equipment-list-component .equipment-list-header .filter-container button,#environment-data-configuration-page #equipment-list-component .task-list-header .filter-container button,#environment-data-configuration-page #task-list-component .equipment-list-header .filter-container button,#environment-data-configuration-page #task-list-component .task-list-header .filter-container button {
  border-color: var(--primary-border-color);
  margin: 0;
}
#environment-data-configuration-page #equipment-list-component .equipment-list-header input,#environment-data-configuration-page #equipment-list-component .task-list-header input,#environment-data-configuration-page #task-list-component .equipment-list-header input,#environment-data-configuration-page #task-list-component .task-list-header input {
  width: 300px;
}
#environment-data-configuration-page #equipment-list-component #batch-table .sub-rows,#environment-data-configuration-page #task-list-component #batch-table .sub-rows {
  background-color: var(--secondary-background-color);
}
#environment-data-configuration-page #equipment-list-component #batch-table .sub-rows thead,#environment-data-configuration-page #task-list-component #batch-table .sub-rows thead {
  display: none;
}
#environment-data-configuration-page #equipment-list-component #batch-table.has-subrows th:nth-child(1),#environment-data-configuration-page #equipment-list-component #batch-table.has-subrows td:nth-child(1),#environment-data-configuration-page #task-list-component #batch-table.has-subrows th:nth-child(1),#environment-data-configuration-page #task-list-component #batch-table.has-subrows td:nth-child(1) {
  width: 50px;
}
#environment-data-configuration-page #equipment-list-component #batch-table.has-subrows th:nth-child(2),#environment-data-configuration-page #equipment-list-component #batch-table.has-subrows td:nth-child(2),#environment-data-configuration-page #task-list-component #batch-table.has-subrows th:nth-child(2),#environment-data-configuration-page #task-list-component #batch-table.has-subrows td:nth-child(2) {
  width: 50px;
}
#environment-data-configuration-page #equipment-list-component #batch-table.has-subrows th:nth-child(3),#environment-data-configuration-page #equipment-list-component #batch-table.has-subrows td:nth-child(3),#environment-data-configuration-page #task-list-component #batch-table.has-subrows th:nth-child(3),#environment-data-configuration-page #task-list-component #batch-table.has-subrows td:nth-child(3) {
  width: 125px;
}
#environment-data-configuration-page #equipment-list-component #batch-table.no-subrows th:nth-child(1),#environment-data-configuration-page #equipment-list-component #batch-table.no-subrows td:nth-child(1),#environment-data-configuration-page #task-list-component #batch-table.no-subrows th:nth-child(1),#environment-data-configuration-page #task-list-component #batch-table.no-subrows td:nth-child(1) {
  width: 40px;
  min-width: 40px;
}
#environment-data-configuration-page #equipment-list-component #batch-table.no-subrows th:nth-child(2),#environment-data-configuration-page #equipment-list-component #batch-table.no-subrows td:nth-child(2),#environment-data-configuration-page #task-list-component #batch-table.no-subrows th:nth-child(2),#environment-data-configuration-page #task-list-component #batch-table.no-subrows td:nth-child(2) {
  width: 125px;
}
#environment-data-configuration-page #equipment-list-component #batch-table.no-subrows th:nth-child(3),#environment-data-configuration-page #equipment-list-component #batch-table.no-subrows td:nth-child(3),#environment-data-configuration-page #task-list-component #batch-table.no-subrows th:nth-child(3),#environment-data-configuration-page #task-list-component #batch-table.no-subrows td:nth-child(3) {
  width: auto;
}
#environment-data-configuration-page .model-viewer-page h2 {
  margin-bottom: 1rem;
  color: var(--primary-text-color);
}
#environment-data-configuration-page .model-viewer-page .unity-container {
  position: relative;
  width: 100%;
  height: 600px;
  background: #000;
}
#environment-data-configuration-page .model-viewer-page .unity-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
#environment-data-configuration-page .model-viewer-page .unity-loading-bar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
}
#environment-data-configuration-page .model-viewer-page .unity-progress-bar-full {
  width: 200px;
  height: 20px;
  background: #333;
  margin: 10px auto;
}
#environment-data-configuration-page .model-viewer-page .unity-progress-fill {
  height: 100%;
  background: #4caf50;
  transition: width .3s;
}
#environment-data-configuration-page .model-viewer-page .unity-canvas {
  width: 100%;
  height: 100%;
  display: block;
}
#environment-data-configuration-page .model-viewer-page .unity-canvas.hidden {
  display: none;
}
#task-list-component .task-table-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xs, 12px);
  align-self: stretch;
  margin-top: 2rem;
}
#task-list-component .large {
  min-width: 700px;
}
#task-list-component .context-menu .dots-button {
  rotate: 90deg;
}
#task-list-component .context-menu .dots-button svg {
  font-size: 1.2rem;
}
#task-list-component .cell:nth-child(8) {
  max-width: 40px;
}
@media screen and (max-width: 1200px) {
  #task-list-component .cell:nth-child(2) {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  #task-list-component .cell:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  #task-list-component .cell:nth-child(6),#task-list-component .cell:nth-child(7) {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #task-list-component .cell:nth-child(1) {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  #task-list-component .cell:nth-child(6) {
    display: none;
  }
}
#task-list-component .cell.checkbox-cell {
  flex: 0 0 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#task-list-component .legend {
  display: flex;
  padding-left: 10px;
  padding-right: 26px;
  width: 100%;
  cursor: default;
}
#task-list-component ul {
  list-style-type: none;
  padding-left: 0;
  padding-inline-start: 0 !important;
  width: 100%;
}
#task-list-component .load-more-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  margin: 2rem auto;
}
#task-list-component .load-more-container button {
  min-width: 130px;
}
#task-list-component .spinner {
  width: 100%;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}
#task-list-component .spinner .circle-segment {
  width: 4em;
  height: 4em;
  left: 50%;
}
#edit-part-form {
  margin: 0;
}
#edit-part-form .field {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}
#edit-part-form input,#edit-part-form textarea {
  width: 100%;
}
#edit-part-form .part-data {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
#edit-part-form .controls {
  margin-top: 1rem;
}
#data-config-wizard {
  display: flex;
  flex-direction: column;
  width: 500px;
  height: 325px;
  color: var(--secondary-text-color);
  overflow: hidden;
}
#data-config-wizard .wizard-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 1rem;
}
#data-config-wizard .wizard-header h2 {
  width: 50%;
  font-size: 1.5rem;
}
#data-config-wizard .data-config-upload,#data-config-wizard .data-config-modify {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex-grow: 1;
}
#data-config-wizard .data-config-upload>div:first-child,#data-config-wizard .data-config-modify>div:first-child {
  flex-grow: 1;
  min-height: 0;
  position: relative;
  border-radius: .25rem;
}
#data-config-wizard .data-config-upload .data-config-error,#data-config-wizard .data-config-modify .data-config-error {
  color: var(--error-color);
  padding-top: .5rem;
}
#data-config-wizard .config-content {
  display: flex;
  flex-direction: column;
  padding-top: 3rem;
  text-align: center;
  flex-grow: 1;
  min-height: 0;
}
#data-config-wizard .config-content label {
  display: flex;
  justify-content: start;
  font-size: .9rem;
}
#data-config-wizard .config-content label span {
  color: var(--primary-border-color);
}
#data-config-wizard .config-content #equipment-file,#data-config-wizard .config-content #task-file {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  gap: .5rem;
  width: 100%;
  height: 10rem;
  padding: .5rem;
  border-radius: 4px;
  border: 1px solid var(--primary-border-color);
  color: var(--primary-border-color);
}
#data-config-wizard .config-content #equipment-file .file-icon,#data-config-wizard .config-content #task-file .file-icon {
  font-size: 4rem;
}
#data-config-wizard .config-content #equipment-file input,#data-config-wizard .config-content #task-file input {
  display: none;
}
#data-config-wizard .controls {
  display: flex;
  justify-content: center;
  gap: 1rem;
  width: 100%;
  padding-top: 1rem;
}
#data-config-wizard .controls button {
  margin: 0;
}
#data-config-wizard .step-btn-group {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 1rem;
}
#data-config-wizard .step-btn-group.modifydata-btns,#data-config-wizard .step-btn-group.setdata-btns {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#data-config-wizard .step-btn-group.modifydata-btns .modifydata-btns-container,#data-config-wizard .step-btn-group.setdata-btns .modifydata-btns-container {
  display: flex;
  align-items: center;
  gap: 1rem;
}
#data-config-wizard .step-btn-group.modifydata-btns .setdata-btns-container,#data-config-wizard .step-btn-group.setdata-btns .setdata-btns-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#data-config-wizard .step-btn-group.modifydata-btns .setdata-btns-inner,#data-config-wizard .step-btn-group.setdata-btns .setdata-btns-inner {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
#data-config-wizard .step-btn-group.modifydata-btns span,#data-config-wizard .step-btn-group.setdata-btns span {
  color: var(--tertiary-text-color);
}
#data-config-wizard .setdata-task-btns-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  gap: 1rem;
}
#data-config-wizard.step-setdata,#data-config-wizard.step-modifydata {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#data-config-wizard.step-setdata .tabulator-col-content,#data-config-wizard.step-modifydata .tabulator-col-content {
  background-color: var(--tertiary-background-color);
  color: var(--secondary-text-color);
  height: 4rem !important;
  display: flex;
  align-items: center;
  border: none;
  padding-left: .5rem;
  font-size: 1.2rem;
}
#data-config-wizard.step-setdata .mt-checkbox,#data-config-wizard.step-modifydata .mt-checkbox {
  margin-right: .5rem;
}
#data-config-wizard.step-setdata .tabulator-col,#data-config-wizard.step-modifydata .tabulator-col {
  height: 4rem !important;
  border: none !important;
  border-right: 1px solid var(--primary-border-color) !important;
}
#data-config-wizard.step-setdata .tabulator-cell,#data-config-wizard.step-modifydata .tabulator-cell {
  background-color: var(--secondary-background-color);
  color: var(--primary-text-color);
  border-right: solid 1px var(--primary-border-color);
  border-bottom: solid 1px var(--primary-border-color);
  padding: .5rem;
  min-height: 4rem;
}
#data-config-wizard.step-setdata .tabulator-cell div,#data-config-wizard.step-modifydata .tabulator-cell div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#data-config-wizard.step-setdata .tabulator-tableholder,#data-config-wizard.step-modifydata .tabulator-tableholder {
  background-color: var(--secondary-background-color);
}
#data-config-wizard.step-setdata .tabulator .tabulator-header .tabulator-col,#data-config-wizard.step-setdata .tabulator,#data-config-wizard.step-modifydata .tabulator .tabulator-header .tabulator-col,#data-config-wizard.step-modifydata .tabulator {
  border: solid 1px var(--primary-border-color);
}
#data-config-wizard.step-setdata .tabulator-cell input[type=text],#data-config-wizard.step-modifydata .tabulator-cell input[type=text] {
  border: 1px solid var(--primary-border-color);
  border-radius: .5rem;
  width: 100%;
  height: 3rem !important;
  padding-left: .5rem !important;
}
#data-config-wizard.step-setdata .column-name-input,#data-config-wizard.step-modifydata .column-name-input {
  border: 1px solid var(--primary-border-color);
  border-radius: .5rem;
  width: 100%;
  height: 3rem;
  padding-left: .5rem;
  display: flex;
  align-items: center;
  cursor: text;
  background-color: var(--secondary-background-color);
}
#data-config-wizard.step-setdata .tabulator-cell select,#data-config-wizard.step-modifydata .tabulator-cell select {
  border: 1px solid var(--primary-border-color);
  border-radius: .5rem;
  width: 100%;
  height: 3rem !important;
  padding-left: .5rem !important;
}
#data-config-wizard.step-setdata .tabulator-row .tabulator-cell.tabulator-editing,#data-config-wizard.step-modifydata .tabulator-row .tabulator-cell.tabulator-editing {
  border: none;
  border-bottom: 1px solid var(--primary-border-color);
  border-right: 1px solid var(--primary-border-color);
}
#data-config-wizard.step-setdata .pagination,#data-config-wizard.step-modifydata .pagination {
  padding: 0;
}
#data-config-wizard.step-setdata .pagination .page-item,#data-config-wizard.step-modifydata .pagination .page-item {
  margin: 0rem .25rem;
}
#data-config-wizard.step-setdata .field-type-select,#data-config-wizard.step-modifydata .field-type-select {
  border: 1px solid var(--primary-border-color);
  border-radius: .5rem;
  width: 100%;
  height: 3rem;
  padding: 0rem .5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  background-color: var(--secondary-background-color);
}
#data-config-wizard.step-setdata .priority-high,#data-config-wizard.step-modifydata .priority-high {
  color: var(--error-color);
}
#data-config-wizard.step-setdata .priority-medium,#data-config-wizard.step-modifydata .priority-medium {
  color: var(--warning-color);
}
#data-config-wizard.step-setdata .priority-low,#data-config-wizard.step-modifydata .priority-low {
  color: var(--primary-color);
}
#data-config-wizard.step-modifydata .tabulator-cell {
  height: 3rem !important;
  min-height: 2rem !important;
}
#data-config-wizard.step-modifydata .pagination-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 1.5rem;
}
#data-config-wizard.step-modifydata .pagination-group-1 {
  display: flex;
}
#data-config-wizard.step-modifydata .pagination-group-1 .pagination-group-separator {
  margin-right: 2rem;
}
#data-config-wizard.step-modifydata .pagination-group-1 .page-item-error {
  color: var(--error-color);
}
#data-config-wizard.step-modifydata .pagination-group-1 .page-item-error:hover {
  background-color: inherit;
}
#data-config-wizard.step-modifydata .pagination-group-1 .page-item-empty {
  color: var(--warning-color);
}
#data-config-wizard.step-modifydata .pagination-group-1 .page-item-empty:hover {
  background-color: inherit;
}
#data-config-wizard.step-modifydata .pagination-group-2 {
  display: flex;
}
#data-config-wizard.step-modifydata .pagination-group-2 .pagination-group-separator {
  margin-right: .5rem;
}
#data-config-wizard.step-modifydata .pagination-group-2 .page-item-sheet:hover {
  background-color: inherit;
}
#data-config-wizard.step-modifydata .missing-cell {
  border: 2px solid var(--warning-color);
}
#data-config-wizard.step-modifydata .error-cell {
  border: 2px solid var(--error-color);
}
#data-config-wizard.step-modifydata .tabulator-cell input[type=text] {
  border: none;
  height: 3rem !important;
  border-right: 1px solid var(--primary-border-color);
  border-bottom: 1px solid var(--primary-border-color);
  border-radius: 0;
}
#data-config-wizard.step-modifydata .tabulator-row .tabulator-cell.tabulator-editing {
  padding: 0 !important;
  border: none !important;
}
#data-config-wizard.step-modifydata .row-jump-popup {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  width: 10rem;
  z-index: 1000;
  padding: .5rem;
  background-color: var(--secondary-background-color);
  border-radius: .5rem;
  box-shadow: 0 2px 10px rgba(0,0,0,.1);
}
#data-config-wizard.step-modifydata .row-jump-popup .row-jump-title {
  font-size: 1rem;
  color: var(--primary-text-color);
}
#data-config-wizard.step-modifydata .row-jump-popup .row-jump-input-container {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
#data-config-wizard.step-modifydata .row-jump-popup .row-jump-input-container .row-jump-input {
  width: 100%;
  padding: .5rem;
}
#data-config-wizard.step-modifydata .pagination {
  padding: 0;
}
#data-config-wizard.step-modifydata .pagination .page-item {
  margin: 0rem .25rem;
}
#data-config-wizard.step-modifydata .pagination .page-item .page-link-prev,#data-config-wizard.step-modifydata .pagination .page-item .page-link-next {
  border: solid 1px var(--primary-border-color);
  border-radius: .25rem;
}
#data-config-wizard.step-modifydata .pagination .page-item .active {
  border-radius: .25rem;
  background-color: var(--primary-color);
  color: var(--primary-text-color-invert);
}
#data-config-wizard.step-modifydata .row-number-chevron {
  font-size: 3rem;
  font-weight: 100;
  cursor: pointer;
  padding-left: .5rem;
}
#data-config-wizard.step-modifydata .search-highlight {
  box-shadow: inset 0 0 0 2px var(--primary-color) !important;
}
#data-config-wizard.step-modifydata .page-item-search {
  color: var(--primary-text-color);
}
#data-config-wizard.step-modifydata .page-item-search:hover {
  background-color: inherit;
}
.tabulator-edit-list {
  margin-top: -2rem;
}
#link-columns-wizard {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#link-columns-wizard .wizard-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#link-columns-wizard .wizard-header h2 {
  width: 50%;
  font-size: 1.5rem;
}
#link-columns-wizard .link-columns-btns {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  gap: 1rem;
}
#link-columns-wizard .link-columns-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 1rem;
  width: 100%;
  margin-top: 2rem;
  overflow-y: auto;
}
#link-columns-wizard .link-columns-content .link-columns-form {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 1rem;
  background-color: var(--secondary-background-color);
  padding: .5rem .5rem;
  border-radius: .25rem;
}
#link-columns-wizard .link-columns-content .link-columns-form .delete-icon {
  width: 4rem;
  height: 2rem;
}
#link-columns-wizard p {
  color: var(--error-color);
  display: flex;
  justify-content: center;
}
#data-config-wizard.link-parts {
  width: 100%;
  height: 100%;
}
#data-config-wizard.link-parts .config-content {
  overflow: hidden;
  flex: 1;
  min-height: 0;
}
#data-config-wizard.sync-equipment-parts {
  width: 100%;
  height: 100%;
}
#link-equipment-data {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
#link-equipment-data h3 {
  display: flex;
  justify-content: start;
  padding-bottom: .5rem;
}
#link-equipment-data .parts-search {
  display: flex;
  gap: 1rem;
  width: 100%;
}
#link-equipment-data .parts-search .text-field {
  flex: 5;
}
#link-equipment-data .parts-search button {
  flex: 1;
}
#link-equipment-data thead {
  display: none;
}
#link-equipment-data .part-table {
  overflow: scroll;
  flex: 1;
}
#link-equipment-data .part-table #batch-table .sub-rows {
  background-color: inherit;
}
#link-equipment-data .part-table #batch-table .dropdown-column {
  overflow: visible;
}
#data-config-wizard.sync-equipment-parts {
  width: 100%;
  height: 100%;
}
#data-config-wizard.sync-equipment-parts .config-content {
  padding: 0;
  display: flex;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
#sync-equipment-parts-content {
  display: flex;
  width: 100%;
  height: 100%;
}
#sync-equipment-parts-content .sync-left-wrapper {
  display: flex;
  flex-direction: column;
  flex: 0 0 65%;
  overflow: hidden;
}
#sync-equipment-parts-content .sync-left-wrapper .sync-header {
  padding: var(--spacing-sm, 12px);
  border-bottom: 1px solid var(--primary-border-color);
}
#sync-equipment-parts-content .sync-left-wrapper .sync-header h2 {
  margin: 0;
  color: var(--primary-text-color);
  font-size: var(--font-size-lg, 20px);
  font-weight: 500;
}
#sync-equipment-parts-content .sync-left-wrapper .sync-panels-wrapper {
  display: flex;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
#sync-equipment-parts-content .sync-parts-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#sync-equipment-parts-content .sync-parts-panel.equipment-panel {
  flex: 1 1 auto;
  min-width: 0;
}
#sync-equipment-parts-content .sync-parts-panel.model-panel {
  flex: 1 1 auto;
  min-width: 0;
  border-left: 1px solid var(--primary-border-color);
}
#sync-equipment-parts-content .sync-parts-panel.viewer-panel {
  flex: 0 0 35%;
  height: 100%;
  width: 100%;
}
#sync-equipment-parts-content .sync-parts-panel.viewer-panel .model-viewer-page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#sync-equipment-parts-content .sync-parts-panel.viewer-panel .model-viewer-page h2 {
  display: none;
}
#sync-equipment-parts-content .sync-parts-panel.viewer-panel .model-viewer-page .unity-container {
  height: 100%;
  flex: 1;
  min-height: 0;
}
#sync-equipment-parts-content .sync-parts-panel.viewer-panel .model-viewer-page .unity-iframe {
  width: 100%;
  height: 100%;
}
#sync-equipment-parts-content .sync-parts-panel .panel-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xs, 12px);
  align-self: stretch;
  height: 100%;
  padding: .5rem;
  overflow: auto;
}
#sync-equipment-parts-content .sync-parts-panel .panel-title {
  color: var(--font-colors-default, #d6d6d6);
  leading-trim: both;
  text-edge: cap;
  font-family: "Nunito";
  font-size: var(--font-size-md, 18px);
  font-style: normal;
  font-weight: normal;
  line-height: var(--font-units-md, 24px);
  margin: 0;
}
#sync-equipment-parts-content .sync-parts-panel .search-container {
  width: 100%;
}
#sync-equipment-parts-content .sync-parts-panel .viewer-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--tertiary-text-color);
  font-size: 18px;
}
.virtual-tree-item {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.virtual-tree-item.virtual-tree-item-even {
  background-color: var(--tertiary-background-color);
}
.virtual-tree-item.item-selected {
  background: var(--button-button-secondary-pressed);
}
.virtual-tree-item .virtual-tree-item-content {
  display: flex;
  align-items: center;
  height: 32px;
  padding: var(--spacing-2xs, 8px);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  min-width: 0;
}
.virtual-tree-item .virtual-tree-item-content:hover {
  background-color: var(--tertiary-background-color);
}
.virtual-tree-item .virtual-tree-item-content .tree-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  cursor: pointer;
  color: var(--tertiary-text-color);
}
.virtual-tree-item .virtual-tree-item-content .tree-chevron svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
}
.virtual-tree-item .virtual-tree-item-content .tree-chevron svg.chevron-right {
  transform: rotate(-90deg);
}
.virtual-tree-item .virtual-tree-item-content .tree-chevron-placeholder {
  display: inline-block;
  width: 16px;
  margin-right: 4px;
}
.virtual-tree-item .virtual-tree-item-content .tree-item-label {
  flex: 1;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.virtual-tree-item .virtual-tree-item-content .tree-item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  color: var(--icon-primary);
  cursor: pointer;
}
.virtual-tree-item .virtual-tree-item-content .tree-item-icon.not-linked {
  color: var(--tertiary-text-color);
  cursor: default;
}
.virtual-tree-item .virtual-tree-item-content .tree-item-icon svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
}
.hotspot-viewer-widget {
  height: 100%;
}
.hotspot-viewer-widget .model-viewer-page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.hotspot-viewer-widget .model-viewer-page .unity-container {
  height: 100%;
  flex: 1;
}
.hotspot-viewer-widget .model-viewer-page .unity-iframe {
  width: 100%;
  height: 100%;
  border: none;
}
#profilePage {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--secondary-background-color);
  overflow: scroll;
}
#profilePage mt-spinner {
  display: flex;
  justify-content: center;
}
.profile-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile-top button {
  border: .5px solid var(--error-color);
}
.profile-top button:hover {
  border: .5px solid var(--error-color);
  color: var(--error-color);
}
.profile-links {
  display: flex;
  gap: 1rem;
  align-items: center;
  color: var(--primary-text-color);
  font-size: 1.5rem;
  padding-left: 1rem;
  cursor: default;
}
.context-menu {
  border-radius: 5px;
  padding: .1rem;
}
.context-menu:hover {
  background-color: --var(--secondary-background-color-hover);
  color: --var(--primary-color);
}
.profile-header {
  display: flex;
  align-items: start;
  padding-top: 1.5rem;
  gap: 2rem;
  cursor: default;
}
.profile-header .profile-header-details {
  display: flex;
  flex-direction: column;
  color: var(--tertiary-text-color);
}
.profile-header h6 {
  font-size: 1.5rem;
}
.profile-header .default-thumbnail {
  height: 230px;
  width: 230px;
  border-radius: 5px;
}
.profile-header .default-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
.profile-header .profile-header-content-container {
  display: flex;
  gap: 2rem;
  font-size: 1.1rem;
  padding-top: 1rem;
}
.profile-header .profile-header-content-container .profile-header-content {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  width: 400px;
}
.profile-header .profile-header-content-container .profile-header-secondary-content {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.profile {
  padding-top: 1rem;
  color: var(--tertiary-text-color);
}
.profile .profile-tabs div {
  border-bottom: 4px solid rgba(0,0,0,0);
  cursor: pointer;
  box-sizing: border-box;
  padding-top: 1.2rem;
  padding-bottom: .7rem;
}
.profile .profile-tabs .active {
  border-bottom: 4px solid var(--primary-color);
}
.profile .profile-tabs {
  display: flex;
  align-items: center;
  gap: 3rem;
  color: var(--tertiary-text-color);
  border-top: 1px solid var(--primary-border-color);
  border-bottom: 1px solid var(--primary-border-color);
}
.profile .tab {
  display: flex;
}
.profile .select-all-container {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: 1rem 0;
}
.profile .select-all-container input {
  background-color: var(--primary-background-color);
}
#profile-workspaces-container .section-header,#profile-environments-container .section-header,#profile-projects-container .section-header,#profile-product-manuals-container .section-header,#keys-container .section-header {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding-top: 1rem;
}
@media screen and (max-width: 992px) {
  #profile-workspaces-container .section-header,#profile-environments-container .section-header,#profile-projects-container .section-header,#profile-product-manuals-container .section-header,#keys-container .section-header {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-right: 0;
  }
}
#profile-workspaces-container .filter-group,#profile-environments-container .filter-group,#profile-projects-container .filter-group,#profile-product-manuals-container .filter-group,#keys-container .filter-group {
  display: flex;
  align-items: center;
  gap: 1rem;
}
#profile-workspaces-container .filter-group .text-field,#profile-environments-container .filter-group .text-field,#profile-projects-container .filter-group .text-field,#profile-product-manuals-container .filter-group .text-field,#keys-container .filter-group .text-field {
  display: flex;
  flex-grow: 1;
}
#profile-workspaces-container .filter-group .view-controls,#profile-environments-container .filter-group .view-controls,#profile-projects-container .filter-group .view-controls,#profile-product-manuals-container .filter-group .view-controls,#keys-container .filter-group .view-controls {
  padding: 0rem;
}
#profile-workspaces-container .filter-group .view-controls .layout-switch,#profile-environments-container .filter-group .view-controls .layout-switch,#profile-projects-container .filter-group .view-controls .layout-switch,#profile-product-manuals-container .filter-group .view-controls .layout-switch,#keys-container .filter-group .view-controls .layout-switch {
  font-size: 2rem;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  #profile-workspaces-container .filter-group button,#profile-environments-container .filter-group button,#profile-projects-container .filter-group button,#profile-product-manuals-container .filter-group button,#keys-container .filter-group button {
    display: none;
  }
}
#profile-workspaces-container .select-all-container,#profile-environments-container .select-all-container,#profile-projects-container .select-all-container,#profile-product-manuals-container .select-all-container,#keys-container .select-all-container {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: 1rem 0;
}
#profile-workspaces-container .select-all-container .select-all,#profile-environments-container .select-all-container .select-all,#profile-projects-container .select-all-container .select-all,#profile-product-manuals-container .select-all-container .select-all,#keys-container .select-all-container .select-all {
  display: flex;
  gap: .5rem;
}
#profile-workspaces-container .select-all-container input,#profile-environments-container .select-all-container input,#profile-projects-container .select-all-container input,#profile-product-manuals-container .select-all-container input,#keys-container .select-all-container input {
  background-color: var(--primary-background-color);
}
#profile-workspaces-container .select-all-container button,#profile-environments-container .select-all-container button,#profile-projects-container .select-all-container button,#profile-product-manuals-container .select-all-container button,#keys-container .select-all-container button {
  width: 8rem;
  border-color: var(--primary-border-color);
  margin-left: .5rem;
  display: none;
}
@media screen and (max-width: 1200px) {
  #profile-workspaces-container .select-all-container,#profile-environments-container .select-all-container,#profile-projects-container .select-all-container,#profile-product-manuals-container .select-all-container,#keys-container .select-all-container {
    justify-content: space-between;
  }
  #profile-workspaces-container .select-all-container button,#profile-environments-container .select-all-container button,#profile-projects-container .select-all-container button,#profile-product-manuals-container .select-all-container button,#keys-container .select-all-container button {
    display: flex;
  }
}
#profile-workspaces-container .grid-layout,#profile-environments-container .grid-layout,#profile-projects-container .grid-layout,#profile-product-manuals-container .grid-layout,#keys-container .grid-layout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(auto, 260px));
  grid-auto-rows: max-content;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  padding: 0;
}
#profile-workspaces-container .grid-layout .tile,#profile-environments-container .grid-layout .tile,#profile-projects-container .grid-layout .tile,#profile-product-manuals-container .grid-layout .tile,#keys-container .grid-layout .tile {
  position: relative;
}
#profile-workspaces-container .grid-layout .tile-checkbox,#profile-environments-container .grid-layout .tile-checkbox,#profile-projects-container .grid-layout .tile-checkbox,#profile-product-manuals-container .grid-layout .tile-checkbox,#keys-container .grid-layout .tile-checkbox {
  position: absolute;
  top: .5rem;
  left: 1rem;
}
#profile-workspaces-container .grid-layout .tile-checkbox input,#profile-environments-container .grid-layout .tile-checkbox input,#profile-projects-container .grid-layout .tile-checkbox input,#profile-product-manuals-container .grid-layout .tile-checkbox input,#keys-container .grid-layout .tile-checkbox input {
  background-color: var(--primary-background-color);
}
#profile-workspaces-container .grid-layout .tile-content,#profile-environments-container .grid-layout .tile-content,#profile-projects-container .grid-layout .tile-content,#profile-product-manuals-container .grid-layout .tile-content,#keys-container .grid-layout .tile-content {
  padding: 0rem;
  padding-left: .5rem;
  position: relative;
  min-height: 3.5rem;
}
#profile-workspaces-container .grid-layout .tile-content .tile-name,#profile-environments-container .grid-layout .tile-content .tile-name,#profile-projects-container .grid-layout .tile-content .tile-name,#profile-product-manuals-container .grid-layout .tile-content .tile-name,#keys-container .grid-layout .tile-content .tile-name {
  font-size: 1.25rem;
  margin: 0rem;
}
#profile-workspaces-container .grid-layout .tile-content .tile-description,#profile-environments-container .grid-layout .tile-content .tile-description,#profile-projects-container .grid-layout .tile-content .tile-description,#profile-product-manuals-container .grid-layout .tile-content .tile-description,#keys-container .grid-layout .tile-content .tile-description {
  font-size: 1rem;
  margin: 0rem;
  color: var(--tertiary-text-color);
}
#profile-workspaces-container .grid-layout .context-menu,#profile-environments-container .grid-layout .context-menu,#profile-projects-container .grid-layout .context-menu,#profile-product-manuals-container .grid-layout .context-menu,#keys-container .grid-layout .context-menu {
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: .5rem;
  right: 0;
}
#profile-workspaces-container .grid-layout .context-menu .dots-button,#profile-environments-container .grid-layout .context-menu .dots-button,#profile-projects-container .grid-layout .context-menu .dots-button,#profile-product-manuals-container .grid-layout .context-menu .dots-button,#keys-container .grid-layout .context-menu .dots-button {
  transform: rotate(90deg);
}
#profile-workspaces-container .grid-layout .context-menu .dots-button svg,#profile-environments-container .grid-layout .context-menu .dots-button svg,#profile-projects-container .grid-layout .context-menu .dots-button svg,#profile-product-manuals-container .grid-layout .context-menu .dots-button svg,#keys-container .grid-layout .context-menu .dots-button svg {
  font-size: 1rem;
}
#profile-workspaces-container .list-layout,#profile-environments-container .list-layout,#profile-projects-container .list-layout,#profile-product-manuals-container .list-layout,#keys-container .list-layout {
  cursor: pointer;
}
#profile-workspaces-container .list-layout .tile,#profile-environments-container .list-layout .tile,#profile-projects-container .list-layout .tile,#profile-product-manuals-container .list-layout .tile,#keys-container .list-layout .tile {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}
#profile-workspaces-container .list-layout .tile-link,#profile-environments-container .list-layout .tile-link,#profile-projects-container .list-layout .tile-link,#profile-product-manuals-container .list-layout .tile-link,#keys-container .list-layout .tile-link {
  padding: .5rem;
}
#profile-workspaces-container .list-layout .tile-img,#profile-environments-container .list-layout .tile-img,#profile-projects-container .list-layout .tile-img,#profile-product-manuals-container .list-layout .tile-img,#keys-container .list-layout .tile-img {
  height: 7rem;
  width: 7rem;
}
#profile-workspaces-container .list-layout .tile-content,#profile-environments-container .list-layout .tile-content,#profile-projects-container .list-layout .tile-content,#profile-product-manuals-container .list-layout .tile-content,#keys-container .list-layout .tile-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .25rem;
  justify-content: center;
  padding: 0rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
#profile-workspaces-container .list-layout .tile-content .tile-name,#profile-environments-container .list-layout .tile-content .tile-name,#profile-projects-container .list-layout .tile-content .tile-name,#profile-product-manuals-container .list-layout .tile-content .tile-name,#keys-container .list-layout .tile-content .tile-name {
  max-width: 100%;
  font-size: 1.25rem;
  margin: 0rem;
}
#profile-workspaces-container .list-layout .context-menu,#profile-environments-container .list-layout .context-menu,#profile-projects-container .list-layout .context-menu,#profile-product-manuals-container .list-layout .context-menu,#keys-container .list-layout .context-menu {
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
}
#profile-workspaces-container .list-layout .context-menu .dots-button,#profile-environments-container .list-layout .context-menu .dots-button,#profile-projects-container .list-layout .context-menu .dots-button,#profile-product-manuals-container .list-layout .context-menu .dots-button,#keys-container .list-layout .context-menu .dots-button {
  transform: rotate(90deg);
}
#profile-workspaces-container .list-layout .context-menu .dots-button svg,#profile-environments-container .list-layout .context-menu .dots-button svg,#profile-projects-container .list-layout .context-menu .dots-button svg,#profile-product-manuals-container .list-layout .context-menu .dots-button svg,#keys-container .list-layout .context-menu .dots-button svg {
  font-size: 1rem;
}
#password-change-form {
  width: 400px;
}
.change-password-modal,.esignature-modal {
  display: flex;
  flex-direction: column;
}
.change-password-modal #password-change-form,.change-password-modal #esignature-pin-form,.esignature-modal #password-change-form,.esignature-modal #esignature-pin-form {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 0;
  width: 100%;
}
.change-password-modal #password-change-form .change-password-header,.change-password-modal #password-change-form .esignature-header,.change-password-modal #esignature-pin-form .change-password-header,.change-password-modal #esignature-pin-form .esignature-header,.esignature-modal #password-change-form .change-password-header,.esignature-modal #password-change-form .esignature-header,.esignature-modal #esignature-pin-form .change-password-header,.esignature-modal #esignature-pin-form .esignature-header {
  padding-bottom: 1rem;
}
.change-password-modal #password-change-form .change-password-header h2,.change-password-modal #password-change-form .esignature-header h2,.change-password-modal #esignature-pin-form .change-password-header h2,.change-password-modal #esignature-pin-form .esignature-header h2,.esignature-modal #password-change-form .change-password-header h2,.esignature-modal #password-change-form .esignature-header h2,.esignature-modal #esignature-pin-form .change-password-header h2,.esignature-modal #esignature-pin-form .esignature-header h2 {
  font-size: 1.5rem;
}
.change-password-modal #password-change-form .content,.change-password-modal #esignature-pin-form .content,.esignature-modal #password-change-form .content,.esignature-modal #esignature-pin-form .content {
  display: flex;
  flex-direction: column;
  padding-bottom: 1rem;
}
.change-password-modal #password-change-form .content .field,.change-password-modal #esignature-pin-form .content .field,.esignature-modal #password-change-form .content .field,.esignature-modal #esignature-pin-form .content .field {
  padding: 0rem;
  margin: 0rem;
  color: var(--tertiary-text-color);
}
.change-password-modal #password-change-form .content .field>span,.change-password-modal #esignature-pin-form .content .field>span,.esignature-modal #password-change-form .content .field>span,.esignature-modal #esignature-pin-form .content .field>span {
  margin-bottom: 3px;
}
.change-password-modal #password-change-form .content .field input,.change-password-modal #esignature-pin-form .content .field input,.esignature-modal #password-change-form .content .field input,.esignature-modal #esignature-pin-form .content .field input {
  height: 35px;
  margin: 0;
}
.change-password-modal #password-change-form .content .field .label,.change-password-modal #esignature-pin-form .content .field .label,.esignature-modal #password-change-form .content .field .label,.esignature-modal #esignature-pin-form .content .field .label {
  color: var(--tertiary-text-color);
  font-size: .9rem;
}
.change-password-modal #password-change-form .content .password-input-field,.change-password-modal #esignature-pin-form .content .password-input-field,.esignature-modal #password-change-form .content .password-input-field,.esignature-modal #esignature-pin-form .content .password-input-field {
  display: flex;
  flex-direction: row;
  gap: 0;
}
.change-password-modal #password-change-form .content .password-input-field input,.change-password-modal #esignature-pin-form .content .password-input-field input,.esignature-modal #password-change-form .content .password-input-field input,.esignature-modal #esignature-pin-form .content .password-input-field input {
  border-top-right-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 0;
  border: 1px solid var(--primary-border-color);
  border-right: none;
  flex-grow: 1;
  background-color: var(--alt-background-color);
}
.change-password-modal #password-change-form .content .password-input-field button,.change-password-modal #esignature-pin-form .content .password-input-field button,.esignature-modal #password-change-form .content .password-input-field button,.esignature-modal #esignature-pin-form .content .password-input-field button {
  border-top-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0;
  border: 1px solid var(--primary-border-color);
  border-left: none;
  background-color: var(--alt-background-color);
  padding-right: 1rem;
}
#keys-container .disabled-row td {
  color: var(--primary-border-color);
}
#keys-container #batch-table th {
  font-size: 1.1rem;
}
#keys-container #batch-table th,#keys-container #batch-table td {
  overflow: visible;
}
#keys-container #batch-table th:nth-child(1),#keys-container #batch-table td:nth-child(1) {
  width: 5%;
}
#keys-container #batch-table th:nth-child(2),#keys-container #batch-table td:nth-child(2) {
  width: 50%;
}
#keys-container #batch-table th:nth-child(3),#keys-container #batch-table td:nth-child(3) {
  width: 10%;
}
#keys-container #batch-table th:nth-child(4),#keys-container #batch-table td:nth-child(4) {
  width: 10%;
}
#keys-container #batch-table th:nth-child(5),#keys-container #batch-table td:nth-child(5) {
  width: 10%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#keys-container #batch-table th:nth-child(6),#keys-container #batch-table td:nth-child(6) {
  width: 10%;
}
#keys-container #batch-table th:nth-child(7),#keys-container #batch-table td:nth-child(7) {
  width: 2%;
  padding-right: 1rem;
}
#keys-container #batch-table th .dots-button,#keys-container #batch-table td .dots-button {
  padding: 0px;
}
#keys-container #batch-table td:nth-child(7) span:nth-child(1) button {
  height: 2.25rem;
  width: 8rem;
}
#generate-key-modal {
  display: flex;
  flex-direction: column;
  width: 500px;
  height: 325px;
}
#generate-key-modal .key-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  flex: 1;
  padding-top: 1.5rem;
}
#generate-key-modal .key-content label {
  font-size: .9rem;
  color: var(--tertiary-text-color);
}
#generate-key-modal .key-content .key-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .5rem;
  border: solid 1px var(--primary-border-color);
  border-radius: .25rem;
  width: 100%;
  height: 3rem;
}
#generate-key-modal .key-content .key-info button {
  border: solid 1px var(--primary-border-color);
  background-color: var(--primary-background-color);
  height: 2rem;
  width: 8rem;
}
@media screen and (max-width: 992px) {
  .alert-overlay {
    padding: 0rem 1rem;
  }
}
.alert-overlay .alert.edit-profile-modal {
  width: 100%;
  max-width: 1000px;
}
.edit-profile-modal {
  display: flex;
  flex-direction: column;
}
.edit-profile-modal #editProfile {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
@media screen and (max-width: 992px) {
  .edit-profile-modal #editProfile {
    width: 100%;
    height: 100%;
  }
}
.edit-profile-modal .edit-profile-top {
  display: flex;
  justify-content: space-between;
}
.edit-profile-modal .edit-profile-top button {
  border: .5px solid var(--error-color);
}
.edit-profile-modal .edit-profile-top button:hover {
  border: .5px solid var(--error-color);
  color: var(--error-color);
}
.edit-profile-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  margin: 0rem;
  margin-top: 2rem;
  height: 100%;
}
.edit-profile-form .profile-picture-container {
  width: 180px;
  height: 180px;
  margin: auto;
  font-size: 4rem;
  position: relative;
}
.edit-profile-form .profile-picture-container .remove {
  font-size: 1.25rem;
  position: absolute;
  cursor: pointer;
  color: var(--mt-primary-color);
  background-color: var(--mt-primary-background-color);
  height: 1.25em;
  width: 1.25em;
  top: 5px;
  right: 5px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color .2s ease;
}
.edit-profile-form .profile-picture-container .remove:hover {
  opacity: .8;
}
.edit-profile-form .upload {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1rem;
  color: var(--primary-color);
  cursor: pointer;
}
.edit-profile-form .upload img {
  width: 180px;
  height: 180px;
}
.edit-profile-form .upload:hover {
  text-decoration: underline;
}
.edit-profile-form .profile-image-preview,.edit-profile-form .profile-image {
  width: 180px;
  height: 180px;
  border-radius: .375rem;
}
.edit-profile-form input {
  margin-bottom: .75rem;
}
.edit-profile-form .profile-name {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.edit-profile-form .profile-info {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 2rem;
  flex-grow: 1;
}
.edit-profile-form .profile-info .profile-info-column,.edit-profile-form .profile-info .profile-info-column-two {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding-top: 1rem;
}
.edit-profile-form .profile-info .profile-info-column input,.edit-profile-form .profile-info .profile-info-column-two input {
  width: 100%;
}
.edit-profile-form .profile-info .profile-info-column {
  align-items: flex-start;
}
.edit-profile-form .profile-info .profile-info-column-two {
  align-items: flex-start;
}
.edit-profile-form .profile-info .profile-info-column-two input {
  align-self: flex-start;
}
#MT-avatar{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-block}#MT-avatar.size-sm{width:2rem;height:2rem;font-size:.9rem;font-weight:600}#MT-avatar.size-md{width:2.5rem;height:2.5rem;font-size:1rem;font-weight:600}#MT-avatar.size-lg{width:3rem;height:3rem;font-size:1rem;font-weight:600}#MT-avatar.size-xl{width:4rem;height:4rem;font-size:1.25rem;font-weight:600}#MT-avatar.size-xxl{width:5rem;height:5rem;font-size:1.5rem;font-weight:600}#MT-avatar.size-full{width:100%;height:100%;font-size:2rem;font-weight:600}#MT-avatar.color-primary{background-color:var(--mt-primary-color);color:var(--mt-primary-background-color)}#MT-avatar.color-primary svg{stroke:var(--mt-primary-background-color)}#MT-avatar.color-secondary{background-color:var(--tc-primary-color);color:var(--mt-secondary-text-color)}#MT-avatar.color-secondary svg{stroke:var(--mt-secondary-text-color)}#MT-avatar.color-yellow{color:#1f2937;background-color:#fbbf24}#MT-avatar.color-yellow svg{stroke:#1f2937}#MT-avatar[src]{width:inherit;height:inherit;-o-object-fit:cover;object-fit:cover;display:inline-block}#MT-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:.5rem;width:100%;height:100%}#MT-avatar svg{width:100%;height:100%;display:block}#MT-avatar .centered{justify-content:center;align-items:center;width:100%;height:100%;font-family:inherit;display:flex}#MT-avatar.border-true{border:1px solid #000}#MT-breadcrumbs{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;display:flex}#MT-breadcrumbs .breadcrumb-item{align-items:center;gap:.5rem;display:flex}#MT-breadcrumbs .breadcrumb-item .clickable{cursor:pointer}#MT-breadcrumbs .breadcrumb-item .clickable:hover{color:var(--breadcrumb-hover-color)}#MT-breadcrumbs .breadcrumb-label:last-child{color:var(--breadcrumb-active-color,var(--mt-primary-color))}#MT-button{box-sizing:border-box;cursor:pointer;white-space:nowrap;border-radius:.35rem;justify-content:center;align-items:center;gap:1rem;min-width:8rem;display:flex}#MT-button[hidden]{display:none}#MT-button img{width:1rem;height:1rem;display:block}#MT-button img[alt=xplorer\ icon]{width:1.5rem;height:1.5rem}#MT-button img[alt=download\ icon],#MT-button img[alt=open\ icon],#MT-button img[alt=upload\ icon],#MT-button img[alt=collapse\ icon]{width:1.25rem;height:1.25rem}#MT-button:hover:not(:disabled),#MT-button:active:not(:disabled){background-color:var(--mt-primary-background-color);transition:all .5s ease-in-out}#MT-button.size-sm{padding:.2rem 1rem;font-size:1rem}#MT-button.size-md{padding:.5rem 1rem;font-size:1.1rem}#MT-button.size-lg{padding:.7rem 1rem;font-size:1.2rem}#MT-button.variant-filled.color-primary{background-color:var(--mt-primary-color);color:var(--mt-primary-background-color);border:solid 1px var(--mt-primary-color)}#MT-button.variant-filled.color-primary:hover:not(:disabled),#MT-button.variant-filled.color-primary:active:not(:disabled){background-color:var(--mt-primary-color-hover);border:1px solid var(--mt-primary-color-hover);transition:all .5s ease-in-out}#MT-button.variant-filled.color-secondary{background-color:var(--tc-primary-color);color:var(--mt-secondary-text-color);border:solid 1px var(--tc-primary-color)}#MT-button.variant-filled.color-secondary:hover:not(:disabled),#MT-button.variant-filled.color-secondary:active:not(:disabled){background-color:var(--tc-primary-color-hover);border:1px solid var(--tc-primary-color-hover);transition:all .5s ease-in-out}#MT-button.variant-filled.color-gray{background-color:var(--mt-primary-background-color);color:var(--mt-secondary-text-color);border:solid 1px var(--mt-primary-border-color)}#MT-button.variant-filled.color-gray:hover:not(:disabled),#MT-button.variant-filled.color-gray:active:not(:disabled){background-color:var(--mt-button-hover);transition:all .5s ease-in-out}#MT-button.variant-filled.type-reset{background-color:var(--mt-secondary-background-color);border:1px solid var(--mt-secondary-background-color);color:var(--mt-secondary-text-color)}#MT-button.variant-filled.type-reset:hover:not(:disabled),#MT-button.variant-filled.type-reset:active:not(:disabled){background-color:var(--mt-button-hover);border:1px solid var(--mt-button-hover);transition:all .5s ease-in-out}#MT-button.variant-filled:disabled{opacity:.5;cursor:default;background-color:var(--mt-primary-border-color);border:1px solid var(--mt-primary-border-color);color:var(--mt-secondary-text-color)}#MT-button.variant-outline.color-primary{border:solid 1px var(--mt-primary-color)}#MT-button.variant-outline.color-secondary{border:solid 1px var(--tc-primary-color)}#MT-button.variant-outline:disabled{opacity:.5;cursor:default;border:1px solid var(--mt-primary-border-color)}#MT-button.variant-delete{border:solid 1px var(--mt-error-color)}#MT-button.variant-box{min-width:2rem}#MT-button.variant-box.color-primary{border:solid 1px var(--mt-primary-color);background-color:var(--mt-secondary-background-color)}#MT-button.variant-box.color-secondary{border:solid 1px var(--tc-primary-color)}#MT-button.variant-box:disabled{opacity:.5;cursor:default;border:1px solid var(--mt-primary-border-color)}#MT-button.workcard{color:var(--mt-primary-text-color)!important}#MT-button:disabled{opacity:.5;cursor:default;border:1px solid var(--mt-primary-border-color)}#MT-checkbox{flex-wrap:wrap;flex-direction:var(--label-position);align-items:center;gap:.5rem;display:inline-flex}#MT-checkbox span{font-size:var(--font-size);color:var(--mt-primary-text-color)}#MT-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;accent-color:var(--mt-primary-color);width:var(--checkbox-size);height:var(--checkbox-size);border:1px solid var(--mt-primary-border-color);cursor:pointer;border-radius:3px}#MT-checkbox input[type=checkbox]:checked{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;transform:scale(1)}.mt-date__dialog{box-sizing:border-box;transform-origin:100% 0;will-change:transform, opacity, display;z-index:9999;width:-moz-fit-content;width:fit-content;min-width:320px;height:-moz-fit-content;height:fit-content;transition:transform .3s,opacity .3s,display .3s;display:none;position:fixed;transform:scale(.96)translateZ(0)translateY(-40px)}.mt-date__dialog.is-active{opacity:1;display:flex;transform:scale(1)translateZ(0)translateY(0)}.mt-date__dialog-content{background:var(--mt-primary-background-color);z-index:9999;border:1px solid #0000001a;border-radius:6px;width:100%;min-width:290px;max-width:310px;margin-top:8px;margin-left:auto;padding:16px 16px 20px;position:relative;transform:none;box-shadow:0 4px 10px #0000001a}@media (width<=35.9375em){.mt-date__dialog.is-active .mt-date__dialog-content{opacity:1;opacity:1;flex-direction:column;padding:10px;display:flex;top:2em}}.mt-date__table{border-collapse:collapse;border-spacing:0;color:var(--mt-primary-text-color);font-size:1rem;font-weight:var(--font-weight,400);text-align:center;width:100%;line-height:1.25}.mt-date__table-header{font-size:.75rem;font-weight:var(--font-weight-bold,700);letter-spacing:1px;text-transform:uppercase;padding-bottom:8px;line-height:1.25;text-decoration:none}.mt-date__cell{text-align:center}.mt-date__cell button[aria-pressed=true]{border:2px solid var(--mt-primary-text-color);background-color:#0000}.mt-date__day{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--mt-primary-text-color);cursor:pointer;font-family:var(--font-family,inherit);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:var(--font-weight,400);text-align:center;vertical-align:middle;z-index:1;background:0 0;border:0;border-radius:50%;width:36px;height:36px;padding:0 0 1px;line-height:1.25;display:inline-block;position:relative}.mt-date__day.is-today{box-shadow:0 0 0 1px var(--mt-primary-color);z-index:200;position:relative}.mt-date__day:hover:before,.mt-date__day.is-today:before{background:var(--primary-background-color,#007bff);content:"";opacity:.06;border-radius:50%;position:absolute;inset:0}.mt-date__day[aria-pressed=true],.mt-date__day:focus{box-shadow:none;outline:0}.mt-date__day:active{color:var(--mt-primary-color);z-index:200}.mt-date__day:not(.is-month){box-shadow:none}.mt-date__day:not(.is-month),.mt-date__day[aria-disabled=true]{color:var(--mt-primary-text-color);cursor:default;opacity:.5;background:0 0}.mt-date__day[aria-disabled=true].is-today{box-shadow:0 0 0 1px var(--primary-background-color,#007bff)}.mt-date__day[aria-disabled=true].is-today:focus{box-shadow:0 0 5px var(--primary-background-color,#007bff);background:var(--primary-background-color,#007bff);color:var(--primary-text-color-inverse,#fff)}.mt-date__day[aria-disabled=true]:not(.is-today):before{display:none}.mt-date__day.is-outside{box-shadow:none;color:var(--primary-text-color,#333);cursor:default;opacity:.6;pointer-events:none;background:#444}.mt-date__day.is-outside:before{display:none}.mt-date__header{justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;display:flex}.mt-date__nav{white-space:nowrap}.mt-date__prev,.mt-date__next{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--primary-text-color,#fff);cursor:pointer;background:#444;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:8px;padding:0;transition:background-color .3s;display:inline-flex}@media (width<=35.9375em){.mt-date__prev,.mt-date__next{width:40px;height:40px}}.mt-date__prev:focus,.mt-date__next:focus{color:var(--mt-primary-color)}.mt-date__prev:active:focus,.mt-date__next:active:focus{box-shadow:none}.mt-date__prev:disabled,.mt-date__next:disabled{cursor:default;opacity:.5}.mt-date__prev svg,.mt-date__next svg{margin:0 auto}.mt-date__select{margin-top:4px;display:inline-flex;position:relative}.mt-date__select span{margin-right:4px}.mt-date__select select{cursor:pointer;opacity:0;z-index:2;width:100%;height:100%;font-size:1rem;position:absolute;top:0;left:0}.mt-date__select select:focus+.mt-date__select-label{box-shadow:0 0 0 2px var(--mt-primary-text-color)}.mt-date__select select option{background:var(--primary-background-color,#fff);color:var(--primary-text-color,#333)}.mt-date__select-label{color:var(--mt-primary-text-color);font-size:1.25rem;font-weight:var(--font-weight-bold,700);pointer-events:none;z-index:1;border-radius:6px;align-items:center;width:100%;padding:0 4px 0 8px;line-height:1.25;display:flex;position:relative}.mt-date__select-label svg{width:16px;height:16px}.mt-date__mobile{text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #0000001f;justify-content:space-between;align-items:center;margin-bottom:20px;margin-left:-10%;padding:12px 20px;display:flex;position:relative;overflow:hidden}@media (width>=36em){.mt-date__mobile{border:0;width:auto;margin:0;padding:0;position:absolute;top:-8px;right:-8px;overflow:visible}}.mt-date__mobile-heading{font-weight:var(--font-weight-bold,700);text-overflow:ellipsis;white-space:nowrap;max-width:84%;display:inline-block;overflow:hidden}@media (width>=36em){.mt-date__mobile-heading{display:none}}.mt-date__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--primary-text-color,#fff);cursor:pointer;background:#444;border:0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}@media (width>=36em){.mt-date__close{opacity:0}}.mt-date__close:focus{box-shadow:0 0 0 2px var(--primary-background-color,#007bff);outline:none}@media (width>=36em){.mt-date__close:focus{opacity:1}}.mt-date__close svg{margin:0 auto}.mt-date__vhidden{clip:rect(1px, 1px, 1px, 1px);border:0;width:1px;height:1px;padding:0;position:absolute;top:0;overflow:hidden}#MT-date-selector .mt-date{box-sizing:border-box;color:var(--primary-text-color,#333);font-family:var(--font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);text-align:left;width:100%;margin:0;display:block;position:relative}#MT-date-selector .mt-date__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--mt-primary-border-color);color:var(--mt-primary-text-color);float:none;font-family:var(--font-family,inherit);cursor:default;background:0 0;border-radius:6px;width:100%;padding:.25rem;font-size:100%;line-height:normal}#MT-date-selector .mt-date__input:focus{border-color:var(--mt-primary-color);box-shadow:0 0 0 1px var(--mt-primary-color);outline:0}#MT-date-selector .mt-date__input::-webkit-input-placeholder{color:var(--primary-border-color,#999);opacity:1}#MT-date-selector .mt-date__input:-moz-placeholder-shown{color:var(--primary-border-color,#999);opacity:1}#MT-date-selector .mt-date__input:-ms-placeholder-shown{color:var(--primary-border-color,#999)}#MT-date-selector .mt-date__input-wrapper{width:100%;position:relative}#MT-date-selector .mt-date__toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:none;color:var(--mt-primary-text-color);cursor:pointer;z-index:1;background:0 0;border:0;border-radius:0 6px 6px 0;justify-content:center;align-items:center;width:48px;height:calc(100% - 2px);padding:0;display:flex;position:absolute;top:1px;right:1px}#MT-date-selector .mt-date__toggle:focus{box-shadow:0 0 0 2px var(--mt-primary-color);outline:0}#MT-date-selector .mt-date__toggle:hover{color:none;background-color:#0000!important}#MT-date-selector .mt-date__toggle:hover svg path{fill:none}#MT-date-selector .mt-date__toggle-icon{justify-content:center;align-items:center;display:flex}#MT-date-selector .mt-date__toggle-icon img{width:1rem;display:block}#MT-date-selector .mt-date__vhidden{clip:rect(1px, 1px, 1px, 1px);border:0;width:1px;height:1px;padding:0;position:absolute;top:0;overflow:hidden}#MT-empty-state{cursor:default;border:none;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;padding:3rem 0;display:flex}.mt-empty-state-icon{justify-content:center;align-items:center;display:flex}.mt-empty-state-text{text-align:center;color:var(--mt-empty-state-color);font-size:1.5rem}#MT-image-selector{cursor:pointer;width:100%;height:100%;position:relative}#MT-image-selector:hover{border-color:var(--mt-primary-color)}#MT-image-selector>img{-o-object-fit:contain;object-fit:contain;width:auto;max-width:100%;height:100%;margin:0 auto;display:block}#MT-image-selector.form-type{cursor:pointer;border:1px solid var(--primary-border-color);border-radius:5px;flex-direction:column;align-items:center;width:100%;height:225px;display:flex;position:relative;overflow:hidden}#MT-image-selector.form-type svg{width:100px;height:100px}#MT-image-selector .remove{cursor:pointer;color:var(--mt-primary-color);background-color:var(--mt-primary-background-color);text-align:center;border-radius:5px;flex-wrap:wrap;place-content:center;width:1.5em;height:1.5em;margin:auto;padding:5px;transition:background-color .2s;display:flex;position:absolute;top:5px;right:5px}#MT-image-selector .remove:hover{opacity:.8}#MT-image-selector:hover .overlay svg{color:var(--mt-primary-color)}#MT-image-selector .overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}#MT-image-selector .overlay span{color:var(--mt-secondary-text-color);margin-top:1rem}#MT-multi-select{font-family:var(--font-family);cursor:pointer;width:100%;min-width:100px;display:block;position:relative}#MT-multi-select.disabled{opacity:.4;cursor:default}#MT-multi-select input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;width:16px;min-width:16px;height:16px;min-height:16px;accent-color:var(--mt-input-checkbox-color);border:.15em solid var(--mt-primary-background-color-invert);cursor:pointer;vertical-align:middle;border-radius:.15em;flex-shrink:0;margin:0 10px 0 0}#MT-multi-select input[type=checkbox]:checked:before{transform:scale(1)}#MT-multi-select.expanded{border-radius:.25rem}#MT-multi-select.expanded .ul-expanded{opacity:1;z-index:9999;background:var(--mt-primary-background-color);box-sizing:border-box;border:1px solid #fff;border-top:none;width:100%;margin:0;padding:0;list-style:none;display:block;position:absolute;top:100%;left:0;overflow:visible}#MT-multi-select.expanded .ul-expanded .options-scroll-container{max-height:300px;overflow:hidden scroll}#MT-multi-select.expanded .ul-expanded .options-scroll-container .select-all{border-bottom:1px solid var(--mt-primary-border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-top:.75rem;padding-bottom:.75rem}#MT-multi-select.expanded .ul-expanded .li-expanded{color:var(--mt-primary-text-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;padding:.4rem 1rem;font-size:14px;display:flex}#MT-multi-select.expanded .ul-expanded .li-expanded:hover,#MT-multi-select.expanded .ul-expanded .li-expanded:focus{color:#fff;background-color:var(--mt-secondary-background-color)}#MT-multi-select.expanded .ul-expanded .li-expanded .checkbox-container{justify-content:center;align-items:center;margin:0;padding:0;display:flex}#MT-multi-select.expanded .ul-expanded .li-expanded .checkbox-indicator{flex:1;align-items:center;display:flex}#MT-multi-select.expanded .ul-expanded .selected-values-container{border-bottom:1px solid var(--mt-primary-border-color);flex-wrap:wrap;gap:.25rem;max-height:252px;padding:.4rem 1rem;display:flex;overflow:auto}#MT-multi-select.expanded .ul-expanded .selected-values-container li{padding:0}#MT-multi-select.expanded .ul-expanded .selected-values-container .selected-values-name{border:1px solid var(--mt-primary-border-color);border-radius:5px;align-items:center;gap:.35rem;padding:0 .25rem;display:flex}#MT-multi-select.expanded .ul-expanded .selected-values-container .selected-values-name:after{content:"×";cursor:pointer;opacity:.6;font-size:1.4rem;line-height:1}#MT-multi-select.expanded .ul-expanded .selected-values-container .selected-values-icon{display:none}#MT-multi-select.expanded.users .ul-expanded{border:none;border-radius:5px;margin-top:.25rem;box-shadow:0 4px 6px #0000001a}#MT-multi-select.expanded.users:focus .selected-name-container,#MT-multi-select.expanded.users:focus-within .selected-name-container{border:solid var(--mt-primary-color) 1px}#MT-multi-select.expanded.users .dropdown-search-item{background:var(--mt-primary-background-color);border-bottom:1px solid var(--mt-primary-border-color);border-radius:5px 5px 0 0;gap:.5rem;padding:.4rem .75rem;display:flex}#MT-multi-select.expanded.users .dropdown-search-item .dropdown-search-input{width:100%;height:100%;color:var(--mt-primary-text-color);background:0 0;border:none;outline:none}#MT-multi-select.expanded.users .no-results{opacity:.5;cursor:default;pointer-events:none}#MT-multi-select.selected-values{border-bottom:1px solid var(--mt-primary-border-color)}#MT-multi-select:focus{outline:none}#MT-multi-select .select-container-wrapper{position:relative}#MT-multi-select .selected-name-container{border:solid 1px var(--mt-primary-border-color);border-radius:.25rem;align-items:center;width:100%;height:2.5rem;min-height:2.5rem;padding:0 1rem;display:flex}#MT-multi-select .selected-name-container .selected-name{white-space:nowrap;text-overflow:ellipsis;overflow-wrap:break-word;width:100%;color:var(--mt-filter-text-color);overflow:hidden}#MT-multi-select .selected-name-container .mt-select-input{width:100%;height:100%;color:var(--mt-filter-text-color);background:0 0;border:none;outline:none;padding:.4rem 1rem;position:absolute;top:0;left:0}#MT-multi-select .selected-name-container .logo{margin-left:auto}#MT-multi-select .selected-name-container .mt-select-clear{color:var(--mt-primary-text-color);cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:0;font-size:1.4rem;line-height:1}#MT-multi-select .selected-name-container .mt-select-clear:hover{opacity:1}#MT-multi-select.searchable .selected-name-container{justify-content:flex-end}#MT-multi-select .ul-not-expanded{opacity:0;border-top:none;display:none}#MT-pdf-viewer{width:100%;height:100%}#MT-radio-group{flex-direction:var(--radio-flex-direction,row);border:none;justify-content:space-between;width:100%;height:100%;margin:0;padding:0;display:flex;position:relative}#MT-radio-group>label{cursor:pointer;flex-direction:row;align-items:center;display:flex}#MT-radio-group>label .circle{width:var(--radio-size);height:var(--radio-size);border:1px solid var(--mt-primary-border-color);margin-right:var(--radio-label-margin);border-radius:50%;display:block;position:relative}#MT-radio-group>label .circle:after{content:"";width:var(--radio-inner-size);height:var(--radio-inner-size);background:var(--mt-primary-color);border-radius:50%;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}#MT-radio-group>label input[type=radio]{display:none}#MT-radio-group>label span{font-size:var(--text-size)}#MT-radio-group>label input[type=radio]:checked+.circle:after{display:block}#MT-select{font-family:var(--font-family);cursor:pointer;width:100%;min-width:80px;height:100%;display:block;position:relative}#MT-select.disabled{opacity:.4;cursor:default}#MT-select.expanded{border-radius:.25rem}#MT-select.expanded .ul-expanded{opacity:1;z-index:999;border:solid 1px var(--mt-primary-border-color);background:var(--mt-primary-background-color);box-sizing:border-box;border-top:none;width:100%;max-height:250px;margin:0;padding:0;list-style:none;display:block;position:absolute;top:100%;left:0;overflow-x:hidden}#MT-select.expanded .ul-expanded .li-expanded{color:var(--mt-primary-text-color);margin:0;padding:.5rem 1rem}#MT-select.expanded .ul-expanded .li-expanded:hover,#MT-select.expanded .ul-expanded .li-expanded:focus{color:#fff;background-color:var(--mt-secondary-background-color)}#MT-select.expanded img{margin-left:auto}#MT-select.expanded.drop-up .ul-expanded{border-top:solid 1px var(--mt-primary-border-color);border-bottom:none;top:auto;bottom:100%}#MT-select:focus{outline:none}#MT-select>label.required:after{content:" *";color:var(--mt-error-color)}#MT-select .select-container-wrapper{position:relative}#MT-select .selected-name-container{border:solid 1px var(--mt-primary-border-color);border-radius:.25rem;align-items:center;width:100%;padding:.4rem .5rem;display:flex}#MT-select .selected-name-container .selected-name{white-space:nowrap;text-overflow:ellipsis;overflow-wrap:break-word;width:100%;color:var(--mt-primary-text-color);overflow:hidden}#MT-select .selected-name-container .mt-select-input{background:0 0;border:none;outline:none;width:80%;height:100%;padding:.4rem 1rem;position:absolute;top:0;left:0}#MT-select .selected-name-container .logo{margin-left:auto}#MT-select.size-sm .select-container-wrapper{height:auto}#MT-select.size-sm .selected-name-container{height:2.5rem}#MT-select.size-md .select-container-wrapper{height:100%}#MT-select.size-md .selected-name-container{height:100%;min-height:2.5rem}#MT-select.searchable .selected-name-container{justify-content:flex-end}#MT-select .ul-not-expanded{opacity:0;border-top:none;display:none}#MT-select .remove{cursor:pointer;align-items:center;line-height:1;display:flex}#MT-select .remove:after{content:"×";padding-left:8px;font-size:1.5rem;line-height:1}::-webkit-scrollbar{width:8px;height:100%}::-webkit-scrollbar-track{background:var(--mt-primary-background-color);border-radius:5px}::-webkit-scrollbar-thumb{background-color:var(--mt-primary-border-color);border-radius:5px}#MT-spinner{margin:0 auto;position:relative}#MT-spinner.size-sm{width:40px;height:40px}#MT-spinner.size-sm div{width:3px;height:3px}#MT-spinner.size-sm div:first-child{top:18.5px;left:33px}#MT-spinner.size-sm div:nth-child(2){top:11px;left:31px}#MT-spinner.size-sm div:nth-child(3){top:5.5px;left:26px}#MT-spinner.size-sm div:nth-child(4){top:3.5px;left:18.5px}#MT-spinner.size-sm div:nth-child(5){top:5.5px;left:11px}#MT-spinner.size-sm div:nth-child(6){top:11px;left:5.5px}#MT-spinner.size-sm div:nth-child(7){top:18.5px;left:3.5px}#MT-spinner.size-sm div:nth-child(8){top:26px;left:5.5px}#MT-spinner.size-sm div:nth-child(9){top:31px;left:11px}#MT-spinner.size-sm div:nth-child(10){top:33px;left:18.5px}#MT-spinner.size-sm div:nth-child(11){top:31px;left:26px}#MT-spinner.size-sm div:nth-child(12){top:26px;left:31px}#MT-spinner.size-md{width:80px;height:80px}#MT-spinner.size-md div{width:6px;height:6px}#MT-spinner.size-md div:first-child{top:37px;left:66px}#MT-spinner.size-md div:nth-child(2){top:22px;left:62px}#MT-spinner.size-md div:nth-child(3){top:11px;left:52px}#MT-spinner.size-md div:nth-child(4){top:7px;left:37px}#MT-spinner.size-md div:nth-child(5){top:11px;left:22px}#MT-spinner.size-md div:nth-child(6){top:22px;left:11px}#MT-spinner.size-md div:nth-child(7){top:37px;left:7px}#MT-spinner.size-md div:nth-child(8){top:52px;left:11px}#MT-spinner.size-md div:nth-child(9){top:62px;left:22px}#MT-spinner.size-md div:nth-child(10){top:66px;left:37px}#MT-spinner.size-md div:nth-child(11){top:62px;left:52px}#MT-spinner.size-md div:nth-child(12){top:52px;left:62px}#MT-spinner.size-lg{width:120px;height:120px}#MT-spinner.size-lg div{width:9px;height:9px}#MT-spinner.size-lg div:first-child{top:55.5px;left:99px}#MT-spinner.size-lg div:nth-child(2){top:33px;left:93px}#MT-spinner.size-lg div:nth-child(3){top:16.5px;left:78px}#MT-spinner.size-lg div:nth-child(4){top:10.5px;left:55.5px}#MT-spinner.size-lg div:nth-child(5){top:16.5px;left:33px}#MT-spinner.size-lg div:nth-child(6){top:33px;left:16.5px}#MT-spinner.size-lg div:nth-child(7){top:55.5px;left:10.5px}#MT-spinner.size-lg div:nth-child(8){top:78px;left:16.5px}#MT-spinner.size-lg div:nth-child(9){top:93px;left:33px}#MT-spinner.size-lg div:nth-child(10){top:99px;left:55.5px}#MT-spinner.size-lg div:nth-child(11){top:93px;left:78px}#MT-spinner.size-lg div:nth-child(12){top:78px;left:93px}#MT-spinner div{background:#fff;border-radius:50%;animation:1.2s linear infinite spinner;position:absolute}#MT-spinner div:first-child{animation-delay:0s}#MT-spinner div:nth-child(2){animation-delay:-.1s}#MT-spinner div:nth-child(3){animation-delay:-.2s}#MT-spinner div:nth-child(4){animation-delay:-.3s}#MT-spinner div:nth-child(5){animation-delay:-.4s}#MT-spinner div:nth-child(6){animation-delay:-.5s}#MT-spinner div:nth-child(7){animation-delay:-.6s}#MT-spinner div:nth-child(8){animation-delay:-.7s}#MT-spinner div:nth-child(9){animation-delay:-.8s}#MT-spinner div:nth-child(10){animation-delay:-.9s}#MT-spinner div:nth-child(11){animation-delay:-1s}#MT-spinner div:nth-child(12){animation-delay:-1.1s}@keyframes spinner{0%,20%,80%,to{transform:scale(1)}50%{transform:scale(1.3)}}#MT-stepbar{width:100%;padding:1.25rem 0}.steps-wrapper{align-items:center;width:100%;display:flex}.step-item{flex:1;align-items:center;display:flex}.step-item:first-child{flex:0}.progress-line{background-color:#acaca6;flex:1;height:2px;margin:0 .5rem;transition:background-color .5s ease-out}.progress-line.filled{background-color:var(--mt-primary-color)}.step-content{flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.step-circle{text-align:center;z-index:1;border-radius:50%;justify-content:center;align-items:center;font-weight:500;display:flex;position:relative}.step-circle.future{color:#fff;border:2px solid var(--mt-primary-border-color);background-color:#0000}.step-circle.current,.step-circle.completed{color:#000;background:var(--mt-primary-color);border:2px solid var(--mt-primary-color)}.step-circle.icon{padding:0}.step-circle>span{line-height:1}.step-checkmark{stroke:currentColor;width:100%;height:100%}.step-label{color:var(--mt-secondary-text-color);text-align:center;white-space:nowrap;padding-top:.5rem;font-size:.875rem;position:absolute;top:100%}.step-label.current{color:var(--mt-primary-color);font-weight:500}.step-label.future{color:var(--mt-secondary-text-color)}#mt-time-selector .mt-time{box-sizing:border-box;color:var(--primary-text-color,#333);font-family:var(--font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);text-align:left;width:100%;margin:0;display:block;position:relative}#mt-time-selector .mt-time__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--primary-border-color,#ccc);color:var(--mt-primary-text-color);float:none;font-family:var(--font-family,inherit);background:0 0;border-radius:6px;width:100%;padding:.25rem;font-size:100%;line-height:normal}#mt-time-selector .mt-time__input:focus{border-color:var(--mt-primary-color);box-shadow:0 0 0 1px var(--mt-primary-color);outline:0}#mt-time-selector .mt-time__input::-webkit-input-placeholder{color:var(--primary-border-color,#999);opacity:1}#mt-time-selector .mt-time__input:-moz-placeholder-shown{color:var(--primary-border-color,#999);opacity:1}#mt-time-selector .mt-time__input:-ms-placeholder-shown{color:var(--primary-border-color,#999)}#mt-time-selector .mt-time__input-wrapper{width:100%;position:relative}#mt-time-selector .mt-time__toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:none;color:var(--mt-primary-text-color);cursor:pointer;z-index:1;background:0 0;border:0;border-radius:0 6px 6px 0;justify-content:center;align-items:center;width:48px;height:calc(100% - 2px);padding:0;display:flex;position:absolute;top:1px;right:1px}#mt-time-selector .mt-time__toggle:focus{box-shadow:0 0 0 2px var(--mt-primary-color);outline:0}#mt-time-selector .mt-time__toggle:hover{color:none;background-color:#0000!important}#mt-time-selector .mt-time__toggle:hover svg path{fill:none}#mt-time-selector .mt-time__toggle-icon{justify-content:center;align-items:center;display:flex}#mt-time-selector .mt-time__toggle-icon img{width:2rem;display:block}#mt-time-selector .mt-time__vhidden{clip:rect(1px, 1px, 1px, 1px);border:0;width:1px;height:1px;padding:0;position:absolute;top:0;overflow:hidden}.mt-time__dialog{transform-origin:100% 0;will-change:transform, opacity, display;z-index:9999;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;color:var(--mt-primary-text-color);transition:transform .3s,opacity .3s,display .3s;display:none;position:fixed;transform:scale(.96)translateZ(0)translateY(-40px)}@media (width<=35.9375em){.mt-time__dialog{transform-origin:bottom;background:0 0;position:fixed;top:0;bottom:0;right:0;transform:translateZ(0)}}.mt-time__dialog.is-active{opacity:1;display:flex;transform:scale(1)translateZ(0)translateY(0)}.mt-time__dialog-content{background:var(--mt-primary-background-color);z-index:9999;border:1px solid #0000001a;border-radius:6px;width:100%;margin-top:8px;margin-left:auto;position:relative;transform:none;box-shadow:0 4px 10px #0000001a}.mt-time__dialog-content .mt-time__time-options-wrapper{display:flex}.mt-time__dialog-content .mt-time__time-options-wrapper ul{-ms-overflow-style:none;scrollbar-width:none;flex:1;overflow-y:auto}.mt-time__dialog-content .mt-time__time-options-wrapper ul li{display:flex}.mt-time__dialog-content .mt-time__time-options-wrapper ul li.is-disabled{color:var(--mt-primary-text-color);cursor:default;opacity:.5;background:0 0}.mt-time__dialog-content .mt-time__time-options-wrapper ul li>button{cursor:pointer;flex:1;width:100%;padding:8px 12px}.mt-time__dialog-content .mt-time__time-options-wrapper ul li>button:disabled{cursor:default}.mt-time__dialog-content .mt-time__time-options-wrapper ul li>button:hover{background-color:var(--mt-hover-background-color)}.mt-time__dialog-content .mt-time__time-options-wrapper ul li>button.is-selected,.mt-time__dialog-content .mt-time__time-options-wrapper ul li>button.is-selected:hover{color:var(--mt-primary-color)}#MT-switch{cursor:pointer;border:2px solid #0000;border-radius:9999px;flex-shrink:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}#MT-switch:focus{outline:none}#MT-switch.sm{width:2.25rem;height:1.25rem}#MT-switch.sm .switch-knob{width:1rem;height:1rem}#MT-switch.sm .switch-knob.enabled{transform:translate(1rem)}#MT-switch.lg{width:2.75rem;height:1.5rem}#MT-switch.lg .switch-knob{width:1.25rem;height:1.25rem}#MT-switch.lg .switch-knob.enabled{transform:translate(1.25rem)}#MT-switch.primary{background-color:var(--mt-primary-color)}#MT-switch.secondary{background-color:var(--tc-primary-color)}#MT-switch.not-enabled{background-color:var(--mt-primary-border-color)}#MT-switch.disabled{cursor:not-allowed;opacity:.5}#MT-switch .switch-knob{pointer-events:none;background-color:#fff;border-radius:9999px;transition-property:transform,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-block;transform:translate(0);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}#MT-switch .switch-knob.enabled{background-color:#fff}#MT-switch .switch-knob.dark,#MT-switch .switch-knob.dark.enabled{background-color:var(--mt-primary-background-color)}#MT-switch .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#mt-datetime-selector .mt-datetime{box-sizing:border-box;color:var(--primary-text-color,#333);font-family:var(--font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);text-align:left;width:100%;margin:0;display:block;position:relative}#mt-datetime-selector .mt-datetime__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--primary-border-color,#ccc);color:var(--mt-primary-text-color);cursor:pointer;float:none;font-family:var(--font-family,inherit);background:0 0;border-radius:6px;width:100%;padding:.5rem;font-size:100%;line-height:normal}#mt-datetime-selector .mt-datetime__input:focus{border-color:var(--mt-primary-color);box-shadow:0 0 0 1px var(--mt-primary-color);outline:0}#mt-datetime-selector .mt-datetime__input::-webkit-input-placeholder{color:var(--primary-border-color,#999);opacity:1}#mt-datetime-selector .mt-datetime__input:-moz-placeholder-shown{color:var(--primary-border-color,#999);opacity:1}#mt-datetime-selector .mt-datetime__input:-ms-placeholder-shown{color:var(--primary-border-color,#999)}#mt-datetime-selector .mt-datetime__input-wrapper{width:100%;position:relative}#mt-datetime-selector .mt-datetime__toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:none;color:var(--mt-primary-text-color);cursor:pointer;z-index:1;background:0 0;border:0;border-radius:0 6px 6px 0;justify-content:center;align-items:center;width:48px;height:calc(100% - 2px);padding:0;display:flex;position:absolute;top:1px;right:1px}#mt-datetime-selector .mt-datetime__toggle:focus{box-shadow:0 0 0 2px var(--mt-primary-color);outline:0}#mt-datetime-selector .mt-datetime__toggle:hover{color:none;background-color:#0000!important}#mt-datetime-selector .mt-datetime__toggle:hover svg path{fill:none}#mt-datetime-selector .mt-datetime__toggle-icon{justify-content:center;align-items:center;display:flex}#mt-datetime-selector .mt-datetime__toggle-icon img{width:2rem;display:block}#mt-datetime-selector .mt-datetime__dialog{display:flex;position:fixed}#mt-datetime-selector .mt-datetime__dialog>*{position:relative!important;top:0!important;left:0!important}@media (width<=35.9375em){#mt-datetime-selector .mt-datetime__dialog{bottom:0;left:0!important}#mt-datetime-selector .mt-datetime__dialog .mt-date__dialog-content,#mt-datetime-selector .mt-datetime__dialog .mt-time__dialog-content{margin-top:0;top:0;transform:none}#mt-datetime-selector .mt-datetime__dialog .mt-date__mobile{display:none}}#mt-datetime-selector .mt-datetime__vhidden{clip:rect(1px, 1px, 1px, 1px);border:0;width:1px;height:1px;padding:0;position:absolute;top:0;overflow:hidden}#MT-date-filter{position:relative}#MT-date-filter .filter-dropdown{cursor:pointer;align-items:center;gap:1em;display:flex}#MT-date-filter .date-component{position:absolute;top:100%;right:0}#MT-date-filter .date-component.date-component--right{left:0;right:auto}#MT-date-filter .date-component{background-color:var(--mt-primary-background-color);z-index:1;border-radius:5px;flex-direction:column;margin-top:.5rem;padding:1rem;display:flex;box-shadow:0 2px 8px #00000080}#MT-date-filter .date-component .filter-header{justify-content:space-between;align-items:center;display:flex}#MT-date-filter .date-component .quick-filters{gap:.5rem;margin:.75rem 0;display:flex}#MT-date-filter .date-component .quick-filters--stretch button{flex:1}#MT-date-filter .date-component .date-range{color:var(--mt-primary-border-color);font-size:.85rem}#MT-date-filter .date-component .date-pickers{flex-direction:column;gap:.5rem;display:flex}#MT-filter{position:relative}#MT-filter .filter-dropdown{cursor:pointer;align-items:center;gap:1em;display:flex}#MT-filter .filter-component{background-color:var(--mt-primary-background-color);z-index:50;border-radius:5px;flex-direction:column;width:600px;margin-top:.5rem;padding:1rem;display:flex;position:absolute;top:100%;right:0;box-shadow:0 2px 8px #00000080}#MT-filter .filter-component .filter-header{justify-content:space-between;align-items:center;display:flex}#MT-filter .filter-component .filter-list{background-color:var(--mt-secondary-background-color);border-radius:.25rem;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;display:flex}#MT-filter .filter-component .bottom-section{align-items:center;gap:2rem;margin-top:.75rem;font-size:1rem;display:flex}#MT-filter .filter-component .bottom-section .closed-tasks{align-items:center;gap:.5rem;display:flex}#MT-filter img{cursor:pointer}#MT-sort{cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex}#MT-sort:hover:not(.disabled){background-color:var(--mt-button-hover)}#MT-sort:focus{outline:none}#MT-sort.disabled{cursor:not-allowed;opacity:.4}#MT-sort.color-primary{color:var(--mt-primary-color)}#MT-sort.color-secondary{color:var(--tc-primary-color)}#MT-toast{z-index:1001;width:400px;color:var(--mt-primary-background-color);cursor:pointer;z-index:1001;border-radius:3px;padding:.75rem;position:fixed;top:2rem;left:50%;transform:translate(-50%)}#MT-toast .header-row{justify-content:space-between;display:flex}#MT-toast .icon-title{align-items:center;gap:.5rem;display:flex}#MT-toast .icon-title img{flex:0 0 20px;width:20px;height:20px}#MT-toast .icon-title span{font-size:1.2rem;font-weight:600}#MT-toast .description-row{align-items:center;gap:.5rem;max-width:355px;margin-top:.25rem;display:flex}#MT-toast .description-row>div:first-child{flex:0 0 20px;width:20px}#MT-toast.type-success{background-color:var(--mt-success-color);border:1px solid var(--mt-success-border)}#MT-toast.type-error{background-color:var(--mt-error-color-light);border:1px solid var(--mt-error-border)}#MT-toast.type-info{background-color:var(--mt-info-color);border:1px solid var(--mt-info-border)}#MT-toast.type-warning{background-color:var(--mt-warning-color);border:1px solid var(--mt-warning-border)}#MT-toast.type-maintenance{width:525px}#MT-toast.type-maintenance .description-row{max-width:none}#MT-toast.type-maintenance{background-color:var(--mt-warning-color);border:1px solid var(--mt-warning-border)}.mt-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#000;border-radius:9999px;outline:none;width:100%;height:6px}.mt-range:disabled{opacity:.5;cursor:not-allowed}.mt-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--widget-background-color);border:1px solid var(--mt-primary-color);cursor:pointer;border-radius:50%;width:22px;height:22px;margin-top:-10px;box-shadow:0 1px 3px #0003}.mt-range::-moz-range-thumb{background-color:var(--widget-background-color);border:1px solid var(--mt-primary-color);cursor:pointer;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 3px #0003}.mt-range::-webkit-slider-runnable-track{background:#000;border-radius:9999px;height:2px}.mt-range::-moz-range-track{background:#000;border-radius:9999px;height:2px}.mt-chart{width:100%;display:block;position:relative}.mt-chart #chart{display:block}.mt-chart .mt-chart-tooltip{z-index:10;color:#fff;pointer-events:none;white-space:nowrap;border-radius:4px;flex-direction:column;gap:2px;padding:6px 10px;font-size:12px;display:flex;position:absolute;box-shadow:0 2px 6px #0000004d}.mt-chart .mt-chart-tooltip .mt-chart-tooltip-key{font-weight:500}.mt-chart .mt-chart-tooltip .mt-chart-tooltip-value{opacity:.9}.mt-tile{background-color:var(--mt-alt-background-color);cursor:pointer;border-radius:5px;display:flex;position:relative}.mt-tile .mt-tile__header{color:var(--mt-primary-text-color);padding-right:1.75rem}.mt-tile .mt-tile__header .mt-tile__name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;overflow:hidden}.mt-tile .mt-tile__detail-item{color:var(--mt-description-color);font-size:14px}.mt-tile .mt-tile__detail-item p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.mt-tile.variant-tile{flex-direction:column;width:220px;height:220px}.mt-tile.variant-tile .mt-tile__image{background-size:cover;border-radius:5px 5px 0 0;width:100%;height:158px;overflow:hidden}.mt-tile.variant-tile .mt-tile__image img{-o-object-fit:cover;object-fit:cover;border-radius:5px 5px 0 0;width:100%;height:100%}.mt-tile.variant-tile .mt-tile__content{padding:.5rem;position:relative}.mt-tile.variant-list{align-items:center;width:455px;height:112px;padding:.5rem}.mt-tile.variant-list>.mt-tile__checkbox{flex-shrink:0;padding:0 .5rem 0 0;line-height:0}.mt-tile.variant-list>.mt-tile__checkbox input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--mt-button-hover);border:1.5px solid var(--mt-description-color);cursor:pointer;border-radius:5px;width:1.2rem;height:1.2rem}.mt-tile.variant-list>.mt-tile__checkbox input:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;accent-color:var(--mt-primary-color)}.mt-tile.variant-list .mt-tile__image{border-radius:5px;flex-shrink:0;width:96px;height:96px;overflow:hidden}.mt-tile.variant-list .mt-tile__image img{-o-object-fit:cover;object-fit:cover;border-radius:5px;width:100%;height:100%}.mt-tile.variant-list .mt-tile__content{flex-direction:column;flex:1;gap:2px;height:96px;padding:0 .5rem;display:flex;overflow:hidden}.mt-tile.mt-tile--full-width{width:100%;max-width:100%}.mt-tile__image{position:relative}.mt-tile__image .mt-tile__checkbox{z-index:1;line-height:0;position:absolute;top:.75rem;left:.75rem}.mt-tile__image .mt-tile__checkbox input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--mt-button-hover);border:1.5px solid var(--mt-description-color);cursor:pointer;border-radius:5px;width:1.2rem;height:1.2rem}.mt-tile__image .mt-tile__checkbox input:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;accent-color:var(--mt-primary-color)}.mt-tile__image .spinner{margin:auto;font-size:3em}.mt-tile__thumbnail--loading{display:none}.mt-tile__fallback{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.mt-tile__fallback img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.mt-tile__icon-overlay{background:var(--alt-background-color);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mt-tile__icon-inner{justify-content:center;align-items:center;height:100%;display:flex}.mt-tile__context-menu{cursor:pointer;justify-content:center;align-items:center;padding:.25rem .75rem;display:flex;position:absolute;top:10px;right:5px}.mt-tile__context-menu:hover{background-color:var(--mt-context-hover);border-radius:5px}.mt-tile__context-dropdown{background:var(--mt-context-hover);border-radius:5px;min-width:120px;position:absolute;top:0;right:100%;box-shadow:0 4px 12px #0000004d}.mt-tile__context-dropdown ul{margin:0;padding:0;list-style:none}.mt-tile__context-dropdown li{cursor:pointer;white-space:nowrap;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.mt-tile__context-dropdown li:first-child{border-radius:5px 5px 0 0}.mt-tile__context-dropdown li:last-child{border-radius:0 0 5px 5px}.mt-tile__context-dropdown li:only-child{border-radius:5px}.mt-tile__context-dropdown li img{flex-shrink:0;width:14px;height:14px}.mt-tile__context-dropdown li:hover{background:var(--mt-secondary-background-color)}
/*$vite$:1*/