@charset "UTF-8";.tree-with-pictures{display:flex;flex-flow:wrap;padding:0}.tree-with-pictures .open.tree-item .toogle-icon{background-position:-19px -29px}.tree-with-pictures .open.tree-item .toogle-icon:before{content:'';position:absolute;height:calc(100% - 14px);border-left:1px dotted #999;left:7px;top:15px}.tree-with-pictures .open+ul{display:block}.tree-with-pictures .pending.tree-item .toogle-icon{background:url(https://static.test-blizko.ru/assets/treeview_assets/loader_mini-480f11b748643b0c5816dcaa2e1cd0c9.gif) no-repeat;background-position:4px 2px}.tree-with-pictures .picture{text-align:center;border:1px solid #e4e4e4;width:50px;height:50px;display:flex;align-items:center}.tree-with-pictures .picture img{max-width:50px;max-height:50px}.tree-with-pictures .picture .no-picture{color:#d9d9d9;font-size:40px;margin:auto}.tree-with-pictures .tree-item{margin-left:10px}.tree-with-pictures .tree-item .icon-wrapper{position:relative;margin-left:5px}.tree-with-pictures .tree-item .icon-wrapper .icon{cursor:pointer;display:inline-block}.tree-with-pictures .tree-item .icon-wrapper .icon:before{content:'';display:block;width:12px;height:12px;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA0MzguNTI5IDQzOC41MjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQzOC41MjkgNDM4LjUyOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxwYXRoIGQ9Ik0xODAuMTU2LDIyNS44MjhjLTEuOTAzLTEuOTAyLTQuMDkzLTIuODU0LTYuNTY3LTIuODU0Yy0yLjQ3NSwwLTQuNjY1LDAuOTUxLTYuNTY3LDIuODU0bC05NC43ODcsOTQuNzg3bC00MS4xMTItNDEuMTE3IGMtMy42MTctMy42MS03Ljg5NS01LjQyMS0xMi44NDctNS40MjFjLTQuOTUyLDAtOS4yMzUsMS44MTEtMTIuODUxLDUuNDIxYy0zLjYxNywzLjYyMS01LjQyNCw3LjkwNS01LjQyNCwxMi44NTR2MTI3LjkwNyBjMCw0Ljk0OCwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDdjMy42MTksMy42MTMsNy45MDIsNS40MjQsMTIuODUxLDUuNDI0aDEyNy45MDZjNC45NDksMCw5LjIzLTEuODExLDEyLjg0Ny01LjQyNCBjMy42MTUtMy42MTcsNS40MjQtNy44OTgsNS40MjQtMTIuODQ3cy0xLjgwOS05LjIzMy01LjQyNC0xMi44NTRsLTQxLjExMi00MS4xMDRsOTQuNzg3LTk0Ljc5MyBjMS45MDItMS45MDMsMi44NTMtNC4wODYsMi44NTMtNi41NjRjMC0yLjQ3OC0wLjk1My00LjY2LTIuODUzLTYuNTdMMTgwLjE1NiwyMjUuODI4eiIgZmlsbD0iIzk5OTk5OSIvPjxwYXRoIGQ9Ik00MzMuMTEsNS40MjRDNDI5LjQ5NiwxLjgwNyw0MjUuMjEyLDAsNDIwLjI2MywwSDI5Mi4zNTZjLTQuOTQ4LDAtOS4yMjcsMS44MDctMTIuODQ3LDUuNDI0ICAgIGMtMy42MTQsMy42MTUtNS40MjEsNy44OTgtNS40MjEsMTIuODQ3czEuODA3LDkuMjMzLDUuNDIxLDEyLjg0N2w0MS4xMDYsNDEuMTEybC05NC43ODYsOTQuNzg3ICAgIGMtMS45MDEsMS45MDYtMi44NTQsNC4wOTMtMi44NTQsNi41NjdzMC45NTMsNC42NjUsMi44NTQsNi41NjdsMzIuNTUyLDMyLjU0OGMxLjkwMiwxLjkwMyw0LjA4NiwyLjg1Myw2LjU2MywyLjg1MyAgICBzNC42NjEtMC45NSw2LjU2My0yLjg1M2w5NC43OTQtOTQuNzg3bDQxLjEwNCw0MS4xMDljMy42MiwzLjYxNiw3LjkwNSw1LjQyOCwxMi44NTQsNS40MjhzOS4yMjktMS44MTIsMTIuODQ3LTUuNDI4ICAgIGMzLjYxNC0zLjYxNCw1LjQyMS03Ljg5OCw1LjQyMS0xMi44NDdWMTguMjY4QzQzOC41MywxMy4zMTUsNDM2LjczNCw5LjA0LDQzMy4xMSw1LjQyNHoiIGZpbGw9IiM5OTk5OTkiLz48L2c+PC9nPjwvc3ZnPg==") 50%/contain no-repeat}.tree-with-pictures .tree-item .icon-wrapper .icon:hover:before{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA0MzguNTI5IDQzOC41MjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQzOC41MjkgNDM4LjUyOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxwYXRoIGQ9Ik0xODAuMTU2LDIyNS44MjhjLTEuOTAzLTEuOTAyLTQuMDkzLTIuODU0LTYuNTY3LTIuODU0Yy0yLjQ3NSwwLTQuNjY1LDAuOTUxLTYuNTY3LDIuODU0bC05NC43ODcsOTQuNzg3bC00MS4xMTItNDEuMTE3IGMtMy42MTctMy42MS03Ljg5NS01LjQyMS0xMi44NDctNS40MjFjLTQuOTUyLDAtOS4yMzUsMS44MTEtMTIuODUxLDUuNDIxYy0zLjYxNywzLjYyMS01LjQyNCw3LjkwNS01LjQyNCwxMi44NTR2MTI3LjkwNyBjMCw0Ljk0OCwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDdjMy42MTksMy42MTMsNy45MDIsNS40MjQsMTIuODUxLDUuNDI0aDEyNy45MDZjNC45NDksMCw5LjIzLTEuODExLDEyLjg0Ny01LjQyNCBjMy42MTUtMy42MTcsNS40MjQtNy44OTgsNS40MjQtMTIuODQ3cy0xLjgwOS05LjIzMy01LjQyNC0xMi44NTRsLTQxLjExMi00MS4xMDRsOTQuNzg3LTk0Ljc5MyBjMS45MDItMS45MDMsMi44NTMtNC4wODYsMi44NTMtNi41NjRjMC0yLjQ3OC0wLjk1My00LjY2LTIuODUzLTYuNTdMMTgwLjE1NiwyMjUuODI4eiIgZmlsbD0iIzY2NjY2NiIvPjxwYXRoIGQ9Ik00MzMuMTEsNS40MjRDNDI5LjQ5NiwxLjgwNyw0MjUuMjEyLDAsNDIwLjI2MywwSDI5Mi4zNTZjLTQuOTQ4LDAtOS4yMjcsMS44MDctMTIuODQ3LDUuNDI0ICAgIGMtMy42MTQsMy42MTUtNS40MjEsNy44OTgtNS40MjEsMTIuODQ3czEuODA3LDkuMjMzLDUuNDIxLDEyLjg0N2w0MS4xMDYsNDEuMTEybC05NC43ODYsOTQuNzg3ICAgIGMtMS45MDEsMS45MDYtMi44NTQsNC4wOTMtMi44NTQsNi41NjdzMC45NTMsNC42NjUsMi44NTQsNi41NjdsMzIuNTUyLDMyLjU0OGMxLjkwMiwxLjkwMyw0LjA4NiwyLjg1Myw2LjU2MywyLjg1MyAgICBzNC42NjEtMC45NSw2LjU2My0yLjg1M2w5NC43OTQtOTQuNzg3bDQxLjEwNCw0MS4xMDljMy42MiwzLjYxNiw3LjkwNSw1LjQyOCwxMi44NTQsNS40MjhzOS4yMjktMS44MTIsMTIuODQ3LTUuNDI4ICAgIGMzLjYxNC0zLjYxNCw1LjQyMS03Ljg5OCw1LjQyMS0xMi44NDdWMTguMjY4QzQzOC41MywxMy4zMTUsNDM2LjczNCw5LjA0LDQzMy4xMSw1LjQyNHoiIGZpbGw9IiM2NjY2NjYiLz48L2c+PC9nPjwvc3ZnPg==") 50%/contain no-repeat}.tree-with-pictures .tree-item .icon-wrapper .info-tip{top:-26px;left:22px;bottom:auto}.tree-with-pictures .tree-item .node{display:flex;margin-left:3px}.tree-with-pictures .tree-item .title{margin:0 5px;max-width:200px;cursor:pointer;word-break:break-word}.tree-with-pictures .tree-item .toogle-icon{background:url(https://static.test-blizko.ru/assets/treeview_assets/groups_tree-cfd50ba23b161f287582e2e6f31e0ed4.png) 0 -8px no-repeat;background-position:-1px -29px;width:15px;margin-top:3px;cursor:pointer}.tree-with-pictures .tree-item-wrapper{margin:0 10px 15px;min-width:340px;width:47px;display:flex}.tree-with-pictures .tree-item-wrapper.dn{display:none}.tree-with-pictures ul{display:none;list-style-type:none;margin:-5px 0 0 10px;padding:0}.tree-with-pictures li:last-child>.tree-item .node:before{content:'';border-left:1px solid #fff}.tree-with-pictures li:last-child>ul{border:0}.tree-with-pictures li .tree-item{border-left:1px dotted #999;border-bottom:1px dotted transparent}.tree-with-pictures li .tree-item .node{position:relative;top:14px;margin:0 0 5px 13px;background-color:#fff}.tree-with-pictures li .tree-item .node:before{content:'';border-top:1px dotted #999;width:11px;height:100%;position:absolute;left:-14px;top:6px}.tree-with-pictures li ul{border-left:1px dotted #999;margin-top:0}.tree-with-pictures li li{margin-left:10px}.info-tip{display:none;position:absolute;z-index:30;left:50%;top:100%;box-sizing:border-box;margin:15px 0 0 -100px;width:200px;padding:20px;border:1px solid #ccc;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.2);color:#000;text-decoration:none;font-style:normal}.info-tip:before,.info-tip:after{content:'';position:absolute;bottom:100%;left:50%;z-index:20}.info-tip:before{border:10px solid transparent;border-bottom:10px solid #ccc;margin:0 0 0 -10px}.info-tip:after{border:8px solid transparent;border-bottom:8px solid #fff;margin:0 0 0 -8px}.active+.info-tip{display:block}.info-tip.right{left:auto;bottom:-100%;top:auto;margin:0 0 -7px 20px;width:290px}.info-tip.right:before,.info-tip.right:after{content:'';position:absolute;top:50%;left:-20px;z-index:20}.info-tip.right:before{border:10px solid transparent;border-right:10px solid #ccc;margin:-10px 0 0}.info-tip.right:after{border:8px solid transparent;border-right:8px solid #fff;margin:-8px 0 0 4px}.active+.info-tip.right{display:inline-block}