.App{text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;min-width:1280px;min-height:780px}@font-face{font-family:"Roboto";src:url(/font/Roboto-Light.ttf)}button,div,input,option,select,span{font-family:Roboto}a{text-decoration:none}*{box-sizing:border-box}.mainScreen{height:100%;width:100%;background:#1d1f2d}.routers{height:calc(100% - 120px);width:100%}.blurScreen{filter:blur(5px);-webkit-filter:blur(5px);z-index:0!important}.wrapScreen{z-index:1}.modalBlock,.wrapScreen{position:absolute;height:100%;width:100%}.modalBlock{top:0}.titleSettingsBlock{display:block;text-align:left}.settingsBlock{width:320px;height:495px;background:#11121c;margin:30px 15px;padding:20px;border-radius:3px}.settingsBlocks{color:#fff;display:flex;justify-content:center;height:535px}.valuesCritical{height:350px}.caseEmergency{position:relative;height:470px}.inputBlock{width:280px;height:54px;outline:none;margin:30px 0;font-size:18px;line-height:21px;letter-spacing:-.01em;color:#000;padding:0 20px;border-radius:3px}.checkBoxLabel{width:34px;height:14px;display:block;position:relative;background:rgba(163,171,182,.15);border-radius:20px;margin:20px 0 0}input[type=checkbox]+span.toggle{position:absolute;left:0;top:-3px;background:#fff;border-radius:50%;cursor:pointer;width:20px;height:20px}input[type=checkbox]:checked+span.toggle{background:#5f78d3;left:16px}span.checkboxText{position:relative;left:60px;top:-5px}.valueBlock{width:280px;height:125px}.labelText{position:relative;font-size:16px;line-height:19px;letter-spacing:-.01em;color:#5f78d3;top:23px}.maxTimeLimit{display:flex;position:relative;justify-content:space-between}.labelSecText{position:absolute;right:10px;top:23px;color:#b1b9c0}.secondInput{width:229px}.dateInput,.secondInput{background:none;height:54px;color:#fff;font-size:16px;padding:0 10px;margin:7px 0;border:2px solid #303241;box-sizing:border-box;border-radius:3px}.dateInput{width:111px}.dateInputBlock{display:flex;width:229px;justify-content:space-between}.buttonInfo{width:17px;height:17px;border-radius:50%;background-image:url(/image/vector.svg);border:none;margin:0 10px}input[type=radio]{height:36px;width:36px;border:1px solid #fff;border-radius:50%;-webkit-appearance:none;outline:none}input[type=radio]:checked{border:1px solid #5f78d3}input[type=radio]:checked+span{width:26px;height:26px;background:#5f78d3;display:inline-block;position:relative;left:-34px;top:-5px;border-radius:50%}.radioInputContainer{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.textReact{text-align:left;width:207px}.phoneEmergency{width:280px;height:54px;border:2px solid #303241;box-sizing:border-box;border-radius:3px;background:none;margin:10px 0;font-size:18px;line-height:21px;letter-spacing:-.01em;color:#b1b9c0;padding:0 20px}.violationMessage{margin-top:25px;margin-left:0}.violationMessageCheckbox{display:block;width:29px;height:29px;border:1px solid #5f78d3;box-sizing:border-box;border-radius:3px;cursor:pointer}input[type=checkbox]:checked+span.violationMessageCheckboxToggle{background-image:url(/image/check.svg);display:block;width:13px;height:13px;position:absolute;margin:7px}.violationMessageText{position:relative;left:60px;top:-5px;width:212px;display:block;font-family:Roboto;font-size:16px;line-height:24px;letter-spacing:-.01em;color:#fff;text-align:left}.formButtonBlock{display:block;width:1020px;margin:auto}.settingsButton{display:block;width:100%;height:54px;border-radius:3px;outline:none;font-weight:500;font-size:16px;line-height:19px;letter-spacing:-.01em;color:#fff;margin:10px 0;border:1px solid #5f78d3;cursor:pointer}.saveSettings{background:#5f78d3;box-shadow:0 4px 12px rgba(95,120,211,.4)}.cancelSettings{background:none}input[type=checkbox],input[type=radio]{cursor:pointer}.cameraScreen,.viewCameras{display:flex;height:100%;width:100%}.firstCameraWithThree{width:66%}.rightViewWithThree{width:34%}.rightViewWithThree .cameraView{height:50%}.threeItemView{width:calc(100% - 12px);height:calc(100% - 12px);margin:6px;display:flex}.sixItemView{grid-template-columns:1fr 1fr 1fr;grid-template-rows:repeat(2,41vh)}.eightItemView,.sixItemView{display:grid;margin:6px;width:100%;height:100%}.eightItemView{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:repeat(2,36vh)}.cameraView{height:100%;width:100%;border-radius:3px;position:relative}.addCameraButtonWrap{display:flex;height:calc(100% - 10px);width:calc(100% - 10px);background:#11121c;border-radius:6px;padding:20px;margin:5px}.addCameraButton{border:1px solid #5f78d3;border-radius:6px;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.addBtnBlock{cursor:pointer}.plusButton{font-size:9em;color:#127fee}.textButton{color:#fff;font-size:1.5em}.imageCamera{position:absolute;height:calc(100% - 10px);width:calc(100% - 10px);top:5px;border-radius:5px;left:5px}.titleCamera span{background:#1d1f2d}.titleCamera.bigSize,.titleCamera.middleSize{height:36px;width:131px}.titleCamera.smallSize{height:32px;width:104px}.titleCamera{color:#fff;font-size:1em;background:#1d1f2d;margin:auto;border-radius:36px;display:flex;align-items:center;justify-content:center;position:relative;top:.5em}.wrapTitleCamera{width:100%;position:relative;z-index:1}.peopleStateBar{position:absolute;z-index:1;top:10px;left:10px}.togglePeopleState{color:#fff;background:#11121c;display:flex;align-items:center;justify-content:center;border-radius:60px;font-family:monospace;margin:5px}.togglePeopleState.bigSize{font-size:14px;height:46px;width:64px}.togglePeopleState.middleSize{font-size:13px;height:32px;width:54px}.togglePeopleState.smallSize{font-size:12px;height:27px;width:44px}.peopleStateImage{position:absolute;left:6px;background:rgba(29,31,45,.4);border-radius:60px}.peopleStateImage.bigSize{width:227px;height:46px}.peopleStateImage.middleSize{width:118px;height:32px}.peopleStateImage.smallSize{width:89px;height:27px}.peopleStateIcon{position:absolute;width:24px;height:24px}.peopleStateIcon.bigSize{left:73px;top:10px}.peopleStateIcon.middleSize{left:68px;top:3px}.peopleStateIcon.smallSize{left:51px;top:1px}.peopleStateText{left:117px;top:14px;font-size:16px;line-height:19px}.peopleStateCount,.peopleStateText{position:absolute;text-align:center;letter-spacing:-.01em}.peopleStateCount{font-weight:500;font-size:14px;line-height:16px}.peopleStateCount.bigSize{left:228px;top:14px}.peopleStateCount.middleSize{left:111px;top:14px}.peopleStateCount.smallSize{left:100px;top:10px}.btnOptionBlock.bigSize{padding:10px;width:49px;height:49px}.btnOptionBlock.middleSize{padding:7px;width:36x;height:36px}.btnOptionBlock.smallSize{width:32px;height:32px}.btnOptionBlock{background:#1d1f2d;border-radius:50%;margin:3px;color:#fff;cursor:pointer}.btnOptionBlockWrap{position:absolute;z-index:1;display:flex;right:20px;top:10px}.btnOptionImg.middleSize{height:22px;width:22px}.btnOptionImg.smallSize{height:30px;width:20px}.removeCameraBtn.middleSize{top:-10px;left:0;font-size:32px}.removeCameraBtn.smallSize{left:0;font-size:28px;top:-2px}.removeCameraBtn{font-size:36px;transform:rotate(45deg);display:block;position:relative;top:-8px;left:1px}.toolBar{background:#11121c;width:100%;height:105px;display:flex;justify-content:center;position:absolute;bottom:0;left:0}.toolBarButton{width:170px;margin:0 10px;cursor:pointer;padding:10px;display:block}.toolBarButton:hover span,.toolBarButton:hover svg{color:#0ff}.toolBarButton.active span,.toolBarButton.active svg{color:#1e90ff}.toolBarButton svg{height:40%;width:100%;color:#fff}.toolBarButton span{font-size:16px;color:#fff}.modalBox{height:370px;width:560px;background:#1d1f2d;top:50%;left:50%;position:relative;transform:translate(-50%,-50%);border:1px solid #5f78d3;border-radius:3px}.titleModal{color:#fff;font-size:20px;font-weight:700;top:30px;position:relative}.camerasList{color:#fff;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:repeat(8,24px);text-align:center;padding:50px}.cameraListText{cursor:pointer}.cameraListTextGlove{cursor:pointer;color:#5f78d3}.btnBlock{width:100%;display:flex;bottom:30px;position:absolute}.okCancelBtn{width:150px;height:35px;margin:auto;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(95,120,211,.4);border:1px solid rgba(95,120,211,.4);border-radius:3px;outline:none;color:#fff}.okBtn{background:#5f78d3}.cancelBtn{background:none}.warningText{color:red;position:relative;bottom:50px}.backgroundImgCompos{position:fixed;z-index:-1;display:flex;height:100%;top:0}.bgImg1{left:0}.bgImg1,.bgImg2{top:0;height:100%;width:50vw;background-image:url(/image/backgroundImage.svg)}.bgImg2{right:0;transform:scaleX(-1)}.headerLogin{height:81px;display:flex;color:#fff;background:#11121c;padding:0;align-items:center;justify-content:center}.logoBlock{display:flex;margin:0 50px}.logoImg{margin:0 15px}.logoTextBlock{display:grid;text-align:left}.logoTitle{font-weight:500;font-size:18px;line-height:21px;letter-spacing:-.01em}em{font-style:normal;color:#5f78d3;padding-left:10px}.logoSlog{font-weight:400;font-size:14px;line-height:16px;letter-spacing:-.01em}.aboutService{font-weight:500;font-size:16px;line-height:7px;letter-spacing:-.01em;margin:0 25px 0 0;text-decoration:underline;cursor:pointer}.loginBtn{width:146px;border:1px solid #5f78d3;box-sizing:border-box;border-radius:3px;background:none;margin:0 25px}.loginBtn,.registerBtn{height:46px;box-shadow:0 4px 12px rgba(95,120,211,.4);color:#fff;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.registerBtn{width:212px;background:#5f78d3;border-radius:3px;border:none}.formBox{display:block;width:360px;position:relative;left:50%;transform:translate(-50%);color:#fff}.titleLogin{font-style:normal;font-weight:500;font-size:36px;line-height:42px;letter-spacing:-.01em;color:#fff}.formInputLabel{width:100%;display:block;text-align:left;font-size:14px;line-height:16px;letter-spacing:-.01em;padding:5px 20px}.formInput{height:50px;background:#fff;box-shadow:inset 0 1px 5px #d6d7db;border-radius:3px;padding:0 25px;font-size:18px;line-height:21px}.formInput,.submitBtn{width:360px;outline:none;letter-spacing:-.01em}.submitBtn{height:54px;background:#5f78d3;box-shadow:0 4px 12px rgba(95,120,211,.4);border-radius:3px;margin:20px 0 40px;font-weight:500;font-size:16px;line-height:19px;color:#fff;border:none}.forgetText{display:block;font-size:14px;line-height:16px;letter-spacing:-.01em;color:#5f78d3;width:100%;text-align:right;padding:5px}.formLabel{margin:15px 0 0;display:block}
/*# sourceMappingURL=main.f81a641e.chunk.css.map */