body {
  margin: 0;
  line-height: normal;
}
.image-3-icon {
  position: absolute;
  top: 64px;
  left: 0;
  width: 100%;
  height: 1092px;
  object-fit: cover;
}
.sidebar {
  position: absolute;
  top: 0;
  left: 0;
  width: 254px;
  height: 1117px;
}
.green-se-1-1-icon,
.image-1-icon {
  position: absolute;
  object-fit: cover;
}
.green-se-1-1-icon {
  top: 715px;
  left: 1141px;
  width: 33px;
  height: 30px;
  cursor: pointer;
}
.image-1-icon {
  top: 82px;
  left: 254px;
  width: 1474px;
  height: 1035px;
  display: none;
}
.header-child {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-whitesmoke);
}
.current-customer {
  position: absolute;
  top: 39.02%;
  left: 2.31%;
}
.select2-current-customer {
  position: absolute;
  height: 43.9%;
  width: 16.82%;
  top: 28.05%;
  right: 72.25%;
  bottom: 28.05%;
  left: 10.92%;
  border-radius: var(--br-md);
  background-color: var(--color-white);
  border: 1px solid var(--color-whitesmoke);
  box-sizing: border-box;
}
.icon-chevron-bottom {
  position: absolute;
  height: 12.2%;
  width: 1.15%;
  top: 43.9%;
  right: 73.47%;
  bottom: 43.9%;
  left: 25.37%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.search-imeidevice {
  position: absolute;
  top: 26.83%;
  right: 25.85%;
  bottom: 26.83%;
  height: 38px;
  left: 200%;
  top: 25px;
  padding: 0.375rem 0.85rem !important;
  background: #FFFFFF !important;
  border: 1px solid #A9A5A5 !important;
  border-radius: 20px !important;
}
.imeidevice-namesim-card {
  position: absolute;
  top: 39.02%;
  left: 53.93%;
  color: #7d7272;
}
.button-device-icon {
  position: absolute;
  /* height: 58.54%;
  width: 7.19%; */
  /* top: 26.83%; */
  right: 16.49%;
  bottom: 25.63%;
  left: 76.32%;
  border-radius: 10px !important;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
}
.device {
  position: absolute;
  top: 35.37%;
  left: 78.15%;
  font-size: var(--font-size-2xs);
}
.btn-customer {
  position: absolute;
  height: 46.34%;
  width: 6.45%;
  top: 26.83%;
  right: 9.29%;
  bottom: 26.83%;
  left: 84.26%;
  border-radius: 10px !important;
  background-color: var(--color-white);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
}
.customer {
  position: absolute;
  top: 35.37%;
  left: 84.94%;
  font-size: var(--font-size-2xs);
}
.header,
.side-icon {
  position: absolute;
  top: 0;
}
.header {
  left: 254px;
  width: 90%;
  height: 82px;
  text-align: left;
}
.side-icon {
  height: 100%;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.sidebar-child {
  height: 7.16%;
  width: 31.5%;
  top: 9.13%;
  right: 34.45%;
  bottom: 83.71%;
  left: 34.06%;
  background-color: #aca7a7;
}
.icon,
.sidebar-child,
.sidebar-item {
  position: absolute;
  border-radius: var(--br-lg);
}
.icon {
  height: 6.45%;
  width: 29.13%;
  top: 9.49%;
  right: 35.63%;
  bottom: 84.06%;
  left: 35.24%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.sidebar-item {
  height: 0.9%;
  width: 3.94%;
  top: 14.95%;
  right: 39.37%;
  bottom: 84.15%;
  left: 56.69%;
  background-color: var(--color-limegreen);
}
.demo-mygps,
.management {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.demo-mygps {
  height: 1.79%;
  width: 37.01%;
  top: 17.01%;
  left: 31.5%;
  font-size: var(--font-size-3xs);
}
.management {
  height: 2.15%;
  width: 43.7%;
  top: 32.68%;
  left: 27.95%;
  font-weight: 600;
}
.icon-list-rich {
  position: absolute;
  height: 1.61%;
  width: 8.08%;
  top: 32.86%;
  right: 76.96%;
  bottom: 65.54%;
  left: 14.96%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.icon-signal,
.stastistic {
  position: absolute;
  top: 28.29%;
}
.stastistic {
  height: 2.15%;
  width: 29.92%;
  left: 27.95%;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-signal {
  height: 1.79%;
  width: 6.89%;
  right: 78.15%;
  bottom: 69.92%;
  left: 14.96%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.icon-monitor,
.monitor {
  position: absolute;
  top: 23.9%;
}
.icon-monitor {
  height: 1.79%;
  width: 9.1%;
  right: 75.94%;
  bottom: 74.31%;
  left: 14.96%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.monitor {
  height: 2.15%;
  width: 24.8%;
  left: 29.92%;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo-web-child {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  width: 171px;
  height: 47px;
}
.my-gps {
  position: absolute;
  top: 0;
  left: 51.23px;
  display: inline-block;
  width: 113.51px;
  height: 41.47px;
}
.logo-web,
.logo-web-item {
  position: absolute;
  top: 4.61px;
  left: 14.06px;
  width: 21.09px;
  height: 33.18px;
}
.logo-web {
  top: 23px;
  left: 32px;
  width: 171px;
  height: 47px;
  text-align: left;
  font-size: 30px;
}
.sidebar1,
.sider1 {
  position: absolute;
  top: 0;
  left: 0;
}
.sidebar1 {
  width: 254px;
  height: 1117px;
  font-size: var(--font-size-xs);
  color: var(--color-white);
}
.sider1 {
  border-radius: var(--br-md);
  background-color: var(--color-white);
  width: 564px;
  height: 666px;
}
.all-10,
.inactive-2,
.offline-2,
.online-6 {
  position: absolute;
  top: 90px;
  font-size: var(--font-size-sm);
}
.all-10 {
  left: 40px;
  font-weight: 600;
}
.inactive-2,
.offline-2,
.online-6 {
  left: 137px;
  cursor: pointer;
}
.inactive-2,
.offline-2 {
  left: 261px;
}
.inactive-2 {
  left: 389px;
}
.input-search {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-md);
  background-color: var(--color-white);
  border: 1px solid #a9a5a5;
  box-sizing: border-box;
  width: 441px;
  height: 43px;
}
.vector-icon {
  position: absolute;
  height: 56.9%;
  width: 5.47%;
  top: 18.84%;
  right: 91.18%;
  bottom: 24.27%;
  left: 3.36%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.imeidevice-namesim-card1,
.search {
  position: absolute;
  top: 8px;
  left: 68px;
}
.search {
  top: 16px;
  left: 38px;
  width: 441px;
  height: 43px;
  font-size: var(--font-size-xs);
}
.image-2-icon {
  position: absolute;
  top: 22px;
  left: 498px;
  width: 32px;
  height: 32px;
  object-fit: cover;
}
.rectangle-div,
.sider-child,
.sider-inner,
.sider-item {
  position: absolute;
  top: 79px;
  left: 1px;
  width: 563px;
  height: 2px;
}
.rectangle-div,
.sider-inner,
.sider-item {
  top: 137px;
  left: 0;
}
.rectangle-div,
.sider-inner {
  top: 198px;
  width: 564px;
}
.rectangle-div {
  top: 125px;
  left: 35px;
  background-color: #1874fe;
  width: 73px;
  height: 6px;
}
.online2,
.rectangle-icon,
.sider-child1,
.sider-child2 {
  position: absolute;
  top: 125px;
  left: 138px;
  width: 89px;
  height: 3px;
}
.online2,
.sider-child1,
.sider-child2 {
  left: 261px;
  width: 90px;
}
.online2,
.sider-child2 {
  left: 389px;
  background-color: var(--color-gainsboro-100);
  width: 106px;
}
.online2 {
  height: 31.87%;
  width: 2.25%;
  top: 33.33%;
  right: 88.97%;
  bottom: 34.8%;
  left: 8.78%;
  border-radius: var(--br-lg);
  background-color: var(--color-limegreen);
}
.demo-jakarta-1,
.kmh {
  position: absolute;
  top: 0;
  left: 66px;
}
.kmh {
  left: 365px;
}
.demo-jkt-1-child {
  position: absolute;
  top: 5px;
  left: 0;
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
  box-sizing: border-box;
  width: 20px;
  height: 20px;
}
.demo-jkt-1,
.online {
  position: absolute;
  height: 4.59%;
  width: 78.86%;
  top: 33.03%;
  right: 14.74%;
  bottom: 62.39%;
  left: 6.39%;
}
.online {
  height: 31.87%;
  width: 2.27%;
  top: 33.33%;
  right: 88.84%;
  bottom: 34.8%;
  left: 8.88%;
  border-radius: var(--br-lg);
  background-color: var(--color-limegreen);
}
.demo-jkt-2 {
  height: 4.59%;
  width: 77.98%;
  top: 39.6%;
  right: 15.63%;
  bottom: 55.81%;
  left: 6.39%;
}
.demo-jkt-2,
.kmh2,
.online1 {
  position: absolute;
}
.online1 {
  height: 30.84%;
  width: 2.28%;
  top: 29.03%;
  right: 89.25%;
  bottom: 40.12%;
  left: 8.47%;
  border-radius: var(--br-lg);
  background-color: var(--color-limegreen);
}
.kmh2 {
  top: 1px;
  left: 363px;
}
.demo-bdg-1 {
  height: 4.74%;
  width: 77.62%;
  top: 46.18%;
  right: 15.99%;
  bottom: 49.08%;
  left: 6.39%;
}
.demo-bdg-1,
.kmh3,
.online3 {
  position: absolute;
}
.online3 {
  height: 31.87%;
  width: 2.28%;
  top: 33.33%;
  right: 89.25%;
  bottom: 34.8%;
  left: 8.47%;
  border-radius: var(--br-lg);
  background-color: var(--color-limegreen);
}
.kmh3 {
  top: 0;
  left: 363px;
}
.demo-bgr-1,
.online21 {
  position: absolute;
  height: 4.59%;
  width: 77.62%;
  top: 59.48%;
  right: 15.99%;
  bottom: 35.93%;
  left: 6.39%;
}
.online21 {
  height: 31.87%;
  width: 2.25%;
  top: 30%;
  right: 88.97%;
  bottom: 38.13%;
  left: 8.78%;
  border-radius: var(--br-lg);
  background-color: var(--color-gray-100);
}
.demo-jakarta-3,
.inactive {
  position: absolute;
  top: 0;
  left: 64px;
}
.inactive {
  left: 364px;
}
.demo-jkt-3,
.online4 {
  position: absolute;
  height: 4.59%;
  width: 78.86%;
  top: 72.78%;
  right: 14.74%;
  bottom: 22.63%;
  left: 6.39%;
}
.online4 {
  height: 30.84%;
  width: 2.26%;
  top: 38.71%;
  right: 88.92%;
  bottom: 30.45%;
  left: 8.82%;
  border-radius: var(--br-lg);
  background-color: var(--color-gray-100);
}
.demo-bandung-3,
.inactive1 {
  position: absolute;
  top: 0;
  left: 362px;
}
.demo-bandung-3 {
  top: 1px;
  left: 63px;
}
.demo-bdg-3-child {
  position: absolute;
  top: 6px;
  left: 0;
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
  box-sizing: border-box;
  width: 20px;
  height: 20px;
}
.demo-bdg-3,
.online5 {
  position: absolute;
  height: 4.74%;
  width: 78.51%;
  top: 79.36%;
  right: 15.1%;
  bottom: 15.9%;
  left: 6.39%;
}
.online5 {
  height: 29.88%;
  width: 2.31%;
  top: 37.5%;
  right: 88.69%;
  bottom: 32.62%;
  left: 9.01%;
  border-radius: var(--br-lg);
  background-color: var(--color-crimson);
}
.demo-bogor-3 {
  position: absolute;
  top: 2px;
  left: 63px;
}
.demo-bgr-3-child {
  position: absolute;
  top: 7px;
  left: 0;
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
  box-sizing: border-box;
  width: 20px;
  height: 20px;
}
.demo-bgr-3,
.online6 {
  position: absolute;
  height: 4.89%;
  width: 76.91%;
  top: 86.09%;
  right: 16.7%;
  bottom: 9.02%;
  left: 6.39%;
}
.online6 {
  height: 29.88%;
  width: 2.27%;
  top: 37.5%;
  right: 88.84%;
  bottom: 32.62%;
  left: 8.88%;
  border-radius: var(--br-lg);
  background-color: var(--color-limegreen);
}
.demo-bgr-4,
.online7 {
  position: absolute;
  height: 4.89%;
  width: 77.98%;
  top: 92.97%;
  right: 15.63%;
  bottom: 2.14%;
  left: 6.39%;
}
.online7 {
  height: 30.84%;
  width: 2.26%;
  top: 32.26%;
  right: 89.37%;
  bottom: 36.9%;
  left: 8.37%;
  border-radius: var(--br-lg);
  background-color: var(--color-limegreen);
}
.demo-bogor-2 {
  position: absolute;
  top: 1px;
  left: 64px;
}
.demo-bgr-2,
.online8 {
  position: absolute;
  height: 4.74%;
  width: 78.51%;
  top: 66.06%;
  right: 15.1%;
  bottom: 29.2%;
  left: 6.39%;
}
.online8 {
  height: 31.87%;
  width: 2.32%;
  top: 30.38%;
  right: 89.1%;
  bottom: 37.75%;
  left: 8.58%;
  border-radius: var(--br-lg);
  background-color: var(--color-crimson);
}
.demo-bdg-2 {
  position: absolute;
  height: 4.59%;
  width: 76.55%;
  top: 52.91%;
  right: 17.05%;
  bottom: 42.51%;
  left: 6.39%;
}
.group-child {
  position: absolute;
  top: 0;
  left: 35px;
  border-radius: var(--br-sm);
  background-color: var(--color-white);
  border: 1px solid var(--color-gainsboro-100);
  box-sizing: border-box;
  width: 184px;
  height: 36px;
}
.include-sub-custom,
.name {
  position: absolute;
  top: 7px;
  left: 51px;
}
.include-sub-custom {
  left: 288px;
}
.icon-chevron-down {
  position: absolute;
  height: 32.22%;
  width: 4.06%;
  top: 33.72%;
  right: 57.62%;
  bottom: 34.06%;
  left: 38.32%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.group-item {
  position: absolute;
  top: 8px;
  left: 0;
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
  box-sizing: border-box;
  width: 20px;
  height: 20px;
}
.icon-list-clipboard-bold {
  position: absolute;
  height: 62.5%;
  width: 3.86%;
  top: 19.44%;
  right: 0;
  bottom: 18.05%;
  left: 96.14%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.group-inner {
  position: absolute;
  top: 8px;
  left: 255px;
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
  box-sizing: border-box;
  width: 20px;
  height: 20px;
}
.rectangle-parent {
  position: absolute;
  top: 152px;
  left: 36px;
  width: 485.76px;
  height: 36px;
  font-size: var(--font-size-2xs);
}
.group-child1,
.group-child2 {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  width: 13px;
}
.group-child1 {
  top: 0;
  background-color: var(--color-gainsboro-100);
  border: 1px solid var(--color-silver);
  height: 432px;
}
.group-child2 {
  top: 352px;
  background-color: var(--color-white);
  border-right: 1px solid var(--color-silver);
  border-bottom: 1px solid var(--color-silver);
  border-left: 1px solid var(--color-silver);
  height: 80px;
}
.rectangle-group,
.sider {
  position: absolute;
  top: 199px;
  left: 551px;
  width: 13px;
  height: 432px;
}
.sider {
  top: 92px;
  left: 267px;
  width: 563px;
  height: 654px;
  font-size: var(--font-size-base);
}
.layer-child {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-sm) 0 0 var(--br-sm);
  background-color: var(--color-white);
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3);
  width: 69px;
  height: 75px;
}
.vector-icon1 {
  position: absolute;
  height: 52%;
  width: 65.22%;
  top: 24%;
  right: 17.39%;
  bottom: 24%;
  left: 17.39%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.layer,
.vector-icon2 {
  position: absolute;
  top: 113px;
  right: 0;
  width: 69px;
  height: 75px;
}
.vector-icon2 {
  height: 48%;
  width: 44.93%;
  top: 26.67%;
  right: 23.19%;
  bottom: 25.33%;
  left: 31.88%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.layer1,
.zoom-icon {
  position: absolute;
  top: 759px;
  right:0 ;
  width: 69px;
  height: 75px;
}
.zoom-icon {
  top: 861px;
  right: 0;
  width: 64px;
  height: 122px;
}
.home {
  position: relative;
  background-color: var(--color-white);
  width: 100%;
  height: 1117px;
  overflow: hidden;
  text-align: center;
  font-size: var(--font-size-3xs);
  color: var(--color-black);
  font-family: var(--font-poppins);
}

.form-2{
  width: 441px;
  height: 43px;
  left: 38px;
  top: 16px;
  padding: 0.375rem 2.75rem !important;
  background: #FFFFFF !important;
  border: 1px solid #A9A5A5 !important;
  border-radius: 20px !important;
}