.outline-button{-webkit-box-shadow:0 2px 4px 0 rgba(165,163,174,.30196078431372547);color:#f8f7fa;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-weight:600;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40%}[dir] .outline-button{padding:8px 16px;background:#145cb5;border-radius:8px;border:1px solid #145cb5;box-shadow:0 2px 4px 0 rgba(165,163,174,.30196078431372547)}.outline-button-white{-webkit-box-shadow:0 2px 4px 0 rgba(165,163,174,.30196078431372547);color:#003575;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-weight:600;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40%}[dir] .outline-button-white{padding:8px 16px;background:#f8f7fa;border-radius:8px;border:1px solid #003575;box-shadow:0 2px 4px 0 rgba(165,163,174,.30196078431372547)}.outline-button-disable{-webkit-box-shadow:0 2px 4px 0 rgba(165,163,174,.30196078431372547);color:#9ba2ac;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-weight:600;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}[dir] .outline-button-disable{padding:8px 16px;background:#f8f7fa;border-radius:8px;border:1px solid #f8f7fa;box-shadow:0 2px 4px 0 rgba(165,163,174,.30196078431372547)}.outline-button-save{-webkit-box-shadow:0 2px 4px 0 rgba(165,163,174,.30196078431372547);color:#f8f7fa;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-weight:600;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}[dir] .outline-button-save{padding:8px 16px;background:#145cb5;border-radius:8px;border:1px solid #145cb5;box-shadow:0 2px 4px 0 rgba(165,163,174,.30196078431372547)}[dir] .style-umum{margin-top:-5px}.style-umum .center-div{position:absolute;top:50%;width:100%}[dir] .style-umum .center-div{margin:0}[dir=ltr] .style-umum .center-div{left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[dir=rtl] .style-umum .center-div{right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}[dir] .style-umum .bg-video{background:#000;border-radius:8px}.style-umum .vs-card--content{height:100%}[dir] .style-umum .vs-card--content{margin-bottom:0}[dir] .add-sensor-popup .modal-content{border:none}[dir] .add-sensor-popup .add-sensor-header{background-color:#003575}.add-sensor-popup .add-sensor-header h5{color:#fff;font-weight:600}#add-sensor-popup .close-modal-btn{position:absolute;top:-45px;color:#4b465c;font-weight:800;-webkit-box-shadow:0 2px 4px rgba(165,163,174,.3)}[dir] #add-sensor-popup .close-modal-btn{background-color:#fff;box-shadow:0 2px 4px rgba(165,163,174,.3);border-radius:6px;border:none}[dir=ltr] #add-sensor-popup .close-modal-btn{right:8px}[dir=rtl] #add-sensor-popup .close-modal-btn{left:8px}[dir] #add-sensor-popup .close-modal-btn:hover{background-color:#e6e6e6}.add-sensor-popup .add-sensor-kolom{font-size:16px}[dir] .add-sensor-popup .add-sensor-kolom{border:1px solid #003575;border-radius:4px}.root{display:-webkit-box;display:-ms-flexbox;display:flex;place-content:center}[dir] .root{margin-top:3rem}#container{width:640px;height:398px}[dir] #container{background:rgba(13,14,27,.7)}.input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;place-content:stretch}[dir] .input{margin-top:10px}.input input[type=input]{-webkit-box-flex:1;-ms-flex:auto;flex:auto}@media (max-width:720px){#container{width:90vw;height:52.7vw}}.con-expand-users .con-btns-user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[dir] .con-expand-users .con-btns-user{padding:10px;padding-bottom:0}.con-expand-users .con-btns-user .con-userx{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.con-expand-users .list-icon i{font-size:.9rem!important}