.dragArea[data-v-4b46b12b]{width:100%;padding-left:30px}.bold[data-v-4b46b12b]{font-weight:700}.addZone-btn[data-v-4b46b12b]{cursor:pointer;float:right;width:36px;height:20px}.addZone-btn div[data-v-4b46b12b]{margin-left:5px;float:right}.addZone-btn svg[data-v-4b46b12b]{width:12px;height:12px;color:#444}.addZone-btn svg[data-v-4b46b12b]:hover{color:rgba(68,68,68,.6)}.addZone-btn .disabled[data-v-4b46b12b],.addZone-btn .disabled[data-v-4b46b12b]:hover{color:rgba(68,68,68,.4)}.list-item[data-v-4b46b12b]{border-bottom:1px solid #c4c9d0;border-left:1px solid #c4c9d0}.zoneName[data-v-4b46b12b]{display:inline;margin-left:8px}.btnContainer[data-v-4b46b12b]{cursor:pointer;display:inline-block}.hide[data-v-4b46b12b],.show[data-v-4b46b12b]{max-height:0!important;padding-bottom:0;overflow-y:hidden;-webkit-transition:max-height .3s linear;transition:max-height .3s linear}.show[data-v-4b46b12b]{padding-bottom:10px;min-height:30px!important;max-height:75vh!important}.open[data-v-4b46b12b]{-webkit-animation:spinBack-data-v-4b46b12b .1s linear 1 forwards;animation:spinBack-data-v-4b46b12b .1s linear 1 forwards}.closed[data-v-4b46b12b]{-webkit-animation:spin-data-v-4b46b12b .1s linear 1 forwards;animation:spin-data-v-4b46b12b .1s linear 1 forwards}@-webkit-keyframes spin-data-v-4b46b12b{to{-webkit-transform:rotate(-90deg)}}@keyframes spin-data-v-4b46b12b{to{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}@-webkit-keyframes spinBack-data-v-4b46b12b{0%{-webkit-transform:rotate(-90deg)}to{-webkit-transform:rotate(0deg)}}@keyframes spinBack-data-v-4b46b12b{0%{-webkit-transform:rotate(0deg);transform:rotate(-90deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.bold[data-v-80061bf2]{font-weight:700}.leftDiv[data-v-80061bf2]{float:left}.rightDiv[data-v-80061bf2]{float:right}.addMargin[data-v-80061bf2]{margin-top:10px}.buttons>.dx-button[data-v-80061bf2]{float:right;margin:15px 5px 5px 5px;font-size:12px;padding:4px 10px}[data-v-1df57216]::-webkit-scrollbar{display:none;width:.25rem;height:10px}[data-v-1df57216]::-webkit-scrollbar-thumb{background:rgba(68,68,68,.26)}#unassignedDraggable[data-v-1df57216]:hover::-webkit-scrollbar,.remove-padding[data-v-1df57216]:hover::-webkit-scrollbar{display:block}.bold[data-v-1df57216]{font-weight:700}#managementContainer[data-v-1df57216]{min-height:300px}#draggableArea[data-v-1df57216]{width:100%;display:grid;grid-template-columns:calc(62.5% - 5px) 5px 37.5%;grid-template-rows:auto;grid-template-areas:" jobsiteLayout . jobsiteDevices"}#draggableArea[data-v-1df57216] #jobsiteLayout{grid-area:jobsiteLayout;border-radius:3px;border:1px solid #c4c9d0}#draggableArea[data-v-1df57216] #jobsiteDevices{grid-area:jobsiteDevices;border-radius:3px;border:1px solid #c4c9d0}#draggableArea[data-v-1df57216] #jobsiteDevices #unassignedDraggable,#draggableArea[data-v-1df57216] #jobsiteLayout #unassignedDraggable{padding:0 10px;height:calc(100% - 39px);max-height:75vh;overflow-y:scroll;scrollbar-width:thin}#draggableArea[data-v-1df57216] #jobsiteDevices .non-nestable-width,#draggableArea[data-v-1df57216] #jobsiteDevices .unassignedItem,#draggableArea[data-v-1df57216] #jobsiteLayout .non-nestable-width,#draggableArea[data-v-1df57216] #jobsiteLayout .unassignedItem{float:left}#draggableArea[data-v-1df57216] #jobsiteDevices .non-nestable-item,#draggableArea[data-v-1df57216] #jobsiteLayout .non-nestable-item{cursor:-webkit-grab;cursor:grab;margin:10px 7px 10px 0;border:1px solid #c4c9d0;padding:.5rem .75rem;font-size:11px;width:229px;-webkit-box-sizing:border-box;box-sizing:border-box}#draggableArea[data-v-1df57216] #jobsiteDevices .non-nestable-item svg,#draggableArea[data-v-1df57216] #jobsiteLayout .non-nestable-item svg{float:left;height:30px;width:30px;margin-top:5px}#draggableArea[data-v-1df57216] #jobsiteDevices .non-nestable-item .nodeDetails,#draggableArea[data-v-1df57216] #jobsiteLayout .non-nestable-item .nodeDetails{float:right;width:78%}#draggableArea[data-v-1df57216] #jobsiteDevices .non-nestable-item .nodeDetails .deviceName,#draggableArea[data-v-1df57216] #jobsiteLayout .non-nestable-item .nodeDetails .deviceName{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#draggableArea[data-v-1df57216] #jobsiteDevices .non-nestable-item p,#draggableArea[data-v-1df57216] #jobsiteLayout .non-nestable-item p{margin-bottom:0}#draggableArea[data-v-1df57216] #jobsiteDevices .unassignedItem:nth-child(2n) .non-nestable-item,#draggableArea[data-v-1df57216] #jobsiteLayout .unassignedItem:nth-child(2n) .non-nestable-item{margin-right:0}#draggableArea[data-v-1df57216] .dragArea:hover .addZone-btn{margin-right:-4px}#draggableArea[data-v-1df57216] #devicesHeader,#draggableArea[data-v-1df57216] #jobsiteHeader{color:#fff;background-color:#f78f2a;height:39px;padding:.5rem .75rem}#draggableArea[data-v-1df57216] #devicesHeader .header-icon,#draggableArea[data-v-1df57216] #jobsiteHeader .header-icon{height:1rem;width:1rem}#draggableArea[data-v-1df57216] #devicesHeader .header-button,#draggableArea[data-v-1df57216] #jobsiteHeader .header-button{cursor:pointer;float:right;margin-top:2px;width:20px;height:20px}#draggableArea[data-v-1df57216] #devicesHeader .header-button:hover,#draggableArea[data-v-1df57216] #jobsiteHeader .header-button:hover{opacity:.8}#draggableArea[data-v-1df57216] .layoutHeader{cursor:-webkit-grab;cursor:grab;height:30px;padding:5px 7px;background-color:#f5f5f5;color:#444;border-bottom:1px solid;border-color:#c4c9d0;font-weight:700;font-size:12px}#draggableArea[data-v-1df57216] .layoutHeader .header-icon{margin-bottom:-2px;height:1rem;width:1rem}#draggableArea[data-v-1df57216] .layoutHeader.alternate{background-color:rgba(247,145,43,.1)}#draggableArea[data-v-1df57216] .remove-padding{overflow-y:scroll;scrollbar-width:thin}.siteName[data-v-1df57216]{display:inline;margin-left:8px}.buttons>.dx-button[data-v-1df57216]{float:right;margin:5px;font-size:12px;padding:4px 10px}