:root{--dark-grey:#343434;--grey:#8d8f8d;--light-grey:#cfcfcf;--warning:#b32623}.dn{display:none!important}.main-container{margin-top:30px}.button-container{display:flex;justify-content:space-between;margin-top:20px}.big-button{width:120px;height:45px;display:flex;align-items:center;justify-content:center;font-size:1rem}.big-button.inactive{background-color:var(--grey);cursor:default}.button-container .warning-text{position:absolute;width:250px;color:var(--warning);pointer-events:none}.configuration-container{height:calc(100vh - 250px);display:flex}.configuration-menu{height:100%;background-color:var(--grey);color:#fff;display:flex;flex-direction:column;padding:20px;overflow-y:auto}.submenu-container{display:flex;flex-direction:column;margin-bottom:5px}.submenu-title{font-weight:700;font-size:1.2rem;cursor:pointer;background-image:url(/static/images/arrow_drop_down.png);background-size:30px;background-repeat:no-repeat;background-position:100%}.submenu-title.closed{background-image:url(/static/images/arrow_right.png)}.submenu-element{padding-left:20px;cursor:pointer}.submenu-element.disabled{color:#bbb}.submenu-element.warning{margin-right:5px;color:var(--warning);background-image:url(/static/images/warning.png);background-size:20px;background-repeat:no-repeat;background-position:100%}.submenu-element.selected{font-weight:700}.submenu-element:hover{background-color:var(--dark-grey)}.configuration-body{height:100%;background-color:var(--light-grey);color:var(--dark-grey);padding:20px 50px;overflow-y:auto}.body-title{font-size:1.5rem;font-weight:700;margin-bottom:20px}.body-subtitle{font-size:1.2rem;font-weight:700;margin-bottom:10px}.input-row{display:flex;align-items:center;justify-content:space-between;padding-left:40px}.input-row.warning{color:var(--warning)}.input-body{display:flex;align-items:center}.input-number,.input-select,.input-text{border-radius:60px;margin-right:10px;border:1px solid var(--grey);padding-left:10px;width:320px;height:24px;background-color:#fff}.icon-info{position:relative;width:24px;height:24px;cursor:help;background-position:50%;background-repeat:no-repeat;background-size:contain;background-image:url(/static/images/info-icon-grey.png);z-index:9999}.icon-info .tooltipText{visibility:hidden;width:200px;font-size:14px;background-color:var(--dark-grey);color:#fff;text-align:center;padding:5px;border-radius:8px;position:absolute;bottom:125%;left:-138px;opacity:0;transition:opacity .4s;z-index:9999}.input-row.warning .tooltipText{background-color:var(--warning)}.icon-info:hover .tooltipText{visibility:visible;opacity:1;z-index:1}.icon-info .tooltipText:after{content:"";position:absolute;top:100%;left:75%;margin-left:-5px;border:5px solid;border-color:var(--dark-grey) transparent transparent}.input-row.warning .icon-info .tooltipText:after{border-color:var(--warning) transparent transparent}.input-row.warning .icon-info{background-image:url(/static/images/info-icon-warning.png)}.switch{position:relative;display:inline-block;width:42px;height:20px;margin-right:10px;margin-bottom:0}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--grey)}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff}input:checked+.slider{background-color:var(--dark-grey)}input:focus+.slider{box-shadow:0 0 1px var(--dark-grey)}input:checked+.slider:before{-webkit-transform:translateX(22px);transform:translateX(22px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.popup{background-color:#f5f5f5;border-radius:8px;position:fixed;top:100px;left:50%;transform:translate(-50%);padding:5px 20px;border:1px solid #b1b1b1;display:flex;flex-direction:column;align-items:center;z-index:200}.popup .alertContainer{display:flex;justify-content:space-between;margin-top:10px}.popup .alertIcon{display:block;width:25px;height:25px;background-image:url(/static/images/warning.png);background-size:contain;background-repeat:no-repeat;background-position:50%;margin-right:10px}.popupText{color:#000}.popup button{background-color:var(--warning);color:#fff;border-radius:15px;height:35px;width:80px;margin:10px 0;border:0}.popup button:hover{background-color:#a00}.layer{padding:0;margin:0;width:100%;height:100%;background-color:#000;opacity:.7;z-index:100}.formContainer,.layer{position:fixed;top:0;left:0}.formContainer{z-index:110;background-color:var(--light-grey);color:#000;height:150px;width:400px;bottom:0;right:0;margin:auto;opacity:1;border-radius:8px}.closeContainer{width:100%;height:40px}.closeForm{float:right;margin:8px;cursor:pointer;font-weight:700}.closeForm:hover{color:#000}.downloadForm,.uploadForm{display:flex;flex-direction:column;align-items:center;justify-content:center}.uploadForm input{width:150px}.uploadInputContainer{display:flex;align-items:center;width:350px}.uploadForm input::file-selector-button{display:none}.uploadInputLabel{background-color:var(--grey);color:#fff;padding:6px 12px;cursor:pointer;border-radius:6px;margin:0 10px}.uploadForm .confirmButton{background-color:var(--dark-grey);color:#fff;border-radius:16px;height:36px;border:0;padding:0 20px;margin-top:10px}.downloadInputContainer{width:100%}.downloadInputContainer label{margin:0 10px 0 30px}.downloadForm input[type=text]{width:240px}body.modal-open{overflow:hidden;position:fixed;width:100vw}.hidden{display:none}.submenu-button{padding-left:20px}.add-register-button{width:54px;height:20px;background-image:url(/static/images/deeplog/add_button.png);background-size:contain}.add-register-button:hover{cursor:pointer;background-image:url(/static/images/deeplog/add_button_hover.png)}.modbus-subtitle{display:flex;align-items:center;justify-content:space-between}.delete-register-button{width:72px;height:20px;background-image:url(/static/images/deeplog/delete_button.png);background-size:contain}.delete-register-button:hover{cursor:pointer;background-image:url(/static/images/deeplog/delete_button_hover.png)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}