.page{height:100%;overflow:auto;padding:1rem}.icon{font-size:1rem;color:#555}.icon.spin{animation:icon-spin 2s infinite linear}@keyframes icon-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.entity-details:not(:last-child){margin-bottom:1rem}.entity-details>p,.entity-details>.p{margin:0 0 .5rem}.entity-details>p:last-child,.entity-details>.p:last-child{margin:0}.entity-details>p strong,.entity-details>.p strong{display:inline-block;margin-right:.5rem}.entity-details .value-list{margin-bottom:.5rem}.entity-details .value-list strong{display:inline-block;margin-right:.5rem}.entity-details .value-list p,.entity-details .value-list pre{display:inline-block;vertical-align:top;margin:0}.entity-details .value-list p span,.entity-details .value-list pre span{display:block}.entity-details .value-list p span:not(:last-child),.entity-details .value-list pre span:not(:last-child){margin-bottom:.25rem}.entity-details .value-list pre{margin-top:.1rem}.entity-details .value-list .value:not(:last-child){margin-bottom:.5rem}.entity-details .text{display:flex}.entity-details .text strong{white-space:nowrap}.mb1{margin-bottom:1rem !important}.mb2{margin-bottom:2rem !important}input,select,textarea{font-size:1rem;width:initial;max-width:24rem;padding:.25rem .75rem;height:2.25rem;border:1px solid #777;border-radius:.25rem;outline:none}input.placeholder,select.placeholder,textarea.placeholder{color:#777}input:disabled,select:disabled,textarea:disabled{color:#777;background-color:#f7f7f7;border-color:#999;opacity:1;cursor:unset}input::placeholder{color:#777}input[readonly]{pointer-events:none}input[type=checkbox]{width:1rem;min-width:1rem;cursor:pointer}input[type=date],input[type=time]{font-family:sans-serif}input[type=date]{min-width:9rem}select{cursor:pointer}textarea{font-family:sans-serif;min-height:2.25rem;height:4rem;resize:vertical}.input-with-label{display:flex;flex-direction:column}.input-with-label:not(:last-child){margin-bottom:1rem}.input-with-label.row{flex-direction:row}.input-with-label.row .label{margin:0 .5rem 0 0}.input-with-label.row .label+div{flex-grow:1}.input-with-label .label{margin:0 0 .3rem}.input-with-label .wrap-fields{display:flex;flex-wrap:wrap;margin-right:-0.5rem;margin-bottom:-0.5rem}.input-with-label .wrap-fields>.input-checkbox{flex-basis:calc(33.3333% - .5rem);margin-right:.5rem}.input-checkbox{display:flex;align-items:start}.input-checkbox:not(:last-child){margin-bottom:.5rem}.input-checkbox input{margin:0 .5rem 0 .25rem;height:initial}.input-checkbox label{display:flex;cursor:pointer}.input-group{display:flex;margin-bottom:1rem}.input-group>.input-with-label{flex-grow:1;margin-bottom:0;width:0}.input-group>.input-with-label:not(:last-child){margin-right:1rem}.input-group>.input-with-label.row{align-items:center}.form-actions{display:flex;flex-wrap:wrap;margin:1.5rem 0 -0.75rem 0}.form-actions>button,.form-actions>a{margin-bottom:.75rem}.form-actions>button:not(:last-child),.form-actions>a:not(:last-child){margin-right:1rem}*{box-sizing:border-box}html body{position:fixed;width:100%;height:100%;margin:0;font-family:sans-serif;color:#333}html body #root{height:100%;display:flex;flex-direction:column}html body h1{font-size:2rem;line-height:2rem;margin:1rem 0}html body button{height:2.25rem;font-size:1rem;padding:.25rem .75rem;border:1px solid #777;border-radius:.25rem;color:#333;background-color:#eee;cursor:pointer}html body button:disabled{color:#f7f7f7;border-color:#f7f7f7;cursor:not-allowed}html body button.red{color:#d54b49;background-color:#f7e6e6;border-color:#d698a1}html body button.red:disabled{opacity:.8}.table-wrapper{overflow-x:auto}.table-wrapper table{width:100%;border-collapse:collapse}.table-wrapper table thead tr th{padding:.25rem .5rem;text-align:left;font-size:1.1rem;font-weight:bold;white-space:nowrap;border-bottom:1px solid #ccc}.table-wrapper table thead tr th:not(:last-child){border-right:1px solid #ccc}.table-wrapper table thead tr th.id,.table-wrapper table thead tr th.email{min-width:8rem}.table-wrapper table tbody tr td{padding:.25rem .5rem;vertical-align:top}.table-wrapper table tbody tr td:not(:last-child){border-right:1px solid #ccc}.table-wrapper table tbody tr td.id,.table-wrapper table tbody tr td.mac{word-break:break-all}.table-wrapper table tbody tr td.email{word-break:break-word}.table-wrapper table tbody tr td>pre{white-space:pre-wrap;word-break:break-all}.table-wrapper table tbody tr td>.input-checkbox input{height:1rem;margin:0}.table-wrapper table tbody tr:not(:last-child) td{border-bottom:1px solid #ccc}
.App{height:100%}.App>.main{height:100%;max-width:100rem;margin:0 auto;display:flex}.App>.main .SideMenu+.page{flex-grow:1}
.TopMenu{width:100%;height:3.75rem;border-bottom:1px dotted #333;display:flex;justify-content:center}.TopMenu .container{width:100rem;padding:1rem;display:flex;justify-content:space-between}.TopMenu .container .left,.TopMenu .container .right{display:flex;align-items:center}.TopMenu .container .left{margin-right:1rem}.TopMenu .container .menu-item{white-space:nowrap}.TopMenu .container .menu-item:not(:last-child){margin-right:1rem}.TopMenu .container .menu-item button{height:1.75rem}.TopMenu .container .menu-item .role-name{font-size:1.1rem;font-weight:bold;vertical-align:sub}

.Page{width:100%;height:calc(100% - 3.75rem);overflow:auto;position:relative}.Page>.Loader{position:fixed;top:3.75rem;height:calc(100% - 3.75rem);left:0;width:100%}.Page.loading{overflow:hidden}.Page .page-content{margin:0 auto;padding:1.5rem 1rem 1rem}.Page .page-content>h1{margin:0 0 1rem}.Page .page-content .button-row{margin-right:-1rem;margin-bottom:.5rem;display:flex;flex-wrap:wrap}.Page .page-content .button-row>a,.Page .page-content .button-row>button{margin-right:1rem;margin-bottom:.5rem}
.Error{list-style:none;padding:.75rem 1rem;margin:0 0 1rem 0;color:#d54b49;background-color:#f7e6e6;border-color:#d698a1;border-radius:.25rem}
.Loader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);box-shadow:inset #fff 0 0 2rem;z-index:9999;user-select:none}.Loader .icon{position:absolute;opacity:.8;width:8rem;height:8rem;left:50%;top:33%;margin-left:-4rem;margin-top:-4rem}

.Login{width:20rem;margin:10rem auto 1rem;position:unset}.Login>.Loader{position:absolute;top:0;left:0;width:100%;height:100%}.Login .form-actions{justify-content:end}






.SerialNumberTable>table thead tr th.id{width:40%}.SerialNumberTable>table thead tr th.serial{width:40%}.SerialNumberTable>table thead tr th.unitNo{width:20%}.SerialNumberTable>table tbody tr td .CopyText{margin-left:.25rem}
.CopyText{display:inline-block;line-height:.9rem}.CopyText .icon{color:#777;vertical-align:bottom}.CopyText .icon.copy{cursor:pointer}
.SerialNumberManufacturerTable>table thead tr th.unitNo{min-width:6rem}.SerialNumberManufacturerTable>table thead tr th.serial{width:100%}.SerialNumberManufacturerTable>table tbody tr td .CopyText{margin-left:.25rem}

.SerialNumberBatchTable>table thead tr th.id{width:30%}.SerialNumberBatchTable>table thead tr th.manufacturer{width:20%}.SerialNumberBatchTable>table thead tr th.lot{width:15%}.SerialNumberBatchTable>table thead tr th.quantity{width:15%}.SerialNumberBatchTable>table thead tr th.date{width:20%}




.SerialNumberVersionTable>table thead tr th.id{width:50%}.SerialNumberVersionTable>table thead tr th.version{width:20%}.SerialNumberVersionTable>table thead tr th.serial-size{width:15%}.SerialNumberVersionTable>table thead tr th.is-actual{width:15%}
.BooleanCheckbox.input-checkbox{align-items:center}.BooleanCheckbox.input-checkbox span{margin-left:.25rem}