.inputfield{width:100%;display:flex;justify-content:space-around}.input{height:2em;width:2em;background:transparent;border-color:transparent;border-bottom-color:#596380;border-radius:0;text-align:center;font-size:1.5em;outline:none;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hide{display:none}.input:disabled{color:#fff}.input{color:#fff}.input:focus{border-bottom:3px solid #2accb1}.button-repeat-sms{display:none}.alert{display:flex;flex-direction:column;align-items:stretch;align-content:stretch;justify-content:center;padding:.5em 0;width:100%;border-radius:5px;margin-top:1em}.alert-danger{background-color:#e99d9d}.alert p{padding-left:.5em;margin:.4em;color:#7a0000;font-size:15px}.status{display:flex;flex-direction:row;align-items:center;justify-content:right;padding:.5em 1em 0}.status .online{width:15px;height:15px;background-color:#33e233;border-radius:50%;margin-right:5px}.status .offline{width:15px;height:15px;background-color:#bf0000;border-radius:50%;margin-right:5px}.status .text{font-size:12px}.copyButton{cursor:pointer}.notification{position:fixed;top:-100px;left:0;width:100%;color:#fff;padding:20px;border-radius:0;box-shadow:0 2px 10px #0003;display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:top .7s ease,opacity .7s ease;opacity:0}.notification.success{background-color:#403198;color:#fff}.notification.error{background-color:#f44336;color:#fff}.notification.show{top:0;opacity:1}.close-button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0 10px;margin-left:15px;margin-right:35px;transition:color .3s;display:flex;align-items:center}.close-button:hover{color:#fdd}.mobile-info,.sub-card{display:flex;justify-content:space-between}.sub-card span{padding-left:.5em;margin:.4em}.text-container{flex-grow:1}.icon-container{display:inline-block;width:24px;height:24px;flex-shrink:0}.wifi-icon .active{fill:#4caf50}@media (max-width: 600px){.notification{width:100%;font-size:14px}}.main__users .gray-text{display:flex}.spinner{display:inline-flex;align-items:end;gap:10px}.spinner:before{content:"";display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-top:2px solid #2accb1;border-radius:50%;animation:spin 1s linear infinite}.spinner:after{content:attr(data-progress) "%";font-size:14px;color:#2accb1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blurred{filter:blur(4px);pointer-events:none;position:relative}.btn.sending{background-color:#29ccb1;color:#fff;animation:pulse 1s infinite;pointer-events:none;cursor:not-allowed}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.btn.on{box-shadow:inset -20px 0 #009121}.btn.off{box-shadow:inset -20px 0 #9d0000}.fullwidth{width:100%}.import-form{display:flex;align-items:center;margin:20px 20px 0}.custom-checkbox{display:flex;align-items:center;cursor:pointer;font-size:1em;color:#fff;-webkit-user-select:none;user-select:none;margin:1em 0}.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{height:20px;width:20px;background-color:#0b1226;border:2px solid rgba(41,204,177,.5);border-radius:4px;position:relative;display:inline-block;margin-right:.6em;transition:all .3s ease}.custom-checkbox input:checked~.checkmark{background-color:#29ccb1;border-color:#29ccb1}.checkmark:after{content:"";position:absolute;display:none}.custom-checkbox input:checked~.checkmark:after{display:block}.custom-checkbox .checkmark:after{left:5px;top:1px;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label{color:#ffffffe6}