.main{display:flex;width:100%;height:100%;min-height:100%}.main--login{background:#ef7f1a}.main__module-wrapper{flex:1;display:flex}.main__loading-refresh-token{position:absolute;top:0;width:100%;height:100%}.main__loading-refresh-token-content{position:absolute;top:50%;left:50%;margin-top:30px;margin-left:-123px;z-index:1001}
.error-boundary{width:627px;height:630px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:36px;padding-top:8%;margin-left:auto;margin-right:auto}.error-boundary__img-wrapper{position:relative}.error-boundary__img{background:url(/img/c11a717ad012b393bf5f.svg) 0 0 no-repeat;width:600px;height:401px}.error-boundary__cone-img{background:url(/img/c905496bd9c3775178ee.svg) 0 0 no-repeat;width:175px;height:206px;position:absolute;bottom:5px;left:201px}.error-boundary__blade-img{position:absolute;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);animation-name:blade;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal;animation-delay:0;animation-play-state:running;animation-fill-mode:forwards;-moz-animation-name:blade;-webkit-animation-name:blade;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;-moz-animation-direction:normal;-moz-animation-delay:0;-moz-animation-play-state:running;-moz-animation-fill-mode:forwards;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal;-webkit-animation-delay:0;-webkit-animation-play-state:running;-webkit-animation-fill-mode:forwards}.error-boundary__blade-img--big{background:url(/img/c48e1c02627e207b9585.svg) no-repeat;background-position-x:48%;background-position-y:10%;width:300px;height:300px;top:5px;left:318px;animation-duration:50s;-moz-animation-duration:50s;-webkit-animation-duration:50s}.error-boundary__blade-img--small{background:url(/img/5663fb4632bb4eaa90dc.svg) no-repeat;background-position-x:50%;width:175px;height:175px;top:157px;left:292px;animation-duration:20s;-moz-animation-duration:20s;-webkit-animation-duration:20s}.error-boundary__footer{display:flex;flex-direction:column;align-items:center;gap:32px}.error-boundary__error-text-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.error-boundary__error-text-large{font-size:28px;line-height:36px}.error-boundary__error-text-small{text-align:center;line-height:24px;margin-top:0;margin-bottom:0}.error-boundary__error-text-small pre{font-size:10px}.error-boundary__button-wrapper{display:flex;gap:12px}.error-boundary__btn{padding:8px 16px;cursor:pointer;font-family:Roboto;font-size:16px;line-height:24px;border-radius:8px}.error-boundary__btn--redirect{background:var(--1-back-light-base-up, #FFF);color:var(--1-button-light-base-m, #2E304F)}.error-boundary__btn--reload{background:var(--1-root-light-secondary-m, #2E304F);color:var(--1-text-light-base-up, #FFF)}@keyframes blade{0%{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg)}}
.notification-service-control{display:flex;flex-direction:column;position:absolute;bottom:10px;right:0;width:200px;box-sizing:border-box}.notification-service-control__notification{position:relative;color:#fff;padding:10px;padding-top:10px;padding-right:25px;z-index:20;background:#ef7f1a;border-radius:10px 0 0 10px;transform:translateX(100%);border:solid #e5e5e5 1px;box-sizing:border-box;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);animation:slideIn 1s ease-in-out forwards}@keyframes slideIn{0%{transform:translateX(100%)}100%{transform:translateX(0)}}.notification-service-control__notification-title{font-size:12px;font-weight:bold}.notification-service-control__notification-message{font-size:12px}.notification-service-control__close-btn{position:absolute !important;top:0;right:0}.notification-service-control__notification-link{font-size:12px;margin-top:5px}
.app{display:flex;width:100%;height:100%;min-height:100%}.app__module-wrapper{flex:1;display:flex;width:calc(100% - 60px)}.app__loading-menu{position:absolute;top:0;width:100%;height:100%}.app__loading-menu-content{position:absolute;top:50%;left:50%;margin-top:30px;transform:translate(-50%);z-index:10}.app__planning_snackbar{display:flex;justify-content:center;width:100%}
.nav{flex:none;display:flex;flex-direction:column;width:60px;background-color:var(--primary-color);z-index:5}.nav__special{position:relative;display:flex;flex-direction:column}.nav__top{display:flex;flex:1;flex-direction:row;justify-content:center}.nav__sub{flex:none;display:flex;align-items:center;flex-direction:column;margin-top:auto}
.app-logo{display:flex;margin:24px 18px}.app-logo--mobile__img{background:url(/img/ebe34c73f541d3144d32.svg) center no-repeat}.app-logo__img{background:url(/img/5d9b9667a0a5a23ed4cc.svg) center no-repeat;width:23px;height:76px}.app-logo__img--cemros{background:url(/img/c95eab8fd4976ffa9462.svg) center no-repeat;width:23px;height:115px;background-size:cover}
.nav-menu{height:100%;display:flex;flex-direction:column;align-items:center}.nav-menu__item{position:relative;opacity:0;display:flex;width:50px;height:50px;margin-bottom:4px;background-color:rgba(0,0,0,0);background-position:center;background-repeat:no-repeat;border-radius:4px;animation:icon-animation 1.5s;animation-fill-mode:forwards}.nav-menu__item.active{opacity:1 !important;background-color:rgba(255,255,255,.2)}.nav-menu__item.view_dashboard{background-image:url(/img/f054afe91d8186070210.svg)}.nav-menu__item.view_control{background-image:url(/img/165ef874abdc27446d1e.svg)}.nav-menu__item.view_monitoring{background-image:url(/img/9444915ae6688d16ae07.svg)}.nav-menu__item.view_reports{background-image:url(/img/56343243745007bdc6f9.svg)}.nav-menu__item.view_settings{margin-top:auto;opacity:1;background-image:url(/img/913ac1f2ed638edba26b.svg);scale:1.5}.nav-menu__item.view_import{background-image:url(/img/16639d18967e45dceae7.png)}.nav-menu__item.view_ref{background-image:url(/img/1aa21482e1b21c3e3484.svg)}.nav-menu__item.view_fuel{background-image:url(/img/d14fe9e7a667dace6218.svg)}.nav-menu__item.view_administration{background-image:url(/img/d9c4de750fad416b32dd.svg)}.nav-menu__icon{position:absolute;top:calc(100% - 14px);right:0}@keyframes icon-animation{0%{transform:scale(0);opacity:.5}50%{transform:scale(1.3);opacity:.8}100%{transform:scale(1);opacity:.5}}
.nav-footer{flex:none;display:flex;align-items:center;justify-content:center;flex-direction:column-reverse;color:#fff;background:#ef7f1a;padding:8px}.nav-footer__avatar{border:2px solid #fff;margin:auto}.nav-footer__icon-wrapper{max-width:60px;text-decoration:none;background-color:rgba(0,0,0,0)}.nav-footer__icon-wrapper:hover{background-color:rgba(0,0,0,0)}.nav-footer__settings-icon{color:#fff}.nav-footer__settings-wrapper{display:flex;justify-content:center}
.account-pop-up__paper{padding:8px;display:flex;flex-direction:column}.account-pop-up__footer{display:flex;column-gap:12px;justify-content:flex-end;margin-top:10px}.account-pop-up__setting-button{display:flex;column-gap:4px;width:100%;text-transform:none;padding:8px 16px}.account-pop-up__info{display:flex}
.user-settings__container{display:flex;flex-direction:row;width:100%;border-top:1px solid #d5d5d7}.user-settings__container nav{border-right:1px solid #d5d5d7}.user-settings__filters-title{font-size:14px;color:#79797b;margin:0;font-weight:400}.user-settings__settings-box{display:flex;flex-direction:column;row-gap:15px;width:780px;padding:20px 0px 20px 16px;box-sizing:border-box}.user-settings__list-item{width:220px}.user-settings__list-item--selected{background-color:var(--selected-item-background);border-right:solid 4px var(--primary-color)}.user-settings__period{position:relative;padding:12px;border-radius:8px;border:2px solid #abacb9}.user-settings__period h5{margin:0;margin-bottom:4px;font-size:16px}.user-settings__period h6{margin:0;font-size:14px;color:#79797b;margin-bottom:20px}.user-settings__restore-button{position:absolute;right:5px;top:5px;font-size:28px}.user-settings__period-value{display:flex;column-gap:8px;align-items:center}.user-settings__date-wrapper{display:flex;align-items:center;margin-bottom:18px}.user-settings__current-date{display:flex;align-items:center;height:40px;padding:4px;font-size:12px;border-radius:4px;background:rgba(46,48,79,.1);box-sizing:border-box}
.cmp-props-list--padding-all{padding:1em}.cmp-props-list--padding-leftRight{padding:0 1em}.cmp-props-list--padding-topBottom{padding:1em 0}.cmp-props-list--padding-top{padding-top:1em}.cmp-props-list--padding-bottom{padding-bottom:1em}.cmp-props-list--padding-left{padding-left:1em}.cmp-props-list--padding-right{padding-right:1em}.cmp-props-list__row{display:flex}.cmp-props-list__left{flex:none;line-height:1.8em}.cmp-props-list__right{flex:1;text-align:right;line-height:1.8em}
.login{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10}
.login-form{border-radius:6px;height:400px;width:260px;margin:0;padding-top:0;padding-left:70px;padding-right:70px;padding-bottom:0;text-align:center;display:inline-block;box-shadow:none}.login-form__logo{width:260px;background-size:160%;background-image:url(/img/c7a6782428343f92b984.svg);background-position:center;height:100px}.login-form__ring{position:absolute;top:50%;left:50%;width:700px;height:700px;translate:-50% -50%;display:flex;justify-content:center;align-items:center;opacity:.5}.login-form__ring i{position:absolute;inset:0;border:2px solid rgba(0,0,0,.3);transition:.8s}.login-form__ring i:nth-child(1){border-radius:38% 62% 63% 37%/41% 44% 56% 59%;border-color:var(--primary-color);animation:animate 6s linear infinite}.login-form__ring i:nth-child(2){border-radius:41% 44% 56% 59%/38% 62% 63% 37%;animation:animate 4s linear infinite}.login-form__ring i:nth-child(3){border-radius:41% 44% 56% 59%/38% 62% 63% 37%;animation:animate2 10s linear infinite}.login-form__ring:hover i:nth-child(1){border-width:4px;opacity:1;filter:drop-shadow(0 0 20px var(--clr))}@keyframes animate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes animate2{0%{transform:rotate(360deg)}100%{transform:rotate(0deg)}}
