*{font-family:sans-serif;box-sizing:border-box;margin:0;padding:0}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}:root{--green: #00aa5d}input{border:none}.conf-button{background-color:var(--green);border:none;color:#fff;margin-right:10px;text-align:center;width:20px;height:20px;margin-top:20px}.custom-table{margin-top:150px;width:100%;border-collapse:collapse;background-color:#f4f4f4}.custom-table th{background-color:var(--green);color:#fff;text-align:left;padding:10px;border-left:1px solid white;text-align:center;font-size:small;font-weight:700}td{height:43px}.custom-table tbody td{border-bottom:1px solid #a9a9a9;text-align:center;font-size:smaller}.col-pos{color:#000!important;background-color:#dde1e1!important;width:3px;font-weight:300!important}.col-door{width:1px}.col-cylinder-type{width:176px}.col-cylinder-length{width:130px}.col-pc{width:60px}#cylinderLength input{text-align:center;width:57px}.cylinderType-row{display:flex;justify-content:space-between;align-items:center;padding:0 10px}#cylinderType select{border:none;padding:2px 6px}#cylinderType input{width:120px}#doorDesignation input{width:104px}.cylinder-type-head{display:flex;justify-content:center;align-items:center;padding-top:10px}#pcs input{width:30px;text-align:center}#pcs img{cursor:pointer}.pcs-row{display:flex;justify-content:space-around;align-items:center}.flexi{display:flex;flex-direction:row}.keycol{height:148px;background-color:#dde1e1!important;width:55px;display:flex;flex-direction:column}.setting-icon{width:21px;height:21px}.key-icon{height:25px;transform:translateY(.5rem)}.key-num-wrapper{margin-bottom:-10px}th{height:128px}.vertical{width:70px;transform:rotate(-90deg);margin-top:22px;height:33px;position:relative;right:6px;border:none;padding:5px}.pcs{margin-top:23px}.pcs input{width:30px;text-align:center}.checkbox{height:37.4px;width:55px}.tableborder{border:1px solid #a9a9a9}.dis{display:flex;justify-content:center}.inp{height:18px;width:18px;box-shadow:0 0 4px #0003}input[type=checkbox]{content:"X";color:#fff}.dropdown{position:absolute;width:250px;background-color:#fff;border-radius:0 4px 4px;box-shadow:0 2px 3px #0003;border:1px solid #ccc}.dialogue-option{display:flex;align-items:center;cursor:pointer;padding:4px 8px;text-align:left}.dialogue-icon{margin-right:4px}.dialogue-option:hover,.dialogue-option.active{background-color:#eef1f4}table{position:relative;z-index:0}.dialogue-option.first-option{background-color:#ccc}.keys-header{background-color:var(--green);color:#fff;text-align:center}.keys-wrapper{margin-top:2px}.main{display:flex;flex-direction:column;align-items:center}.complete-config{background-color:var(--green);border:none;color:#fff;margin-right:10px;text-align:right;width:fit-content;height:fit-content;padding:10px;border-radius:5px;margin-top:20px}