html,body
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}


.newUser1,
.newUser2,
.newUser3,
.newUser4,
.newUser5,
#device2,
#device3,
#device4,
#device5 {
  display: none;
}
.no-border,
.newDeviceUsers .list-group-item {
  border: none;
}
#CheckListHeading {
  margin: 10px 0px 3px 0px;
}
.YesRadio {
  margin-right: 3px;
}
.NoRadio {
  margin-left: 5px;
  margin-right: 3px;
}
#deviceForm .list-group {
  background: #fff;
  border: none !important;
}
#deviceForm .list-group-item {
  border: none;
}

#priceBox {
  border-top: 0.8px solid #dee2e6 !important;
}

#FormContainer {
  padding: 5px 0px;
  border: 1px solid black;
  border-radius: 5px;
  background: #fff;
  min-width: 290px;
}

.CustomScroll {
  overflow: auto;
  scrollbar-color: #c1c1c1 #e6e6e6;
  scrollbar-width: thin;
  border-radius: 5px;
  border-radius: 10px !important;
}
.CustomScroll::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px !important;
}
.CustomScroll::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.CustomScroll::-webkit-scrollbar-track {
  background: #e6e6e6;
  border-left: 1px solid transparent;
  border-radius: 10px !important;
}
.CustomScroll::-webkit-scrollbar {
  width: 7px;
  scroll-behavior: smooth !important;
}

@media screen and (min-width: 992px) {
  #FormContainer {
   width: 290px;
  }
  #ScrollContainer {
   height: 439px;
  }
}

@media screen and (max-width: 991px) {
  #ScrollContainer {
   height: 421px;
  }
}
@media screen and (max-width: 769px) {
  #ScrollContainer {
   height: 421px;
  }
}
@media screen and (max-width: 472px) {
  #ScrollContainer {
   height: 443px;
   max-width: 370px
  }
}
.button {
  border: none;
  color: #eb0017;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
img.footer_logo_payfast {
    width: 130px;
    float: right;
    margin-top: -20px;
}