.loading{position:relative;background-color:#e2e2e2}.loading:after{display:block;content:"";position:absolute;width:100%;height:100%;transform:translateX(-100%);background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);-webkit-animation:loading 1.5s infinite;animation:loading 1.5s infinite}body{background-repeat:repeat;background-size:contain;z-index:-9999;display:inline;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@-webkit-keyframes loading{to{transform:translateX(100%)}}@keyframes loading{to{transform:translateX(100%)}}.mx-datepicker-main{border:none}.mx-datepicker-body{background-color:#000}.mx-calendar{width:314px}.form-group .error-container{border:1px solid #0073fa;border-radius:.2rem;padding:.7rem;margin-bottom:10px}.form-group .error-container .error{font-family:Open Sans;font-size:.8rem;color:#0073fa;font-weight:600;text-align:center}.form-group .form-control{margin-bottom:.6rem;position:relative}.form-group .form-control .label-container{display:flex}.form-group .form-control .label-container .login-label{font-size:14px}.form-group .form-control .label-container .required{color:#0073fa;padding-left:4px}.form-group .form-control .input-container{position:relative}.form-group .form-control .input-container .change{position:absolute;top:32%;right:3%}.form-group .form-control .input-container .change .input-span{color:#fff;font-size:10px;font-weight:700;font-family:Open Sans!important;text-transform:lowercase!important;cursor:pointer}.form-group .form-control .input-container .eye{position:absolute;top:35%;right:3%;opacity:.5}.form-group .form-control .input-container .eye img{height:18px;width:18px;cursor:pointer}.form-group .form-control .input-container .eye:hover{opacity:1}.form-group .form-control .calendar{position:absolute;top:30px;right:8px}.form-group .form-control .pin-inputs{display:grid;grid-template-columns:repeat(6,1fr);grid-column-gap:10px}.form-group .form-control .pin-inputs .pin{text-align:center;padding:.5rem .2rem}label{color:#5c5c5d;font-family:Open Sans;font-size:.8rem;letter-spacing:0;line-height:1.5rem}.age-range{display:grid;grid-template-columns:repeat(5,1fr)}.age-range .age-range-item{border:1px solid #5c5c5d;border-radius:.1rem;padding:.5rem;color:hsla(0,0%,100%,.6);font-family:Open Sans;text-align:center;cursor:pointer}.age-range .age-range-item:hover{background-color:clr-age-range-hover-bg;color:#fff}input[type=date],input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea{width:100%;margin:.4rem 0;padding:.7rem;background:transparent;border:1px solid #5c5c5d;border-radius:.1rem;caret-color:#5c5c5d;color:#efeff4;font-family:Open Sans;font-size:14px;font-weight:500;letter-spacing:0;line-height:12px}input[type=date]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus{outline:none;border-radius:2px;border:1px solid #0073fa;color:#efeff4}input[type=date] option,input[type=email] option,input[type=password] option,input[type=tel] option,input[type=text] option,select option,textarea option{color:#efeff4}input[type=password]{-webkit-text-security:square}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.mx-datepicker{cursor:pointer;width:100%!important}.mx-datepicker .mx-input-wrapper input{background:transparent;border:1px solid #5c5c5d;padding:.7rem}.mx-datepicker .mx-input-wrapper input ::-moz-placeholder{font-family:Open Sans}.mx-datepicker .mx-input-wrapper input :-ms-input-placeholder{font-family:Open Sans}.mx-datepicker .mx-input-wrapper input ::placeholder{font-family:Open Sans}.mx-datepicker .mx-input-wrapper .mx-input{height:auto}.mx-datepicker .mx-input-wrapper .mx-icon-calendar{color:#efeff4;opacity:.5;right:3%}.button-primary{width:100%;padding:.7rem;font-family:Open Sans;font-size:.8rem;font-weight:700;letter-spacing:.03rem;line-height:1rem;text-align:center;border-radius:.3rem;color:#fff;background:linear-gradient(90deg,#0443c4,#0073fa,#0443c4);border-color:transparent!important;transition:all .3s linear;border:2px solid #fff;cursor:pointer}.button-primary:hover{background:#fff;border-color:#fff;color:#0073fa;transition:all .3s linear}.button-primary:focus{outline:none}.inverted-btn{width:100%;padding:.6rem;font-family:Open Sans;font-size:.8rem;font-weight:700;letter-spacing:.03rem;line-height:.8rem;text-align:center;border-radius:.3rem;background:#fff!important;border-color:#fff!important;color:#0073fa!important;transition:all .3s linear;border:2px solid #fff;cursor:pointer}.inverted-btn:hover{transition:all .3s linear;color:#fff!important;background:linear-gradient(90deg,#003aac,#0073fa,#0443c4)!important}.inverted-btn:focus{outline:none}.login-btn{width:100%;padding:.6rem;font-family:Open Sans;font-size:.8rem;font-weight:700;letter-spacing:.03rem;line-height:.8rem;text-align:center;border-radius:.3rem;background:transparent!important;border-color:#fff!important;color:#fff!important;transition:all .3s linear;border:2px solid #fff;cursor:pointer;white-space:nowrap}.login-btn:hover{transition:all .3s linear;color:#0073fa!important;background:#fff!important;border-color:transparent!important}.login-btn:focus{outline:none}.primary-net5-button{color:#fff;background:linear-gradient(90deg,#0443c4,#0073fa,#0443c4)}.primary-net5-button:hover{color:#003fa7;background:#fff}.primary-nammaflix-button{color:#fff;background:#fff;transition:.4s ease-in-out}.primary-nammaflix-button:hover{transform:scale(1.05)}.button-secondary{padding:.7rem;border:2px solid #868688;color:#868688;border-radius:3px;background:transparent;font-weight:600;cursor:pointer}.button-secondary:hover{background:#868688;color:#fff}.button-secondary:focus{outline:none}.containers{display:block;position:relative;padding-left:30px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.containers .hidden-radio{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;top:4px;left:0;height:17px;width:17px;background-color:transparent;border:2px solid #fff;border-radius:50%}.containers .hidden-radio~.label-name{font-size:.9rem}.containers .hidden-radio:checked~.checkmark{background-color:transparent}.containers .hidden-radio:checked~.label-name{color:#fff}.checkmark:after{content:"";position:absolute;display:none}.containers .hidden-radio:checked~.checkmark:after{display:block}.containers .checkmark:after{top:2px;left:2px;width:9px;height:9px;border-radius:50%;background:#fff}::-webkit-scrollbar{width:.2rem;height:.2rem}::-webkit-scrollbar-track{border-radius:.1rem}::-webkit-scrollbar-thumb{border-radius:.6rem}::-webkit-scrollbar-thumb:hover{background:#5c5c5d}@media only screen and (max-width:576px){input[type=text]{font-size:10px}.age-range{grid-template-columns:repeat(4,1fr)}.age-range .age-range-item{font-size:12px}.button-primary{padding:.5rem;font-size:.55rem;border:1px solid #fff;white-space:nowrap}.button-secondary{padding:.6rem;font-size:.6rem;border:1px solid #868688}}.button-link{background-color:transparent;outline:none;border:none;text-decoration:underline;color:#5c5c5d;margin:15px 0}.button-link:hover{color:#868688;cursor:pointer}.change-button{font-family:Open Sans;cursor:pointer;color:#fff;font-size:12px}.change-button:hover{color:#0073fa}.color-primary,.color-primary-hover:hover{color:#0073fa!important}.font-primary{font-family:Open Sans!important}.display-none{display:none!important}.device-container{padding:1.5em 3em 2rem}.device-container h4{color:rgba(239,239,244,.5)}.device-container h4 span{color:#efeff4}.device-container-placeholder{display:flex;margin-top:1rem}.device-container-placeholder-card{border-radius:.6rem;margin:.5em 0;background-color:#0d0d0d!important;height:200px;overflow:hidden}.device-container .flex-coloumn{display:flex;flex-direction:column;justify-content:space-between;height:15rem}.device-container .device-detail-name{margin:1rem 0 .5rem 0}.device-container .device-active-status{font-size:.75rem;color:#868688}.device-container .devices-remaining{font-size:1rem;color:rgba(239,239,244,.5);margin:0 1rem 1rem 1rem}.device-container .button{display:flex;justify-content:center;align-items:center;margin:.5rem 0 0 0;font-size:1rem}.device-container .button .button-remove{border-radius:5px;padding:.5rem;color:#efeff4;width:5rem;text-align:center;cursor:pointer}.device-container .button .button-remove:hover{background:grey}.device-container .device-listing{display:flex;flex-wrap:wrap;align-items:center}.device-container .device-listing .activeDevice{background-color:#262525!important}.device-container .device-listing .device-details{text-align:center;font-family:Open Sans;border-radius:.6rem;line-height:1.2rem;padding:2rem;margin:1rem;background-color:#0d0d0d;width:17.5rem;height:17.5rem}.device-container .device-listing .device-details .image-container{width:72px;height:71px;background-color:#efeff4;border-radius:50%;margin:0 auto;margin-bottom:.3rem}.device-container .device-listing .device-details .image-container img{padding:0;width:40px;margin-top:22px}.device-container .device-listing .device-details .device-state{font-weight:700;cursor:pointer;font-size:.8rem}.device-container .device-listing .device-details .device-status{display:flex;justify-content:space-between;align-items:center;margin:1rem}.error-alert{display:flex;justify-content:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-size:1rem;color:rgba(239,239,244,.5)}.bold-text-device{font-size:1rem;line-height:25px;color:#fff;word-wrap:break-word;font-weight:600}.light-text-device{color:#868688;font-size:.8em}.active{color:#fff;font-size:.8rem}.switch{position:relative;display:inline-block;width:40px;height:21px;margin:0 1rem 0 1rem}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:14px;width:14px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translateX(18px)}input:focus+.slider{box-shadow:0 0 1px #2196f3}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media only screen and (max-width:500px){.device-container-placeholder{grid-template-columns:repeat(2,1fr)}.device-container .device-listing{justify-content:center}.device-container .device-listing .device-details{padding:1rem;margin:1rem}.bold-text-device,.light-text-device{font-size:.7rem}.button .button-remove{font-size:.75rem;padding:.25rem!important}.switch{position:relative;display:inline-block;width:30px;height:15px;margin:0 0 0 1rem}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:9px;width:9px;left:4px;bottom:3px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translateX(14px)}input:focus+.slider{box-shadow:0 0 1px #2196f3}}