.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear;height:80px}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.backview-container,.frontview-container{position:relative}.frontview-container .slot-container{padding:1% .6% .8% 5.8%;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;-ms-flex-line-pack:justify;align-content:space-between}.backview-container .slot-container,.frontview-container .slot-container{position:absolute;top:0;width:100%;height:100%;display:-ms-flexbox;display:flex;justify-content:space-between}.backview-container .slot-container{padding:10.1% 3% .3%;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify}.slot{color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-repeat:no-repeat;background-size:contain}.frontview-container .slot-container .slot{width:16.4%;height:45%}.backview-container .slot-container .slot{width:18%;height:100%}.add-port{width:100%;height:100%;background-color:transparent;border:none;color:#fff;cursor:pointer;-webkit-transition:background-color .3s ease-in-out;-o-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}.add-port:hover{color:#73389b}.add-port:focus{outline:1px solid #949494}.slot-filled .add-port:hover{background-color:rgba(115,56,155,.8);color:#fff}.disabled-element{border-color:grey;opacity:.5}.disabled-element:focus,.disabled-element:hover{border-color:grey;outline:none;cursor:default}.selected-element{background-color:#73389b;border:1px solid #ccc;cursor:default}ul.drag-element-list .selected-element h5{color:#fff}ul.drag-element-list .selected-element h6{color:#ccc}.selected-element:focus,.selected-element:hover{background-color:#73389b;border:1px solid #ccc}ul.drag-element-list .disabled-element h5{color:grey}.modal-actions{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.drag-element-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;margin-top:16px}.drag-element-list li{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:stretch;justify-content:stretch;-ms-flex:1 1;flex:1 1;min-width:120px}body{margin:0;padding:0}.form-group .radio-group label.disabled{color:#999}.form-group .radio-group label.disabled:hover{background-color:#f2f2f2;cursor:default}
/*# sourceMappingURL=main.2589db00.css.map*/