*{box-sizing:border-box;padding:0;margin:0}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:"PT Sans";src:url(/GasolinaAMR/public/.static/rapp/static/media/PTSans-Regular.4ea26cd5.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"PT Sans";src:url(/GasolinaAMR/public/.static/rapp/static/media/PTSans-Bold.333ee0ee.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Roboto";src:url(/GasolinaAMR/public/.static/rapp/static/media/Roboto-Light.88823c20.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Roboto";src:url(/GasolinaAMR/public/.static/rapp/static/media/Roboto-Regular.11eabca2.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body{background-color:#f1f6fa;font-family:"PT Sans",sans-serif;font-style:normal}.App,.Loader--container{width:100vw;height:100vh}.Loader--container{display:flex;justify-content:center;align-items:center;background-color:#fff}.Loader__body{display:flex;flex-flow:column nowrap}.Loader__text{margin-top:30px;font-family:"Roboto",sans-serif;font-style:normal;font-weight:300;font-size:24px;line-height:28px;display:flex;align-items:flex-end;text-align:center;color:#6c84a8}main{display:flex;width:100%;height:calc(100vh - 60px)}main .subview{display:flex;flex-flow:row wrap;justify-content:space-around;margin:20px 10px 30px;width:calc(100% - 20px);min-height:calc(100% - 50px)}@media screen and (max-width:1024px){main .subview{min-height:calc(100% - 20px);margin:10px}}@media screen and (max-width:1024px){main>.ScrollBar{height:calc(100% - 60px)!important}}.UI-Input{display:flex;flex-flow:column nowrap;width:100%;font-weight:700;line-height:24px}.UI-Input,.UI-Input .not-required{font-style:normal;font-size:12px;letter-spacing:.02em;text-transform:uppercase;color:#6c84a8}.UI-Input .not-required{padding-left:3px;font-family:"PT Sans",sans-serif;font-weight:400;line-height:16px}.UI-Input__input{display:flex;align-items:center;height:36px;width:100%;padding:0 10px;background:#fff;border:1px solid #cacfde;border-radius:4px;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#6c84a8;outline:none;transition:all .2s ease-out}.UI-Input__input:focus{border-color:#4580d9}.UI-Input__input::-webkit-input-placeholder{font-style:normal;font-weight:400;font-size:14px;display:flex;align-items:center;color:#cacfde}.UI-Input__input:-ms-input-placeholder{font-style:normal;font-weight:400;font-size:14px;display:flex;align-items:center;color:#cacfde}.UI-Input__input::-ms-input-placeholder{font-style:normal;font-weight:400;font-size:14px;display:flex;align-items:center;color:#cacfde}.UI-Input__input::placeholder{font-style:normal;font-weight:400;font-size:14px;display:flex;align-items:center;color:#cacfde}.UI-Input__input:disabled{background:#f1f6fa}.UI-Input .react-datepicker-popper[data-placement^=bottom]{left:0!important}.UI-Checkbox .container{display:block;position:relative;padding-left:30px;cursor:pointer;font-size:16px;color:#6c84a8;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.UI-Checkbox .container.disabled{cursor:default}.UI-Checkbox .container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.UI-Checkbox .checkmark{position:absolute;top:50%;transform:translateY(-50%);left:0;height:20px;width:20px;background-color:#eee}.UI-Checkbox .container:hover input~.checkmark{background-color:#ccc}.UI-Checkbox .container:hover input:disabled~.checkmark{background-color:#eee}.UI-Checkbox .container input:checked~.checkmark{background-color:#2196f3!important}.UI-Checkbox .checkmark:after{content:"";position:absolute;display:none}.UI-Checkbox .container input:checked~.checkmark:after{display:block}.UI-Checkbox .container .checkmark:after{left:6px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.UI-Radiobutton .container{display:block;position:relative;padding-left:30px;cursor:pointer;font-size:16px;color:#6c84a8;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.UI-Radiobutton .container.disabled{cursor:default}.UI-Radiobutton .container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;transition:all .2s ease-out}.UI-Radiobutton .checkmark{position:absolute;top:50%;transform:translateY(-50%);left:0;height:20px;width:20px;border-radius:50%;background-color:#eee;border:2px solid #eee;transition:all .2s ease-out}.UI-Radiobutton .container:hover input~.checkmark{background-color:#ccc;border-color:#ccc}.UI-Radiobutton .container:hover input:disabled~.checkmark{background-color:#eee;border-color:#eee}.UI-Radiobutton .container input:checked~.checkmark{background-color:#fff;border:2px solid #2196f3}.UI-Radiobutton .checkmark:after{content:"";position:absolute;display:none}.UI-Radiobutton .container input:checked~.checkmark:after{display:block}.UI-Radiobutton .container .checkmark:after{left:50%;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#2196f3;border-radius:50%}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{margin-left:-8px;position:absolute}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{content:"";z-index:-1;border-width:8px;left:-8px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{margin-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{margin-bottom:10px}.react-datepicker-popper[data-placement^=right]{margin-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{margin-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;border-top-right-radius:.3rem;padding-top:8px;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{background:none;line-height:1.7rem;text-align:center;cursor:pointer;position:absolute;top:10px;width:0;padding:0;border:.45rem solid transparent;z-index:1;height:10px;width:10px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:10px;border-right-color:#ccc}.react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__navigation--previous--disabled,.react-datepicker__navigation--previous--disabled:hover{border-right-color:#e6e6e6;cursor:default}.react-datepicker__navigation--next{right:10px;border-left-color:#ccc}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:80px}.react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.react-datepicker__navigation--next--disabled,.react-datepicker__navigation--next--disabled:hover{border-left-color:#e6e6e6;cursor:default}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px;border-top-color:#ccc}.react-datepicker__navigation--years-previous:hover{border-top-color:#b3b3b3}.react-datepicker__navigation--years-upcoming{top:-4px;border-bottom-color:#ccc}.react-datepicker__navigation--years-upcoming:hover{border-bottom-color:#b3b3b3}.react-datepicker__month-container{float:left}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:85px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range{background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range,.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range,.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range{background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{border-top-color:#ccc;float:right;margin-left:20px;top:8px;position:relative;border-width:.45rem}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"\00d7"}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__portal .react-datepicker__navigation{border:.81rem solid transparent}.react-datepicker__portal .react-datepicker__navigation--previous{border-right-color:#ccc}.react-datepicker__portal .react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__portal .react-datepicker__navigation--previous--disabled,.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover{border-right-color:#e6e6e6;cursor:default}.react-datepicker__portal .react-datepicker__navigation--next{border-left-color:#ccc}.react-datepicker__portal .react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.react-datepicker__portal .react-datepicker__navigation--next--disabled,.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover{border-left-color:#e6e6e6;cursor:default}.react-datepicker,.react-datepicker__input-container input{font-family:"PT Sans",sans-serif;font-weight:400;color:#6c84a8}.react-datepicker__input-container input{display:flex;align-items:center;width:100%;height:32px;padding:0 10px;background:#fff;border:1px solid #cacfde;border-radius:4px;font-style:normal;font-size:14px;line-height:18px;outline:none;transition:all .2s ease-out}.react-datepicker__input-container input:focus{border-color:#4580d9}.react-datepicker__input-container input::-webkit-input-placeholder{font-style:normal;font-weight:400;font-size:14px;display:flex;align-items:center;color:#cacfde}.react-datepicker__input-container input:-ms-input-placeholder{font-style:normal;font-weight:400;font-size:14px;display:flex;align-items:center;color:#cacfde}.react-datepicker__input-container input::-ms-input-placeholder{font-style:normal;font-weight:400;font-size:14px;display:flex;align-items:center;color:#cacfde}.react-datepicker__input-container input::placeholder{font-style:normal;font-weight:400;font-size:14px;display:flex;align-items:center;color:#cacfde}.react-datepicker__input-container input:disabled{background:#f1f6fa}.react-datepicker__input-container .react-datepicker__close-icon:after{font-size:24px;font-weight:400;color:#cacfde;background-color:transparent;width:auto;height:auto}.react-datepicker__input-container .react-datepicker__close-icon:hover:after{color:#6c84a8}.react-datepicker__navigation{outline:none}.react-datepicker__button{display:flex;justify-content:center;align-items:center;padding:5px;background-color:transparent;border:none;outline:none;cursor:pointer}.react-datepicker-popper[data-placement^=bottom]{left:-38px!important}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{border-bottom-color:#fff}.react-datepicker__header{background-color:#fff;margin:0 5px}.react-datepicker__current-month{text-transform:capitalize;font-weight:400;color:#6c84a8}.react-datepicker__day-name{color:#6c84a8}.react-datepicker__week{display:flex;justify-content:space-between}.react-datepicker__day{display:flex;justify-content:center;align-items:center;margin:0;padding:0 .166rem;color:#6c84a8;outline:none}.react-datepicker__day--weekend{color:#008ef2;font-weight:700}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:transparent;border:1px solid #008ef2}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__day--selected:hover{background-color:#008ef2;color:#fff}.react-datepicker__day--disabled{color:rgba(0,0,0,.2)}.UI-Select{width:100%;height:100%;position:absolute;display:flex;flex-flow:column nowrap;background:#fff;box-sizing:border-box;border-radius:2px;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#6c84a8}.UI-Select__container{position:relative;cursor:pointer;height:36px;width:100%}.UI-Select__input{display:flex;align-items:center;height:100%;width:100%;border:1px solid #cacfde;border-radius:4px;overflow:hidden;transition:all .2s ease-out}.UI-Select__input.active{border-color:#4580d9}.UI-Select__input__value{flex:1 1;display:flex;height:100%;align-items:center;padding:0 10px;background:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:none}.UI-Select__input__arrow-container{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:5px}.UI-Select__input__arrow{width:10px;height:10px;border-right:1px solid #6c84a8;border-bottom:1px solid #6c84a8;transform:translateY(-2px) rotate(45deg);transition:all .2s ease-out;cursor:pointer}.UI-Select__input__arrow-open{transform:rotate(-45deg) rotateX(180deg)}.UI-Select__list{position:absolute;left:0;right:0;margin-top:2px;display:flex;flex-flow:column nowrap;max-height:200px;border:1px solid #cacfde;border-radius:2px;overflow:hidden;background-color:#fff;z-index:1}.UI-Select__list__item{display:flex;align-items:center;padding:5px 10px;min-height:32px;text-transform:none;cursor:pointer}.UI-Select__list__item:nth-of-type(n+2){border-top:1px solid #cacfde}.UI-Select__list__item:hover{background-color:#f1f6fa}.TimePicker{position:relative;width:100%;height:36px}.TimePicker__input{height:100%;width:100%;display:flex;align-items:center;padding:0 10px;background:#fff;border:1px solid #cacfde;border-radius:4px;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#6c84a8}.TimePicker__input-disabled{background:#f1f6fa}.TimePicker__clear-button{margin-left:auto;width:20px;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer}.TimePicker__clear-button .clear{width:16px;height:16px;opacity:.4}.TimePicker__clear-button .clear:hover{opacity:1}.TimePicker__clear-button .clear:after,.TimePicker__clear-button .clear:before{position:absolute;left:16px;content:" ";height:16px;width:2px;background-color:#6c84a8}.TimePicker__clear-button .clear:before{transform:rotate(45deg)}.TimePicker__clear-button .clear:after{transform:rotate(-45deg)}.TimePicker__select{position:absolute;z-index:10;display:flex;flex-flow:column nowrap;background:transparent;width:-webkit-min-content;width:-moz-min-content;width:min-content;border-radius:8px;box-shadow:0 4px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.25);font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#6c84a8;margin-top:2px}.TimePicker__select__table{display:flex;border:solid #cacfde;border-width:1px 1px 0;border-radius:8px 8px 0 0;background:#fff}.TimePicker__select__table__hours{display:flex;flex-flow:row wrap;align-content:flex-start;justify-content:space-around;width:121px;border-right:1px solid #cacfde}.TimePicker__select__table__hours-name{display:flex;justify-content:center;align-items:center;width:120px;height:24px;font-weight:700;border-bottom:1px solid #cacfde}.TimePicker__select__table__hours div:not(.TimePicker__select__table__hours-name){display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin:2px;border:1px solid transparent;border-radius:25%;cursor:pointer;transition:all .2s ease-out}.TimePicker__select__table__hours div:not(.TimePicker__select__table__hours-name):hover{border-color:#4580d9}.TimePicker__select__table__hours div:not(.TimePicker__select__table__hours-name).selected{border-color:#4580d9;background-color:#4580d9;color:#fff;font-weight:700}.TimePicker__select__table__minutes{display:flex;flex-flow:row wrap;align-content:flex-start;justify-content:space-around;width:91px}.TimePicker__select__table__minutes-name{display:flex;justify-content:center;align-items:center;width:90px;height:24px;font-weight:700;border-bottom:1px solid #cacfde}.TimePicker__select__table__minutes div:not(.TimePicker__select__table__minutes-name){display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin:2px;border:1px solid transparent;border-radius:25%;cursor:pointer;transition:all .2s ease-out}.TimePicker__select__table__minutes div:not(.TimePicker__select__table__minutes-name):hover{border-color:#4580d9}.TimePicker__select__table__minutes div:not(.TimePicker__select__table__minutes-name).selected{border-color:#4580d9;background-color:#4580d9;color:#fff;font-weight:700}.TimePicker__select__table__secunds{display:flex;flex-flow:row wrap;align-content:flex-start;justify-content:space-around;width:90px}.TimePicker__select__table__secunds-name{display:flex;justify-content:center;align-items:center;width:90px;height:24px;font-weight:700;border-bottom:1px solid #cacfde}.TimePicker__select__table__secunds div:not(.TimePicker__select__table__secunds-name){display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin:2px;border:1px solid transparent;border-radius:25%;cursor:pointer;transition:all .2s ease-out}.TimePicker__select__table__secunds div:not(.TimePicker__select__table__secunds-name):hover{border-color:#4580d9}.TimePicker__select__table__secunds div:not(.TimePicker__select__table__secunds-name).selected{border-color:#4580d9;background-color:#4580d9;color:#fff;font-weight:700}.TimePicker__select__button{display:flex;justify-content:center;align-items:center;width:auto;height:32px;background:#4580d9;border-radius:0 0 8px 8px;font-style:normal;font-weight:700;font-size:14px;line-height:18px;letter-spacing:.05em;text-transform:uppercase;color:#fff;cursor:pointer}.TimePicker__select__button:hover{background-color:#0e4fb1}.UI-TextButton{display:flex;align-items:center;justify-content:center;padding:5px 10px;height:36px;width:100%;background:#4580d9;border:2px solid #4580d9;border-radius:8px;font-family:"PT Sans",sans-serif;font-style:normal;font-weight:700;font-size:14px;line-height:18px;letter-spacing:.05em;text-transform:uppercase;color:#fff;outline:none;cursor:pointer;transition:all .15s ease-out}.UI-TextButton:hover{background-color:#0e4fb1;border-color:#0e4fb1}.UI-CancelButton{display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-family:"PT Sans",sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:18px;-webkit-text-decoration-line:underline;text-decoration-line:underline;white-space:nowrap;color:#f50;outline:none;cursor:pointer;transition:all .15s ease-out}.UI-CancelButton:hover{font-size:16px}.UI-ImageButton{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;border:none;border-radius:4px;cursor:pointer;outline:none;transition:all .2s ease-out}.UI-ImageButton:hover{background-color:#f1f6fa}.UI-ImageButton:disabled{cursor:default;background-color:rgba(196,199,209,.2)}.UI-ImageButton:disabled:hover{background-color:rgba(200,200,220,.2)}.UI-ImageButton img{max-width:100%;max-height:100%}.UI-UploaderButton{position:relative;width:40px;height:40px;border-radius:4px;overflow:hidden}.UI-UploaderButton,.UI-UploaderButton__button{display:flex;justify-content:center;align-items:center}.UI-UploaderButton__button{width:100%;height:100%;background-color:transparent;border:none;cursor:pointer;outline:none;transition:all .2s ease-out}.UI-UploaderButton__button:hover{background-color:#f1f6fa}.UI-UploaderButton__hidden-input{height:1px;width:1px;border:0;font-size:1px;position:absolute;top:0;left:0;z-index:-1;opacity:0}.UI-Button-tooltip{padding:0!important;opacity:1!important;border:1px solid #6c84a8!important;border-radius:4px;box-shadow:0 4px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.25);overflow:hidden}.UI-Button-tooltip:after,.UI-Button-tooltip:before{content:none}.UI-Button-tooltip div{padding:5px 10px;background:#fff;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#6c84a8}.Login__container{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff}.Login__form{display:flex;flex-flow:column nowrap}.Login__form label{margin-top:10px}.Login__form label:first-of-type{margin-top:20px}.Login__form button{margin-top:10px}.Login__error,.Login__logo{display:flex;justify-content:center;align-items:center;height:32px}.Login__error p{font-size:16px;font-weight:700;color:#313131}.TopPanel{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;flex-flow:row nowrap;height:60px;width:100%;background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.1),0 0 2px rgba(0,0,0,.25)}.TopPanel__logo{margin-left:15px;margin-right:20px}@media screen and (max-width:450px){.TopPanel__logo{margin-left:5px;margin-right:5px}.TopPanel__logo img{width:125px}}.TopPanel .header{display:flex;align-items:center;justify-content:space-between}.TopPanel__button{display:flex;justify-content:center;align-items:center;flex-direction:column;width:36px;height:36px;margin-left:15px;border-radius:50%;cursor:pointer}.TopPanel__button:hover{background-color:#f1f6fa}.TopPanel__button-active .bar1{transform:rotate(-45deg) translate(-4.5px,4px)}.TopPanel__button-active .bar2{opacity:0}.TopPanel__button-active .bar3{transform:rotate(45deg) translate(-4.5px,-4px)}.TopPanel__button .bar1,.TopPanel__button .bar2,.TopPanel__button .bar3{width:16px;height:2px;background-color:#cacfde;margin:2px 0;transition:.4s}.TopPanel__service-buttons{display:flex}.TopPanel__service-buttons .Admin__button img{height:20px}.PopupButton{position:relative}.PopupButton__button{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:transparent;border:none;border-radius:4px;cursor:pointer;outline:none;transition:all .2s ease-out}.PopupButton__button:hover{background-color:#f1f6fa}.PopupButton__button:disabled{cursor:default;background-color:rgba(196,199,209,.2)}.PopupButton__button:disabled:hover{background-color:rgba(200,200,220,.2)}.PopupButton__button img{max-width:100%;max-height:100%}.PopupButton__button-badge{position:absolute;z-index:100;right:-3px;bottom:-3px;display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50%;background-color:#f50;color:#fff}.PopupButton__button-badge span{font-size:12px}.PopupButton__popup{position:fixed;z-index:1000;width:220px;height:auto;background:#fff;border:1px solid #dae1f4;border-radius:4px;box-shadow:0 4px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.25)}.PopupButton__popup:after,.PopupButton__popup:before{content:"";position:absolute;top:-32px;left:133px;border:16px solid transparent;border-bottom-color:#cacfde}.PopupButton__popup:after{border-bottom:16px solid #fff;top:-31px}.PopupButton__popup-row{display:flex;align-items:center;flex-flow:row nowrap;width:100%;height:60px;border-bottom:1px solid #dae1f4;text-decoration:none;transition:all .2s ease-out;background-color:transparent}.PopupButton__popup-row:hover{background-color:#f1f6fa}.PopupButton__popup-row:last-of-type{border-bottom:none}.PopupButton__popup .shadow-container{position:relative;width:100%;overflow:hidden}.PopupButton__popup .overflow-shadow{position:absolute;left:0;right:0;bottom:-15px;height:15px;box-shadow:0 -15px 15px #fff}.Notifications{flex:1 1;display:flex;align-items:center;width:100%}.Notifications__img{display:flex;justify-content:center;align-items:center;width:60px;height:60px}.Notifications__serialnumber{font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#4580d9}.UI-Confirm__container{position:fixed;top:0;left:0;z-index:1000;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5)}.UI-Confirm{margin:10px;max-width:400px;width:100%;background:#fff;border-radius:4px;overflow:hidden}.UI-Confirm__body{padding:25px 20px}.UI-Confirm__title{font-family:"PT Sans",sans-serif;font-weight:700;font-size:20px;line-height:24px;color:#4580d9}.UI-Confirm__message{margin-top:20px;font-family:"PT Sans",sans-serif;font-weight:400;font-size:16px;line-height:18px;color:#6c84a8}.UI-Confirm__buttons{display:flex;height:40px;border-top:1px solid #dae1f4}.UI-Confirm__buttons-accept,.UI-Confirm__buttons-decline{flex:1 1;display:flex;justify-content:center;align-items:center;font-family:"PT Sans",sans-serif;font-weight:700;font-size:16px;text-transform:uppercase;color:#4580d9;border:none;cursor:pointer;transition:all .2s ease-out;outline:none;background-color:#fff}.UI-Confirm__buttons-accept:hover,.UI-Confirm__buttons-decline:hover{background-color:#f1f6fa}.UI-Confirm__buttons-accept:active,.UI-Confirm__buttons-decline:active{background-color:#dbe4ee}.UI-Confirm__buttons-accept{border-right:1px solid #dae1f4}.Favourites{flex:1 1;justify-content:space-between;width:100%;padding-left:31px}.Favourites,.Favourites__img{display:flex;align-items:center}.Favourites__img{justify-content:center;width:60px;height:60px}.Favourites__serialnumber{font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#4580d9}.Sidebar{position:relative;left:0;display:flex;flex-flow:column nowrap;height:calc(100vh - 60px);background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.1),0 0 2px rgba(0,0,0,.25);transition:all .2s ease-out}@media screen and (max-width:1024px){.Sidebar{position:fixed;z-index:10;bottom:0;left:0;height:60px;width:100vw}}.Navigation,.Navigation__block{display:flex;flex-flow:column nowrap}@media screen and (max-width:1024px){.Navigation__block{flex-direction:row;overflow:hidden}.Navigation__block li{flex:1 1}}.Navigation__block__item{display:flex;align-items:center;height:60px;cursor:pointer;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;color:#6c84a8}@media screen and (max-width:1024px){.Navigation__block__item{flex-direction:column;justify-content:center;align-items:center;font-size:10px;letter-spacing:normal;text-transform:none;border-bottom:3px solid transparent}}.Navigation__block__item-selected,.Navigation__block__item:hover{background-color:#f1f6fa}@media screen and (max-width:1024px){.Navigation__block__item-selected,.Navigation__block__item:hover{background-color:inherit;color:#4580d9;border-bottom:3px solid #4580d9}}.Navigation__block__item-img{width:60px;height:60px;display:flex;justify-content:center;align-items:center}@media screen and (max-width:1024px){.Navigation__block__item-img{width:auto;height:auto;margin-bottom:5px}}.Navigation__block__item-name{padding:0 30px 0 5px;white-space:nowrap}@media screen and (max-width:1024px){.Navigation__block__item-name{text-align:center;padding:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.UI-MessageBox{position:fixed;z-index:1000;bottom:20px;width:100%;flex-flow:column-reverse nowrap;padding:0 10px}.UI-Message,.UI-MessageBox{display:flex;align-items:center}.UI-Message{justify-content:space-between;width:500px;max-width:100%;height:auto;min-height:40px;padding:10px 20px;margin-top:10px;border-radius:20px}.UI-Message__text{display:flex;justify-content:center;width:420px;height:auto;color:#fff;margin-right:20px}.UI-Message__text p{overflow-x:hidden;font-size:16px;line-height:20px}.UI-Message__button{width:20px;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer}.UI-Message__button .close{width:16px;height:16px;opacity:.4}.UI-Message__button .close:hover{opacity:1}.UI-Message__button .close:after,.UI-Message__button .close:before{position:absolute;left:16px;content:" ";height:16px;width:2px;background-color:#333}.UI-Message__button .close:before{transform:rotate(45deg)}.UI-Message__button .close:after{transform:rotate(-45deg)}.cssload-thecube{width:73px;height:73px;margin:49px auto 0;position:relative}.cssload-thecube,.cssload-thecube .cssload-cube{transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}.cssload-thecube .cssload-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}.cssload-thecube .cssload-cube:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#4580d9;animation:cssload-fold-thecube 2.76s linear infinite both;-o-animation:cssload-fold-thecube 2.76s infinite linear both;-ms-animation:cssload-fold-thecube 2.76s infinite linear both;-webkit-animation:cssload-fold-thecube 2.76s linear infinite both;-moz-animation:cssload-fold-thecube 2.76s infinite linear both;transform-origin:100% 100%;-o-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%}.cssload-thecube .cssload-c2{transform:scale(1.1) rotate(90deg);-o-transform:scale(1.1) rotate(90deg);-ms-transform:scale(1.1) rotate(90deg);-webkit-transform:scale(1.1) rotate(90deg);-moz-transform:scale(1.1) rotate(90deg)}.cssload-thecube .cssload-c3{transform:scale(1.1) rotate(180deg);-o-transform:scale(1.1) rotate(180deg);-ms-transform:scale(1.1) rotate(180deg);-webkit-transform:scale(1.1) rotate(180deg);-moz-transform:scale(1.1) rotate(180deg)}.cssload-thecube .cssload-c4{transform:scale(1.1) rotate(270deg);-o-transform:scale(1.1) rotate(270deg);-ms-transform:scale(1.1) rotate(270deg);-webkit-transform:scale(1.1) rotate(270deg);-moz-transform:scale(1.1) rotate(270deg)}.cssload-thecube .cssload-c2:before{animation-delay:.35s;-o-animation-delay:.35s;-ms-animation-delay:.35s;-webkit-animation-delay:.35s;-moz-animation-delay:.35s}.cssload-thecube .cssload-c3:before{animation-delay:.69s;-o-animation-delay:.69s;-ms-animation-delay:.69s;-webkit-animation-delay:.69s;-moz-animation-delay:.69s}.cssload-thecube .cssload-c4:before{animation-delay:1.04s;-o-animation-delay:1.04s;-ms-animation-delay:1.04s;-webkit-animation-delay:1.04s;-moz-animation-delay:1.04s}@keyframes cssload-fold-thecube{0%,10%{transform:perspective(136px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(136px) rotateX(0deg);opacity:1}90%,to{transform:perspective(136px) rotateY(180deg);opacity:0}}@-webkit-keyframes cssload-fold-thecube{0%,10%{-webkit-transform:perspective(136px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(136px) rotateX(0deg);opacity:1}90%,to{-webkit-transform:perspective(136px) rotateY(180deg);opacity:0}}.DataTable__container{flex:1 1;width:100%;display:flex;flex-flow:row nowrap;justify-content:center}@media screen and (max-width:768px){.DataTable__container{flex-flow:column nowrap}}.DataTable__table{position:relative;flex:1 1;display:flex;flex-flow:column nowrap;max-width:940px;padding:20px 40px;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.25);border-radius:4px;transition:all .2s ease-out}@media screen and (max-width:1024px){.DataTable__table{padding:10px 15px}}.DataTable__table .ScrollBar{flex:1 1}.DataTable__header{height:auto;padding:5px 0;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.DataTable__header__name{display:flex;font-weight:700;font-size:24px;line-height:31px;text-transform:uppercase;color:#4580d9}.DataTable__header__name small{text-transform:none;font-weight:400;font-size:14px;line-height:18px}.DataTable__header__buttons{display:flex}.DataTable__header .react-datepicker-popper{z-index:11}.DataTable{display:flex;flex-flow:column nowrap;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;height:100%}.DataTable__scroll>div:first-of-type{overflow-x:hidden}.DataTable__scroll>div:last-of-type{z-index:1}.DataTable__head{position:relative;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.DataTable__head__row{display:flex;height:60px;width:100%;border-bottom:1px solid #6c84a8}.DataTable__head__column{display:flex;align-items:center;padding:0 10px}.DataTable__head__column__name{flex:1 1;font-weight:700;font-size:14px;line-height:18px;letter-spacing:.05em;text-transform:uppercase;color:#6c84a8;text-align:left}.DataTable__head__column__sort{position:relative;display:flex;justify-content:center;height:14px;width:14px;margin-left:10px;cursor:pointer}.DataTable__head__column__sort.disabled .arrow{border-color:rgba(108,132,168,.2)!important}.DataTable__head__column__sort .arrow{position:absolute;width:8px;height:8px;border-width:0 2px 2px 0;border-style:solid;transition:all .2s ease-out}.DataTable__head__column__sort .arrow-top{top:0;transform:rotate(-45deg) rotateX(180deg);border-color:rgba(108,132,168,.2)}.DataTable__head__column__sort .arrow-top.ascending{border-color:#6c84a8}.DataTable__head__column__sort .arrow-bottom{bottom:0;transform:translateY(-2px) rotate(45deg);border-color:#6c84a8}.DataTable__head__column__sort .arrow-bottom.ascending{border-color:rgba(108,132,168,.2)}.DataTable__head__column{margin-right:auto}.DataTable__head__column:last-of-type{margin-right:0}.DataTable__head__column.number{margin-right:20px}.DataTable__head__column.checkbox{margin-right:0}.DataTable__body{height:100%;width:100%}.DataTable__body__row{display:flex;height:60px;min-width:100%;max-width:100%;overflow-y:visible;border-bottom:1px solid #dae1f4}.DataTable__body__row>div:first-of-type{border-left:2px solid transparent}.DataTable__body__row.DataTable__selected-row{background-color:rgba(69,128,217,.1)!important}.DataTable__body__row.DataTable__selected-row>div:first-of-type{border-left:2px solid #4580d9}.DataTable__body__row-serial-number{font-style:normal;font-weight:400;font-size:14px;line-height:18px;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#4580d9}.DataTable__body__column{margin-right:auto}.DataTable__body__column:last-of-type{margin-right:0}.DataTable__body__column.number{margin-right:20px}.DataTable__body__column.checkbox{margin-right:0;padding:0}.DataTable__body__column.checkbox .UI-Checkbox{width:100%;height:60px}.DataTable__body__column.checkbox .UI-Checkbox .container{width:100%;height:100%;padding-left:0}.DataTable__body__column.checkbox .UI-Checkbox .checkmark{left:calc(50% - 12px)}.DataTable__body__column .UI-Select{background:transparent;height:36px;position:relative}.DataTable__body__column .UI-Select__container{display:flex;align-items:center;height:60px!important}.DataTable__body__column .UI-Select__input{border-radius:0;border:none;border-bottom:1px solid #cacfde;transition:all .2s ease-out}.DataTable__body__column .UI-Select__input__value{background:transparent}.DataTable__body__column .UI-Select__container:hover .UI-Select__input,.DataTable__body__column .UI-Select__input.active{border-bottom:1px solid #6c84a8}.DataTable__body__column{display:flex;align-items:center;padding:0 10px;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#6c84a8}.DataTable__body__column button{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:transparent;border:none;cursor:pointer;outline:none;transition:all .2s ease-out}.DataTable__body__column button:hover{background-color:rgba(110,170,255,.1)}.UI-CustomInput{position:relative;display:flex;flex-direction:column}.UI-CustomInput__label{top:0;left:0;position:absolute;font-weight:700;font-size:14px;line-height:18px;letter-spacing:.05em;text-transform:uppercase;color:rgba(108,132,168,.7);transform:translate(0) scale(1);transform-origin:top left;transition:all .2s linear}.UI-CustomInput__label.focused{color:#6c84a8;transform:translateY(-18px) scale(.75)}.UI-CustomInput__input{position:relative;width:100%;height:100%}.UI-CustomInput__input input{display:flex;align-items:center;padding-bottom:2px;width:100%;height:100%;background:transparent;border:none;border-bottom:1px solid #cacfde;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#6c84a8;outline:none;transition:all .2s ease-out}.UI-CustomInput__input input:focus,.UI-CustomInput__input input:hover{border-bottom:1px solid #6c84a8}.UI-CustomSelect{position:relative;display:flex;flex-direction:column;width:100%}.UI-CustomSelect__label{top:0;left:0;position:absolute;font-weight:700;font-size:14px;line-height:18px;letter-spacing:.05em;text-transform:uppercase;color:rgba(108,132,168,.7);transform:translate(0) scale(1);transform-origin:top left;transition:all .2s linear}.UI-CustomSelect__label.focused{color:#6c84a8;transform:translateY(-18px) scale(.75)}.UI-CustomSelect__select{position:relative;width:100%;height:100%;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#6c84a8}.UI-CustomSelect__select__input{display:flex;align-items:center;border-bottom:1px solid #cacfde;overflow:hidden;cursor:pointer}.UI-CustomSelect__select__input.focused,.UI-CustomSelect__select__input:hover{border-bottom:1px solid #6c84a8}.UI-CustomSelect__select__input__value{flex:1 1;display:flex;height:100%;align-items:center;padding:0 10px;background:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:none}.UI-CustomSelect__select__input__arrow-container{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:5px}.UI-CustomSelect__select__input__arrow{width:10px;height:10px;border-right:1px solid #6c84a8;border-bottom:1px solid #6c84a8;transform:translateY(-2px) rotate(45deg);transition:all .2s ease-out;cursor:pointer}.UI-CustomSelect__select__input__arrow-open{transform:rotate(-45deg) rotateX(180deg)}.UI-CustomSelect__select__list{position:absolute;z-index:1;width:100%;max-height:200px;border:1px solid #cacfde;border-radius:2px;margin-top:2px;overflow:hidden}.UI-CustomSelect__select__list__item{display:flex;align-items:center;padding:5px 10px;min-height:32px;text-transform:none;cursor:pointer;background-color:#fff}.UI-CustomSelect__select__list__item:nth-of-type(n+2){border-top:1px solid #cacfde}.UI-CustomSelect__select__list__item:hover{background-color:#f1f6fa}.DataTable__filter{position:relative;flex:1 1;display:flex;margin-left:10px;overflow:hidden;max-width:270px;width:100%;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.25);border-radius:4px;transition:.5s;transform-origin:left}.DataTable__filter.closed{max-width:0}@media screen and (max-width:768px){.DataTable__filter{max-width:100%;max-height:50%;margin-left:0;margin-top:10px;transform-origin:top}.DataTable__filter.closed{max-width:100%;max-height:0}}.DataTable__filter__body{flex:1 1;display:flex;padding:30px 40px 20px;overflow:hidden}.DataTable__filter__body .ScrollBar{height:auto!important}@media screen and (max-width:1024px){.DataTable__filter__body{padding:20px 15px 10px}}.DataTable__filter__body--selected-filters{display:flex;flex-flow:column nowrap;padding-top:4px;padding-bottom:20px;border-bottom:1px solid #dae1f4}.DataTable__filter__body--filters{position:relative}.DataTable__filter__body .react-datepicker__day,.DataTable__filter__body .react-datepicker__day-name,.DataTable__filter__body .react-datepicker__time-name{width:1.245rem;line-height:1.245rem;margin:.16rem;font-size:.75rem}.DataTable__filter__button{display:flex;justify-content:flex-end;width:100%}.DataTable__filter__button img{height:20px;width:auto}.selected-filters-list{display:flex;flex-flow:row wrap;align-items:baseline}.selected-filters-list__title{display:flex;align-items:center;justify-content:space-between;height:24px;margin-bottom:10px;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.02em;white-space:nowrap;text-transform:uppercase;text-decoration:none;color:#6c84a8}.selected-filters-list__title img{height:20px;width:auto}.selected-filters-list__item{display:flex;flex-flow:row nowrap;align-items:center;padding:4px 8px;margin-bottom:8px;margin-right:8px;border:1px solid #dae1f4;border-radius:14px;cursor:pointer}.selected-filters-list__item__text{font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:#6c84a8}.selected-filters-list__item:hover{background-color:#f1f6fa}.selected-filters-list__item:hover .close{opacity:1}.selected-filters-list__item__close-button{position:relative;display:flex;justify-content:center;align-items:center;width:20px;height:20px;margin-left:10px;background-color:#fff;border-radius:50%;cursor:pointer}.selected-filters-list__item__close-button .close{width:16px;height:16px;opacity:.4}.selected-filters-list__item__close-button .close:after,.selected-filters-list__item__close-button .close:before{position:absolute;left:9.5px;content:" ";height:16px;width:1px;background-color:#6c84a8}.selected-filters-list__item__close-button .close:before{transform:rotate(45deg)}.selected-filters-list__item__close-button .close:after{transform:rotate(-45deg)}.Filter__group{display:flex;flex-flow:column nowrap;padding:20px 0;border-bottom:1px solid #dae1f4}.Filter__group__header{display:flex;align-items:center;justify-content:space-between;height:32px;cursor:pointer;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;color:#6c84a8}.Filter__group__header:hover{color:#4580d9}.Filter__group__header .arrow-container{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.Filter__group__header .arrow{width:10px;height:10px;border-right:1px solid #6c84a8;border-bottom:1px solid #6c84a8;transform:rotate(45deg);transition:all .2s ease-out}.Filter__group__header .arrow-closed{transform:rotate(135deg)}.Filter__group__item-container{max-height:300px;transition:.5s}.Filter__group__item-container.closed{overflow:hidden;max-height:0}.Filter__group__item{display:flex;align-items:center;padding:5px 0}.Filter__group__item .UI-Input{color:#cacfde}.ModalWindow__container{position:fixed;top:0;left:0;z-index:100;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5)}.ModalWindow{width:100%;padding:20px 40px;margin:10px;background:#fff;border:1px solid #dae1f4;border-radius:4px}@media screen and (max-width:425px){.ModalWindow{padding:10px 20px}}.ModalWindow__header{min-height:40px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.ModalWindow__header__name{font-weight:700;font-size:24px;line-height:31px;text-transform:uppercase;color:#4580d9}.ModalWindow__header__name small{font-weight:400;font-size:14px;line-height:18px}.ModalWindow__body form{display:flex;flex-flow:column nowrap}.ModalWindow__body form label{margin-top:10px}.ModalWindow__footer{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.ModalWindow__footer__cancel{flex:2 1;display:flex;justify-content:center;align-items:center;margin-right:5px}.ModalWindow__footer__accept{flex:3 1;display:flex;justify-content:center;align-items:center;margin-left:5px}.Dashboard{flex:1 1;display:flex;flex-flow:column nowrap;justify-content:space-between;width:100%;max-width:940px;height:calc(100vh - 110px)}@media screen and (max-width:1024px){.Dashboard{height:calc(100vh - 140px)}}@media screen and (max-height:767px) and (orientation:landscape){.Dashboard{height:auto}}.Dashboard__chart{width:100%;height:49%;padding:20px 40px;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.25);border-radius:4px}@media screen and (max-width:820px){.Dashboard__chart{padding:10px 15px}.Dashboard__chart:first-of-type{margin-bottom:10px}}@media screen and (max-width:820px) and (orientation:landscape){.Dashboard__chart{height:calc(100vh - 140px)}}.Dashboard__chart__name{height:40px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.Dashboard__chart__name p{font-weight:700;font-size:24px;line-height:31px;text-transform:uppercase;color:#4580d9}@media screen and (max-width:820px){.Dashboard__chart__name{height:20px}.Dashboard__chart__name p{font-size:16px;line-height:18px}}.Dashboard__chart__body{width:100%;height:calc(100% - 40px)}.bar{position:absolute;background-color:#fff}.bar div{height:4px;border-top-left-radius:4px;border-top-right-radius:4px;background-color:#008ef2;opacity:.8}.BarChart .react-vis-magic-css-import-rule{display:inherit}.BarChart .rv-treemap{font-size:12px;position:relative}.BarChart .rv-treemap__leaf{overflow:hidden;position:absolute}.BarChart .rv-treemap__leaf--circle{align-items:center;border-radius:100%;display:flex;justify-content:center}.BarChart .rv-treemap__leaf__content{overflow:hidden;padding:10px;text-overflow:ellipsis}.BarChart .rv-xy-plot{color:#c3c3c3;position:relative}.BarChart .rv-xy-plot canvas{pointer-events:none}.BarChart .rv-xy-plot .rv-xy-canvas{pointer-events:none;position:absolute}.BarChart .rv-xy-plot__inner{display:block}.BarChart .rv-xy-plot__axis__line{fill:none;stroke-width:2px;stroke:#e6e6e9}.BarChart .rv-xy-plot__axis__tick__line{stroke:#e6e6e9}.BarChart .rv-xy-plot__axis__tick__text,.BarChart .rv-xy-plot__axis__title text{fill:#6b6b76;font-size:11px}.BarChart .rv-xy-plot__grid-lines__line{stroke:#e6e6e9}.BarChart .rv-xy-plot__circular-grid-lines__line{fill-opacity:0;stroke:#e6e6e9}.BarChart .rv-xy-plot__series,.BarChart .rv-xy-plot__series path{pointer-events:all}.BarChart .rv-xy-plot__series--line{fill:none;stroke:#000;stroke-width:2px}.BarChart .rv-crosshair{position:absolute;font-size:11px;pointer-events:none}.BarChart .rv-crosshair__line{background:#47d3d9;width:1px}.BarChart .rv-crosshair__inner{position:absolute;text-align:left;top:0}.BarChart .rv-crosshair__inner__content{border-radius:4px;background:#3a3a48;color:#fff;font-size:12px;padding:7px 10px;box-shadow:0 2px 4px rgba(0,0,0,.5)}.BarChart .rv-crosshair__inner--left{right:4px}.BarChart .rv-crosshair__inner--right{left:4px}.BarChart .rv-crosshair__title{font-weight:700;white-space:nowrap}.BarChart .rv-crosshair__item{white-space:nowrap}.BarChart .rv-hint{position:absolute;pointer-events:none}.BarChart .rv-hint__content{border-radius:4px;padding:7px 10px;font-size:12px;background:#3a3a48;box-shadow:0 2px 4px rgba(0,0,0,.5);color:#fff;text-align:left;white-space:nowrap}.BarChart .rv-discrete-color-legend{box-sizing:border-box;overflow-y:auto;font-size:12px}.BarChart .rv-discrete-color-legend.horizontal{white-space:nowrap}.BarChart .rv-discrete-color-legend-item{color:#3a3a48;border-radius:1px;padding:9px 10px}.BarChart .rv-discrete-color-legend-item.horizontal{display:inline-block}.BarChart .rv-discrete-color-legend-item.horizontal .rv-discrete-color-legend-item__title{margin-left:0;display:block}.BarChart .rv-discrete-color-legend-item__color{display:inline-block;vertical-align:middle;overflow:visible}.BarChart .rv-discrete-color-legend-item__color__path{stroke:#dcdcdc;stroke-width:2px}.BarChart .rv-discrete-color-legend-item__title{margin-left:10px}.BarChart .rv-discrete-color-legend-item.disabled{color:#b8b8b8}.BarChart .rv-discrete-color-legend-item.clickable{cursor:pointer}.BarChart .rv-discrete-color-legend-item.clickable:hover{background:#f9f9f9}.BarChart .rv-search-wrapper{display:flex;flex-direction:column}.BarChart .rv-search-wrapper__form{flex:0 1}.BarChart .rv-search-wrapper__form__input{width:100%;color:#a6a6a5;border:1px solid #e5e5e4;padding:7px 10px;font-size:12px;box-sizing:border-box;border-radius:2px;margin:0 0 9px;outline:0}.BarChart .rv-search-wrapper__contents{flex:1 1;overflow:auto}.BarChart .rv-continuous-color-legend{font-size:12px}.BarChart .rv-continuous-color-legend .rv-gradient{height:4px;border-radius:2px;margin-bottom:5px}.BarChart .rv-continuous-size-legend{font-size:12px}.BarChart .rv-continuous-size-legend .rv-bubbles{text-align:justify;overflow:hidden;margin-bottom:5px;width:100%}.BarChart .rv-continuous-size-legend .rv-bubble{background:#d8d9dc;display:inline-block;vertical-align:bottom}.BarChart .rv-continuous-size-legend .rv-spacer{display:inline-block;font-size:0;line-height:0;width:100%}.BarChart .rv-legend-titles{height:16px;position:relative}.BarChart .rv-legend-titles__center,.BarChart .rv-legend-titles__left,.BarChart .rv-legend-titles__right{position:absolute;white-space:nowrap;overflow:hidden}.BarChart .rv-legend-titles__center{display:block;text-align:center;width:100%}.BarChart .rv-legend-titles__right{right:0}.BarChart .rv-radial-chart .rv-xy-plot__series--label{pointer-events:none}.BarChart{position:relative;width:100%;height:100%}.BarChart .rv-xy-plot__series rect{rx:1}.BarChart .rv-xy-plot__series:hover{cursor:pointer}.BarChart .rv-hint{transform:translate(-50%,-10px);z-index:10}.BarChart__tooltip{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;padding:15px;min-width:100px;background:#fff;border:1px solid #cacfde;box-sizing:border-box;border-radius:5px}.BarChart__tooltip h3{text-align:center;margin-bottom:5px;font-style:normal;font-weight:700;font-size:14px;line-height:18px;color:#008ef2}.BarChart__tooltip p{font-style:normal;font-weight:400;font-size:10px;line-height:13px;color:#6c84a8}.BarChart__tooltip.with-triangle :after{content:"";position:absolute;width:8px;height:8px;top:calc(100% - 4px);left:calc(50% - 4px);border:1px solid #cacfde;border-width:1px 0 0 1px;background:#fff;transform:rotate(-135deg)}.NavBar{display:flex;flex-flow:column nowrap;padding:8px;background:#fff;box-shadow:0 2px 2px rgba(0,0,0,.25),0 4px 4px rgba(0,0,0,.1);border-radius:4px}.NavBar__link{padding:10px 12px;margin-bottom:2px;font-style:normal;font-weight:700;font-size:12px;line-height:16px;white-space:nowrap;text-transform:uppercase;text-decoration:none;color:#6c84a8;box-sizing:border-box;border:1px solid transparent;transition:all .2s ease-out}@media screen and (max-width:960px){.NavBar__link{text-align:center}}.NavBar__link:last-of-type{margin-bottom:0}.NavBar__link-selected,.NavBar__link:hover{border:1px solid #dae1f4;border-radius:4px;color:#4580d9}.Meter{flex:1 1;display:flex;flex-flow:column nowrap;width:100%;max-width:1156px}.Meter .MeterHead{margin-bottom:20px}.Meter__body{flex:1 1;display:flex;flex-flow:row nowrap;justify-content:space-between}@media screen and (max-width:960px){.Meter__body{flex-direction:column}}.Meter__navigation{min-width:192px;margin-bottom:20px;margin-right:20px}@media screen and (max-width:960px){.Meter__navigation{margin-right:0}}.Meter__content{flex:1 1;display:flex;width:calc(100% - 212px);max-width:940px}@media screen and (max-width:960px){.Meter__content{width:100%}}.ModalWindow{padding:20px 35px}.CloseValveModal,.CloseValveModal__list{display:flex;flex-flow:column nowrap}.CloseValveModal__list{list-style-type:disc;padding-left:20px}.CloseValveModal__list li{margin-bottom:10px}.CloseValveModal__continue,.CloseValveModal__list li{font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#6c84a8}.MeterHead{display:flex;flex-flow:column nowrap;width:100%;max-width:1156px;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding:20px 40px;background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.25);border-radius:4px}@media screen and (max-width:1024px){.MeterHead{padding:10px 15px}}.MeterHead__info{display:flex;flex-flow:row wrap;justify-content:space-between;margin-bottom:10px}.MeterHead__info__main{flex:4 1;display:flex;flex-flow:column nowrap}.MeterHead__info__main__serial-number{display:flex;align-items:baseline}.MeterHead__info__main__serial-number .number p{font-style:normal;font-weight:700;font-size:32px;line-height:37px;display:flex;align-items:flex-end;text-transform:uppercase;color:#4580d9;margin-right:10px}@media screen and (max-width:425px){.MeterHead__info__main__serial-number .number p{margin-right:0;font-size:28px}}@media screen and (max-width:375px){.MeterHead__info__main__serial-number .number p{font-size:22px}}.MeterHead__info__main__serial-number .size{display:flex;align-items:flex-end}.MeterHead__info__main__serial-number .size p{font-style:normal;font-weight:700;font-size:20px;line-height:24px;text-transform:uppercase;color:#4580d9}@media screen and (max-width:375px){.MeterHead__info__main__serial-number .size p{font-size:16px}}.MeterHead__info__error-status{flex:3 2;display:flex}@media screen and (max-width:767px){.MeterHead__info__error-status{min-width:100%}}.MeterHead__meter-info{display:flex}.MeterHead__meter-info p{font-style:normal;font-weight:400;font-size:12px;line-height:16px;display:flex;align-items:center;color:#6c84a8;margin-right:20px}.MeterHead__meter-info #meterGroup{margin-left:auto;margin-right:0}.MeterHead .MeterHead__Close-tooltip{display:flex;justify-content:center;align-items:center;text-align:center;padding:10px;width:200px;min-height:60px;opacity:1!important;background-color:#fff;box-shadow:0 3px 10px 0 rgba(0,0,0,.1),0 1px 7px 0 rgba(0,0,0,.1);border:1px solid #dae1f4;border-radius:4px}.MeterHead .MeterHead__Close-tooltip__body{display:flex;flex-flow:column nowrap}.MeterHead .MeterHead__Close-tooltip__pin,.MeterHead .MeterHead__Close-tooltip__text{font-style:normal;font-weight:700;font-size:14px;line-height:18px;color:#008ef2}.MeterHead .MeterHead__Close-tooltip__pin{margin-top:5px}.MeterHead .MeterHead__Close-tooltip:after{content:none!important}.MeterHead .MeterHead__Close-tooltip:before{content:"";position:absolute;box-sizing:border-box;width:16px;height:16px;background:#fff;transform:rotate(45deg)}.MeterHead .MeterHead__Close-tooltip.place-top:before{bottom:-9px!important;left:calc(50% + 3px)!important;border:1px solid #dae1f4!important;border-top:none!important;border-left:none!important}.MeterHead .MeterHead__Close-tooltip.place-bottom:before{bottom:-9px!important;left:calc(50% + 3px)!important;border:1px solid #dae1f4!important;border-right:none!important;border-bottom:none!important}.MeterHead .MeterHead__Close-tooltip.place-left:before{right:-9px!important;top:calc(50% - 3px)!important;border:1px solid #dae1f4!important;border-bottom:none!important;border-left:none!important}.MeterHead .MeterHead__Close-tooltip.place-right:before{left:-9px!important;top:calc(50% - 3px)!important;border:1px solid #dae1f4!important;border-top:none!important;border-right:none!important}.MeterHead .MeterHead__tooltip{display:flex;justify-content:center;align-items:center;text-align:center;padding:10px;width:200px;min-height:60px;opacity:1!important;background-color:#fff;box-shadow:0 3px 10px 0 rgba(0,0,0,.1),0 1px 7px 0 rgba(0,0,0,.1);border:1px solid #dae1f4;border-radius:4px;font-style:normal;font-weight:700;font-size:14px;line-height:18px;color:#008ef2}.MeterHead .MeterHead__tooltip:after{content:none!important}.MeterHead .MeterHead__tooltip:before{content:"";position:absolute;box-sizing:border-box;width:16px;height:16px;background:#fff;transform:rotate(45deg)}.MeterHead .MeterHead__tooltip.place-top:before{bottom:-9px!important;left:calc(50% + 3px)!important;border:1px solid #dae1f4!important;border-top:none!important;border-left:none!important}.MeterHead .MeterHead__tooltip.place-bottom:before{bottom:-9px!important;left:calc(50% + 3px)!important;border:1px solid #dae1f4!important;border-right:none!important;border-bottom:none!important}.MeterHead .MeterHead__tooltip.place-left:before{right:-9px!important;top:calc(50% - 3px)!important;border:1px solid #dae1f4!important;border-bottom:none!important;border-left:none!important}.MeterHead .MeterHead__tooltip.place-right:before{left:-9px!important;top:calc(50% - 3px)!important;border:1px solid #dae1f4!important;border-top:none!important;border-right:none!important}.MeterValve{height:37px;width:37px}.MeterValve,.MeterValve button{display:flex;justify-content:center;align-items:center}.MeterValve button{background-color:transparent;border:none;cursor:pointer;outline:none}.MeterValve button img{width:24px;height:24px;object-position:center;object-fit:contain}.MeterStatus{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;height:37px;width:100%}.MeterStatus button{display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;outline:none}.MeterStatus button img{height:100%;max-width:100%}.favourite-btn{display:flex;justify-content:flex-start;align-items:center;width:22px;height:22px;margin-right:10px;border:0;background:transparent;cursor:pointer}.Summary{display:flex;flex-flow:column nowrap;width:100%}.Summary__chart{width:100%;height:400px;padding:20px 40px;margin-bottom:20px;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.25);border-radius:4px}@media screen and (max-width:1024px){.Summary__chart{padding:10px 15px}}.Summary__chart.daily .BarChart .rv-xy-plot__series:hover{cursor:default}.Summary__chart__name{height:40px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.Summary__chart__name p{font-weight:700;font-size:24px;line-height:31px;text-transform:uppercase;color:#4580d9}.Summary__chart__body{width:100%;height:calc(100% - 60px)}.Summary__chart__heatmap{width:100%;height:20px}.Summary__increment{display:flex;align-items:center;padding:10px 15px;margin:10px auto;cursor:pointer}.Summary__increment__text{font-weight:700;font-size:18px;line-height:24px;color:#4580d9;margin-right:10px}.Summary__increment:hover .Summary__increment__text{text-decoration:underline}.Summary .DataTable__container{flex:none}.Summary .DataTable__table{position:relative;margin-bottom:10px;padding-top:25px}.Summary .DataTable__table .exportButtons{position:absolute;z-index:11;right:5px;top:5px;display:flex}.HeatMap{justify-content:space-between;padding:0 10px 0 50px}.HeatMap,.HeatMap__block{display:flex;align-items:center}.HeatMap__block{flex:1 1;justify-content:center}.HeatMap__block div{width:60%;height:15px;border-radius:4px}.PDF-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:1;visibility:hidden;opacity:0;transition:all .2s ease-out;width:265px;width:-webkit-max-content;width:-moz-max-content;width:max-content;display:flex;flex-flow:column nowrap;background:#fff;border:1px solid #cacfde;border-radius:4px;box-shadow:0 4px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.25)}.PDF-menu.visible{visibility:visible;opacity:1}.PDF-menu__item{padding:8px 10px;background:#fff;font-weight:400;font-size:14px;line-height:1.2;color:#6c84a8;cursor:pointer;transition:all .2s ease-out}.PDF-menu__item:hover{background:#f1f6fa}.PDF-menu__item:first-of-type{border-radius:4px 4px 0 0}.PDF-menu__item:last-of-type{border-radius:0 0 4px 4px}.PDF-menu:after,.PDF-menu:before{content:"";position:absolute;top:-16px;right:10px;border:8px solid transparent;border-bottom-color:#cacfde}.PDF-menu:after{border-bottom:8px solid #fff;top:-15px}.ReportSelect__type-select{display:flex;justify-content:space-around;margin-bottom:10px}.ReportSelect__date-select{display:flex}.ReportSelect__date-select .UI-Input{margin:0 5px}.ReportSelect__submit-button{margin-top:20px;display:flex;justify-content:flex-end}.MetrologicLog{flex:1 1;display:flex;min-height:230px}.MetrologicLog .DataTable{height:100%}.EventLog{flex:1 1;display:flex;min-height:230px}.EventLog .DataTable{height:100%}.PersonalInfo{flex:1 1;display:flex;min-height:230px;max-width:940px;padding:20px 25px 20px 35px;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.25);border-radius:4px}@media screen and (max-width:1024px){.PersonalInfo{padding:10px 0 10px 10px}}.PersonalInfo__form{position:relative;flex:1 1;display:flex;flex-flow:column nowrap;overflow-y:auto}.PersonalInfo__form .ScrollBar{flex:1 1}.PersonalInfo__form label{margin:0 5px 10px}.PersonalInfo__form__row{display:flex;flex-flow:row wrap;margin-right:10px}.PersonalInfo__form__row label{flex:1 1 250px}.PersonalInfo__form__button{position:-webkit-sticky;position:sticky;bottom:0;left:0;right:0;display:flex;justify-content:flex-end;align-items:flex-end;padding:0 15px;margin-top:auto;min-height:50px;background:linear-gradient(180deg,hsla(0,0%,100%,.2),#fff)}.SystemInfo{flex:1 1;display:flex;min-height:230px;max-width:940px;padding-right:5px;padding-top:20px;padding-bottom:20px;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.25);border-radius:4px;overflow:auto}@media screen and (max-width:1024px){.SystemInfo{padding-top:10px;padding-bottom:10px}}.SystemInfo .ScrollBar{height:auto!important}.SystemInfo__scrollbar>div:first-child{padding:0 24px 0 32px}@media screen and (max-width:1024px){.SystemInfo__scrollbar>div:first-child{padding:0 14px 0 22px}}.SystemInfo__row{display:flex;flex-flow:row nowrap;align-items:flex-end;padding-left:1px;padding-right:3px}.SystemInfo__row .UI-ImageButton{margin-bottom:10px}.SystemInfo__row__input{flex:1 1;display:flex;flex-flow:column nowrap}.SystemInfo__row__input__name{font-style:normal;font-weight:700;font-size:12px;line-height:24px;letter-spacing:.02em;text-transform:uppercase;color:#6c84a8;margin:0 5px}.SystemInfo__row__input__field{margin:0 5px 10px;height:36px;border:1px solid #dae1f4;border-radius:4px;overflow:hidden}.SystemInfo__row__input__field-container{display:flex;flex-flow:row wrap}.SystemInfo__row__input__field.input{flex:500 1 150px;display:flex}.SystemInfo__row__input__field.input .input-value{flex:1 1;width:100%;height:100%;display:flex;padding:0 10px;background:#fff;border:none;font-style:normal;font-weight:400;font-size:14px;line-height:32px;color:#6c84a8;cursor:text}.SystemInfo__row__input__field.input .info-button{display:flex;justify-content:center;align-items:center;padding:0 5px;height:100%;width:auto;background:#fff;border:none;outline:none;cursor:pointer}.SystemInfo__row__input__field.input .info-button:hover svg .active-path{fill:#6c84a8}.SystemInfo__row__input__field.input .info-button svg{height:20px;width:auto}.SystemInfo__row__input__field.input .info-button svg .active-path{transition:all .2s ease-out}.SystemInfo__row__input__field.time{flex:1 1 150px;padding:0 10px;background:#fff;font-style:normal;font-weight:400;font-size:14px;line-height:32px;color:#6c84a8;cursor:text}.divider-box{position:relative;margin:11px 0 10px;padding:10px 2px 10px 0;border:1px dashed #cacfde}.divider-box .SystemInfo__row{padding:0}.divider-box__text{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:0 10px;background:#fff;font-style:normal;font-size:12px;font-weight:700;line-height:20px;color:#6c84a8;text-transform:uppercase}.DiagnosticHistory{flex:1 1;display:flex;min-height:230px}.DiagnosticHistory .DataTable{height:100%}.DiagnosticHistory__row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;min-width:330px;width:100%;height:30px}.DiagnosticHistory__row__item{display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;outline:none}.DiagnosticHistory .DiagnosticHistory__tooltip{display:flex;justify-content:center;align-items:center;text-align:center;padding:10px;width:200px;min-height:60px;opacity:1!important;background-color:#fff;box-shadow:0 3px 10px 0 rgba(0,0,0,.1),0 1px 7px 0 rgba(0,0,0,.1);border:1px solid #dae1f4;border-radius:4px;font-style:normal;font-weight:700;font-size:14px;line-height:18px;color:#008ef2}.DiagnosticHistory .DiagnosticHistory__tooltip:after{content:none!important}.DiagnosticHistory .DiagnosticHistory__tooltip:before{content:"";position:absolute;box-sizing:border-box;width:16px;height:16px;background:#fff;transform:rotate(45deg)}.DiagnosticHistory .DiagnosticHistory__tooltip.place-top:before{bottom:-9px!important;left:calc(50% + 3px)!important;border:1px solid #dae1f4!important;border-top:none!important;border-left:none!important}.DiagnosticHistory .DiagnosticHistory__tooltip.place-bottom:before{bottom:-9px!important;left:calc(50% + 3px)!important;border:1px solid #dae1f4!important;border-right:none!important;border-bottom:none!important}.DiagnosticHistory .DiagnosticHistory__tooltip.place-left:before{right:-9px!important;top:calc(50% - 3px)!important;border:1px solid #dae1f4!important;border-bottom:none!important;border-left:none!important}.DiagnosticHistory .DiagnosticHistory__tooltip.place-right:before{left:-9px!important;top:calc(50% - 3px)!important;border:1px solid #dae1f4!important;border-top:none!important;border-right:none!important}.CellMap{flex:1 1;display:flex;position:relative;min-height:230px;max-width:940px;padding:20px 25px 20px 35px;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.25);border-radius:4px}@media screen and (max-width:1024px){.CellMap{padding:10px 0 10px 10px}}.CellMap .leaflet-popup-content{margin:0;padding:15px}.CellMap .leaflet-popup-tip-container{margin-top:-1px}.CellMap__popup p{margin:0;padding:0;font-family:"PT-Sans",sans-serif;font-size:12px;line-height:16px;color:#6c84a8;white-space:nowrap}.CellMap__popup p span{font-weight:700;padding-right:2px}.CellMap__no-info{position:absolute;z-index:1000;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 40px;background-color:hsla(0,0%,100%,.8);border-radius:10px}.CellMap__no-info p{font-family:"PT-Sans",sans-serif;font-weight:700;font-size:16px;line-height:18px;text-align:center;color:#6c84a8}#mapid{width:100%;height:100%}.ChartNoValue{display:flex;width:100%;height:45px}.ChartNoValue__block{display:flex;flex-direction:column}.ChartNoValue__block-negative div{display:flex;background:linear-gradient(90deg,#f50,#ffa800),#f50;border-radius:4px 0 0 4px;height:20px;width:100%;margin-right:1px}.ChartNoValue__block-negative p{font-style:normal;font-weight:700;font-size:12px;line-height:16px;margin:10px 0 0;align-items:center;text-transform:uppercase;color:#f50}.ChartNoValue__block-positive div{display:flex;background:linear-gradient(90deg,#008ef2,#4580d9),#4580d9;border-radius:0 4px 4px 0;height:20px;width:100%;margin-left:1px}.ChartNoValue__block-positive p{font-style:normal;font-weight:700;font-size:12px;line-height:16px;margin:10px 0 0;align-items:center;text-transform:uppercase;color:#4580d9}@supports (display:grid) or (display:-ms-grid){.Diagnostic{display:grid;grid-template-columns:200px 200px 200px 200px;grid-auto-rows:220px;grid-gap:10px;justify-content:space-around;max-width:940px;transition:all .2s ease-in}@media screen and (max-width:940px){.Diagnostic{grid-template-columns:200px 200px 200px}}@media screen and (max-width:720px){.Diagnostic{grid-template-columns:200px 200px}}@media screen and (max-width:480px){.Diagnostic{grid-template-columns:200px}}}@supports not ((display:grid) or (display:-ms-grid)){.Diagnostic{display:flex;flex-flow:row wrap;justify-content:space-around;max-width:950px;transition:all .2s ease-in}.Diagnostic .DiagnosticCard{width:200px;height:220px;margin:0 5px 10px}}.DiagnosticCard{display:flex;flex-flow:column nowrap;padding:20px;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.25);border-radius:4px;cursor:pointer}.DiagnosticCard__top{flex:1 1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dae1f4}.DiagnosticCard__top__count,.DiagnosticCard__top__img{flex:1 1;display:flex;justify-content:center;align-items:center}.DiagnosticCard__top__count{font-style:normal;font-weight:700;font-size:36px;line-height:47px;text-transform:uppercase;color:#dae1f4}.DiagnosticCard__top__count-not-zero{color:#f50}.DiagnosticCard__bottom{flex:1 1;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:flex-start}.DiagnosticCard__bottom__name{margin-top:10px;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#4580d9}.DiagnosticCard__bottom__category{font-style:normal;font-weight:700;font-size:10px;line-height:13px;text-transform:uppercase;color:#cacfde}.TabBar{display:flex;justify-content:space-between;align-items:stretch;padding:5px;background:#f1f6fa;border:1px solid #f1f6fa;border-radius:8px}.TabBar__link{flex:1 1;margin:0 1px;display:flex;justify-content:center;align-items:center;padding:10px;font-style:normal;font-weight:700;font-size:11px;line-height:16px;text-align:center;text-transform:uppercase;text-decoration:none;color:#6c84a8;border:1px solid transparent;border-radius:8px;transition:all .2s ease-out}.TabBar__link-selected,.TabBar__link:hover{color:#4580d9;background:#fff;border-color:#dae1f4}@media screen and (max-width:767px){.TabBar{flex-flow:column nowrap}.TabBar__link{width:100%;max-width:100%;margin:1px 0}}.BITable,.BITable__head{display:flex;flex-flow:column nowrap;width:100%;max-width:940px}.BITable__head{padding:20px 40px;margin-bottom:20px;background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.25);border-radius:4px}@media screen and (max-width:1024px){.BITable__head{padding:10px 15px}}.BITable__head__name{font-style:normal;font-weight:700;font-size:24px;line-height:31px;display:flex;align-items:flex-end;text-transform:uppercase;color:#4580d9;margin-bottom:10px}.BITable__chart{flex:1 1;display:flex;flex-flow:column nowrap;padding:20px 40px;background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.25);border-radius:4px}@media screen and (max-width:1024px){.BITable__chart{padding:10px 15px}}.BITable__chart #embedContainer{flex:1 1;display:flex;width:100%;height:100%}.BITable__chart #embedContainer iframe{height:auto!important}.BITable__link{display:flex;justify-content:flex-end;margin-top:20px}.BITable__link a{font-style:normal;font-weight:400;font-size:10px;line-height:13px;display:flex;align-items:center;text-transform:uppercase;text-decoration:none;color:#4580d9}.BITable__link img{margin-left:10px}#embedContainer{width:100vw;height:100vh}@media screen and (max-width:768px){.ModalWindow{padding:10px 20px}}.ModalWindow__footer{justify-content:flex-end}.ModalWindow__footer__cancel{max-width:150px}.ModalWindow__footer__accept{max-width:220px}.Upload__config{display:flex;align-items:center;justify-content:flex-end;padding:0 10px;height:60px;width:100%;border-top:1px solid #6c84a8}.Upload__config__label{padding-right:15px;font-weight:700;font-size:14px;line-height:18px;letter-spacing:.05em;text-transform:uppercase;color:#6c84a8;white-space:nowrap}@media screen and (max-width:375px){.Upload__config__label{white-space:normal}}.Upload__config .UI-Select__container{max-width:319px}@media screen and (max-width:768px){.Upload__config .UI-Select__container{max-width:238px}}.Upload__config .UI-Select__list{margin-top:0;top:-202px!important}.PhoneBinding{flex:1 1;display:flex;flex-flow:column nowrap;align-items:center}.PhoneBinding__status{font-style:normal;font-weight:700;font-size:24px;line-height:31px;color:#4580d9;margin-bottom:20px}.PhoneBinding__form{flex:1 1;display:flex;flex-flow:column nowrap;align-items:center;max-width:400px}.PhoneBinding__form p{max-width:400px;padding:10px 0;font-style:normal;font-weight:400;font-size:14px;line-height:18px;text-align:center;color:#6c84a8}@media screen and (max-width:450px){.PhoneBinding__form p{max-width:100%}}.PhoneBinding__form .UI-Input{margin-top:15px;margin-bottom:15px}@media screen and (max-width:450px){.PhoneBinding__form{max-width:100%}.PhoneBinding__form svg{width:300px;height:300px}}@media screen and (max-width:350px){.PhoneBinding__form svg{width:270px;height:270px}}.Settings{flex:1 1;flex-flow:column nowrap}.Settings,.Settings__head{display:flex;width:100%;max-width:940px}.Settings__head{flex-flow:column nowrap;padding:20px 40px;margin-bottom:20px;background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.25);border-radius:4px}@media screen and (max-width:1024px){.Settings__head{padding:10px 15px}}.Settings__head__name{font-style:normal;font-weight:700;font-size:24px;line-height:31px;display:flex;align-items:flex-end;text-transform:uppercase;color:#4580d9;margin-bottom:10px}.Settings__body{flex:1 1;display:flex;flex-flow:column nowrap;width:100%;padding:20px 40px;background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.25);border-radius:4px}@media screen and (max-width:1024px){.Settings__body{padding:10px 15px}}.reset-button img{transform:scaleX(-1)}.ScheduleAnalytic{flex:1 1}.ScheduleAnalytic__datatable{position:relative}.ScheduleAnalytic__datatable .reset-button{position:absolute;z-index:10;top:5px;right:5px}.ScheduleAnalytic__datatable .reset-button img{transform:scaleX(-1)}.ScheduleAnalytic__bar-chart{position:relative;padding-top:10px}.ScheduleAnalytic__bar-chart .reset-bar-button{position:absolute;z-index:10;top:-5px;right:0}@supports (display:grid) or (display:-ms-grid){.ScheduleAnalytic{display:grid;grid-template-areas:"radial table" "bar bar";grid-template-columns:1fr 1fr;grid-auto-rows:1fr;grid-gap:10px}@media screen and (max-width:768px){.ScheduleAnalytic{grid-template-areas:"radial radial" "bar bar" "table table"}}.ScheduleAnalytic__radial-chart{grid-area:radial;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center}.ScheduleAnalytic__datatable{grid-area:table;display:flex;padding:10px;border:1px solid #f1f6fa;border-radius:8px}.ScheduleAnalytic__bar-chart{grid-area:bar;min-height:200px}}@supports not ((display:grid) or (display:-ms-grid)){.ScheduleAnalytic{display:flex;flex-flow:row wrap;align-items:stretch}@media screen and (max-width:768px){.ScheduleAnalytic{flex-flow:column nowrap}.ScheduleAnalytic .ScheduleAnalytic__datatable{order:3;flex:1 1 350px}.ScheduleAnalytic .ScheduleAnalytic__radial-chart{flex:1 1 360px}}.ScheduleAnalytic__radial-chart{flex:1 1 300px;margin:5px;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center}.ScheduleAnalytic__datatable{flex:1 1 300px;margin:5px;display:flex;padding:10px;border:1px solid #f1f6fa;border-radius:8px}.ScheduleAnalytic__datatable .ScrollBar{height:auto!important}.ScheduleAnalytic__bar-chart{flex:1 1 400px;margin:5px;display:flex;height:auto;min-height:200px}.ScheduleAnalytic__bar-chart>div{height:auto!important}}.radial-chart .rv-radial-chart__series--pie__slice{cursor:pointer;transition:all .2s ease-out}.radial-chart.rv-xy-plot{color:#c3c3c3;position:relative}.radial-chart .rv-hint{z-index:10}.CircularProgressbar-path,.CircularProgressbar-trail{stroke-width:4}.CircularProgressbar-path{stroke:#4580d9!important}.ProgressCircle{width:100%;height:100%;max-width:400px;max-height:400px}.ProgressCircle__body{display:flex;flex-flow:column nowrap;align-items:center;max-width:260px;color:#fff;font-weight:700}.ProgressCircle__body-title{margin-bottom:10px;font-size:22px;line-height:1.2;text-align:center}.ProgressCircle__body-progress{font-size:40px;line-height:1.2}.ProgressCircle-container{position:fixed;top:0;left:0;z-index:100;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5)}