@font-face{font-family:"Proxima Nova";src:url(fonts/ProximaNova-Bold.eot);src:url(fonts/ProximaNova-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/ProximaNova-Bold.svg) format("svg"),url(fonts/ProximaNova-Bold.ttf) format("truetype"),url(fonts/ProximaNova-Bold.woff) format("woff"),url(fonts/ProximaNova-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Proxima Nova";src:url(fonts/ProximaNova-Light.eot);src:url(fonts/ProximaNova-Light.eot?#iefix) format("embedded-opentype"),url(fonts/ProximaNova-Light.svg) format("svg"),url(fonts/ProximaNova-Light.ttf) format("truetype"),url(fonts/ProximaNova-Light.woff) format("woff"),url(fonts/ProximaNova-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Proxima Nova";src:url(fonts/ProximaNova-Regular.eot);src:url(fonts/ProximaNova-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/ProximaNova-Regular.svg) format("svg"),url(fonts/ProximaNova-Regular.ttf) format("truetype"),url(fonts/ProximaNova-Regular.woff) format("woff"),url(fonts/ProximaNova-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Proxima Nova";src:url(fonts/ProximaNova-Semibold.eot);src:url(fonts/ProximaNova-Semibold.eot?#iefix) format("embedded-opentype"),url(fonts/ProximaNova-Semibold.svg) format("svg"),url(fonts/ProximaNova-Semibold.ttf) format("truetype"),url(fonts/ProximaNova-Semibold.woff) format("woff"),url(fonts/ProximaNova-Semibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}textarea,input{outline:none}img{max-width:100%}body{font-family:"Proxima Nova",sans-serif;font-weight:400;background:#fff}a{color:#82b284}html,body,#root{width:100%;height:100%}#root{display:flex;justify-content:center;align-items:center}
.container{display:flex;width:100%;height:100%}@media(max-width: 600px){.container{flex-direction:column}}.container__menu{flex:0 0 auto}.container__aside{flex:0 1 224px}.container__main{flex:1}
.menu{display:flex;flex-direction:column;justify-content:space-between;width:48px;background:#82b284}@media(max-width: 600px){.menu{flex-direction:row;flex-wrap:wrap;width:auto;flex:0 0 48px}}.menu__upper,.menu__lower{display:flex;flex-direction:column}@media(max-width: 600px){.menu__upper,.menu__lower{flex-direction:row}}.menu__lower::before{content:"";display:block;width:32px;margin:auto;border:1px solid #b9b9b9}@media(max-width: 600px){.menu__lower::before{width:0;height:32px}}.menu__item{display:flex;width:48px;height:60px;justify-content:center;align-items:center}@media(max-width: 600px){.menu__item{height:48px}}.menu__item svg{width:20px;height:20px}.menu__item_active{background:#a4c7a5}
.icon-button{display:inline-block;line-height:0;cursor:pointer}
.aside{position:relative;background:#f7f7f7}.aside::after{content:"";position:absolute;top:0;right:0;width:21px;height:100%;z-index:0;background:linear-gradient(90deg, rgba(0, 0, 0, 0.072) 0%, rgba(255, 255, 255, 0) 100%);transform:matrix(-1, 0, 0, 1, 0, 0);pointer-events:none}.aside__logo{margin:20px auto}.aside__item{display:flex;align-items:center;height:44px;padding-left:16px;column-gap:12px;background:#eee;font-weight:600;font-size:14px;line-height:20px;color:#82b284}.logo{display:flex;flex-direction:column;justify-content:center;text-transform:uppercase;text-align:center;color:#3b3b3b}.logo__title{font-weight:700;font-size:16px;line-height:160%;letter-spacing:.03em}.logo__subtitle{font-size:12px;line-height:160%;letter-spacing:.2px}
.organization{display:flex;flex-direction:column;width:100%;height:100%}.organization__header,.organization__content,.organization__footer{padding:0 40px}.organization__header{display:flex;justify-content:space-between;align-items:center;min-height:72px;background:#fff;border-bottom:1px solid #e5e5e5}.organization__title{display:flex;align-items:center;gap:12px;margin:24px 0;font-size:20px;line-height:24px;color:#222}.organization__content{flex:1;overflow-y:auto}.organization__section{margin-bottom:32px}.organization__footer{margin-bottom:60px}@media(max-width: 600px){.organization__footer{margin-bottom:20px}}.header{gap:16px}.header__link{display:flex;justify-content:space-between;align-items:center;column-gap:16px;font-weight:600;font-size:16px;line-height:20px;color:#82b284;text-transform:uppercase;cursor:pointer}.header__buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;column-gap:24px;row-gap:12px}.header__buttons span{cursor:pointer}.footer{font-size:12px;line-height:16px;text-align:center;color:#b9b9b9}.footer__copyright{margin-bottom:16px}
.records{display:flex;flex-direction:column;gap:12px}.record{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;line-height:20px}.record__name{flex:0 0 150px;font-weight:300}.record__name::after{content:":"}.record__details{display:flex;flex-wrap:wrap;align-items:center;gap:12px;flex:1 1 250px}
.section{color:#3b3b3b;padding-bottom:32px;border-bottom:1px solid #e5e5e5}.section__title{display:flex;align-items:center;gap:16px;margin-bottom:20px;font-weight:300;font-size:16px;line-height:20px;text-transform:uppercase}
.editable-node{display:flex;align-items:center;gap:10px;flex:0 1 450px}.editable-node .input-field{flex:0 1 400px}.editable-node .icon-button{flex:0 0 32px}.editable-node .icon-button svg{width:32px;height:32px}.editable-node:not(.editable-node_changed) .icon-button svg{opacity:.3;fill:gray}.editable-node_changed .icon-button svg{opacity:1}
.input-field{position:relative}.input-field__input{max-width:400px;width:100%;min-width:0;height:40px;border:1px solid #cdcdcd;border-radius:2px;padding:10px 12px;font:400 14px/20px "Proxima Nova",sans-serif;color:#3b3b3b}.input-field__input.input-field__select{padding:0;height:auto}.input-field__input::placeholder{display:block;margin-top:-10px;color:gray}.input-field__input:hover{border-color:gray}.input-field__input:focus{border-color:#3b3b3b}.input-field__input:not(:placeholder-shown)+.input-field__label{top:0;opacity:1}.input-field__label{position:absolute;left:8px;top:50%;padding:0 4px;background:#fff;color:gray;font-size:10px;line-height:12px;white-space:nowrap;max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(-50%);transition:.6s ease top;pointer-events:none}
.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;justify-content:center;align-items:center;background:radial-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7))}
.modal__window{display:flex;flex-direction:column;row-gap:16px;width:320px;max-width:100%;min-height:198px;padding:24px;background:#fff;box-shadow:0 5px 40px rgba(0,0,0,.15);color:#3b3b3b}.modal__header{font-size:20px;line-height:28px}.modal__content{flex:1;font-size:14px;line-height:18px}.modal__buttons{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-weight:600;font-size:16px;line-height:20px}.modal__button{text-transform:uppercase;cursor:pointer;user-select:none}.modal__button_cancel{color:#b9b9b9}.modal__button_accept{color:#82b284}.modal__button_ok{margin:auto}
.loader{display:flex;flex-direction:column;justify-content:center;align-items:center}.loader:not(.loader_inline){width:100%;height:100%}.loader svg{width:100px;height:100px;animation:1s linear 0s infinite rotate}.loader__label{padding-left:2em}.loader__label::before{content:"Идет загрузка"}.loader__label::after{content:"";display:inline-block;width:3em;animation:1.2s linear .2s infinite loading-ellipsis}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-ellipsis{0%{content:""}33%{content:"."}66%{content:".."}100%{content:"..."}}
.error-message{padding:20px;font-weight:400;font-size:18px;text-align:center;color:#d95151}
.images-list{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:20px}.images-list__fullscreen{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;justify-content:center;align-items:center;background:rgba(0,0,0,.3);opacity:0;transition:opacity .4s ease-in-out;user-select:none;pointer-events:none}.images-list__fullscreen_show{opacity:1;pointer-events:auto}.image{display:flex;flex-direction:column;gap:8px}.image__view{position:relative;width:160px;height:160px;flex:0 0 auto}.image__view img{display:block;width:100%;height:100%;object-fit:contain;background-color:gray;border-radius:2px;cursor:pointer}.image__remove{position:absolute;top:8px;right:8px;width:20px;height:20px;line-height:0;border-radius:10px;cursor:pointer}.image__info{display:flex;flex-direction:column;gap:4px}.image__name,.image__date{font-size:12px;line-height:16px}.image__name{color:#3b3b3b}.image__date{color:gray}
.image-uploader input[type=file]{display:none}.image-uploader__preview{max-width:100%;object-fit:contain}
.button::after,.button__icon{width:16px;height:16px}.button{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 40px 10px 12px;gap:12px;max-width:400px;min-height:40px;flex:0 1;border:1px solid #e5e5e5;border-radius:2px;cursor:pointer}.button__text{font-weight:600;font-size:14px;line-height:160%;color:#82b284;text-align:center}.button::after{content:""}.button:hover{border-color:#cdcdcd}.button:hover .button__icon path{fill:#98c88c}.button:hover .button__text{color:#98c88c}.button:active{border-color:#cdcdcd}.button:active .button__icon path{fill:#58a742}.button:active .button__text{color:#58a742}
.organizations{display:flex;flex-direction:column;width:100%;height:100%}.organizations__header,.organizations__list{padding:0 40px}.organizations__header{display:flex;justify-content:space-between;align-items:center;min-height:72px;background:#fff;border-bottom:1px solid #e5e5e5;text-transform:uppercase}.organizations__list{display:flex;flex-direction:column;margin-top:20px}.header__title{display:flex;align-items:center;font-weight:600;font-size:16px;line-height:20px;color:#82b284}.organization-item{display:flex;flex-direction:column;margin-right:auto;padding:5px 16px;column-gap:12px;background:#eee;cursor:pointer}.organization-item__title{font-weight:600;font-size:14px;line-height:20px;color:#82b284}.organization-item__subtitle{font-weight:300;font-size:14px;line-height:20px}
.auth-page{display:flex;flex-direction:column;gap:20px;width:360px;max-width:100%;padding:10px 20px}.auth-page__info{font-weight:300;font-size:16px;text-align:center}
