body {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  background-color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  cursor: default;
}
::-webkit-scrollbar {
  width: 0px;
}

a:focus {
  color: none;
}

.containernon {
  width: 380px;
  height: 800px;
  border: 15px solid #465365;
  border-radius: 50px;
  overflow: hidden;
  background: #071b2d;
  overflow: auto;
  /*Firefox scroll hidden*/
  scrollbar-width: none !important;
}


a {
  text-decoration: none;
}

.linksyslogo {
  margin-top:300px; margin-left: 32%;
}
.linksyslogo img {
  width: 140px;
}

.Loginbnt {
  background-color: black; 
  padding: 18px 20px 18px 134px; 
  margin-left: 6%; margin-right: 5%;
  cursor: pointer;
}

.Loginbnt span {
  color: white;
  font-weight: bold;
}

.Loginbntwhite {
  background-color: white; 
  padding: 18px 20px 18px 70px; 
  margin-left: 6%; margin-right: 5%;
  margin-top: 15px;
  border: 1px solid black;
  cursor: pointer;
}

.Loginbntwhite span {
  color: black;
  font-weight: bold;
}

.WRK {
  margin-top: 25px;
  margin-left: 20px;
}

.WRK p {
    margin-right: 20px;
    color: gray;
    font-size: 14px;
}

.margin1 {
  margin-top: 25px;
}

.topmenu img {
  width: 25px;
  cursor: pointer;
}


.textinput {
    padding: 20px 145px 20px 19px;
    margin-left: 23px;
}

@supports (-moz-transform: translate(0, 0)) {
  .textinput {
    padding: 20px 175px 20px 19px;
  }
}

.showpwd {
    position: relative;
    float: right;
    bottom: 38px;
    right: 40px;
    width: 30px;
    cursor: pointer;
}

.Dashboard_Top {
  background-color: black;
  padding-top: 20px;
}

.Dashboard_Top h1 {
  color: white;
  margin-left: 45px;
}

.onlinestatus {
  height: 15px;
  width: 15px;
  background-color: #51d294;
  border-radius: 50%;
  display: inline-block;
   position: relative;
   top: 89px;
   left:  20px;
}

.Dashboard_Center {
  background-color: #9bd7fb ;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 14px ;
  margin-right: 14px ;
  position: relative;
  bottom: -50px;
}

.Dashboard_Center h1 {
  margin-left: 25px;
}

.Dashboard_Center span {
  position: relative;
  bottom: 20px;
  left: 25px;
  font-weight: bold;
}

.Dashboard_Center img {
    position: absolute;
    left: 245px;
    bottom: 27px;
    width: 85px;
}

.table tr td {
  padding-left: 25px;
}

.node {
  width: 15px;
    float: right;
    position: relative;
    bottom: 40px;
    right: 25px;
    cursor: pointer;
}

.footermenu {
  position: absolute;
  top: 769px;
  background: #fff;
   border-bottom-right-radius: 30px ;
   border-bottom-left-radius: 30px ;
   z-index: 1;
}

.footermenu img {
 width: 43px;
 padding-left: 60px;
 cursor: pointer;
}

.footermenu hr {
  opacity: 0.5;
}

.Header {
  position: absolute;
  font-weight: bold;
  background: #fff;
  padding: 20px 20px 20px;
  border-top-right-radius: 33px;
  border-top-left-radius: 33px;
  border-bottom: 1px solid gray;
  padding-right: 330px;
  z-index: 1;
}

.Header img {
 width: 30px;
 cursor: pointer;
}

.Header span {
  position:absolute;
  left: calc(5.5% + 130px);
 font-size: 25px;
 font-weight: bold;
}

.ChangePWDmargin {
  margin-top: 90px;
  margin-bottom: 90px;
}

.officedevice {
  margin-top: 90px;
  margin-bottom: 90px;
}

.officedevice img {
  width: 60px;
}

.details {
  margin-top: 30px;
}

.details span {
  margin-left: 20px;
}

.details img {
  width: 10px;
  padding-left: 10px;
}

.DateAndTime {
  margin-top: 30px;
}

.DateAndTime span {
  
}

.DateAndTime img {
  width: 10px;
  padding-left: 10px;
}

.statusright {
  float: right;
  margin-right: 25px;
  color: gray;
}

.TimeAndDate {
  float: right;
  margin-right: 0px;
  color: gray;
}

.delete {
  font-weight: bold; color: red; margin-top: 25px; cursor: pointer;
}

.poiter {
  cursor: pointer;
}

.CustomName {
      color: gray;
    font-size: 12px;
    position: relative;
    left: 40px;
    top: 20px;
}

.CustomSaved {
  color: #366fe3;font-size: 20px; padding-left: 170px; padding-top: 4px;
  cursor: pointer;
}

.RedBnt {
    background-color: #ff595d;
    
    padding: 23px 20px 20px 95px;
    margin-top: 20px;
    cursor: pointer;
    margin-bottom: 40px;
}

.RedBnt span {
  color: white;
  font-weight: bold;
}

.customheader {
  position: absolute;
  background: #fff;
  padding: 20px 20px 20px;
  border-top-right-radius: 33px;
  border-top-left-radius: 33px;
  border-bottom: 1px solid gray;
}

.customheader img {
 width: 30px;
 cursor: pointer;
}

.customheader span {
  color: #366fe3;font-size: 20px; padding-left: 61px; padding-top: 4px;
  position: relative;
  top: -5px;
}

.WiFi5Ghz {
  position: absolute;
  background: #fff;
  padding: 20px 20px 20px;
  border-top-right-radius: 33px;
  border-top-left-radius: 33px;
  border-bottom: 1px solid gray;
}

.WiFi5Ghz img {
 width: 30px;
 cursor: pointer;
}

.WiFi5Ghz span {
  color: #366fe3;font-size: 20px; padding-left: 76px; padding-top: 4px; cursor: pointer;
  position: relative;
  top: -5px;
}

.WiFiPWD {
  position: absolute;
  background: #fff;
  padding: 20px 20px 20px;
  border-top-right-radius: 33px;
  border-top-left-radius: 33px;
  border-bottom: 1px solid gray;
}

.WiFiPWD img {
 width: 30px;
 cursor: pointer;
}

.WiFiPWD span {
  color: #366fe3;font-size: 20px; padding-left: 56px; padding-top: 4px; cursor: pointer;
  position: relative;
  top: -5px;
}

.WiFitextinput {
    padding: 28px 145px 10px 19px;
    margin-left: 23px;
}

@supports (-moz-transform: translate(0, 0)) {
  .WiFitextinput {
    padding: 28px 170px 10px 19px;
  }
}


.Antivirus {
  position: absolute;
  background: #fff;
  padding: 20px 20px 20px;
  border-top-right-radius: 33px;
  border-top-left-radius: 33px;
  border-bottom: 1px solid gray;
}

.Antivirus img {
 width: 30px;
 cursor: pointer;
}

.Antivirus span {
  color: #366fe3;font-size: 20px; padding-left: 81px; padding-top: 4px; cursor: pointer;
  position: relative;
  top: -5px;
}


.blockheader {
  position: absolute;
  background: #fff;
  padding: 20px 20px 20px;
  border-top-right-radius: 33px;
  border-top-left-radius: 33px;
  border-bottom: 1px solid gray;
  z-index: 1;
}

.blockheader img {
 width: 30px;
 cursor: pointer;
}

.blockheader span {
  color: #366fe3;font-size: 19px; padding-left: 37px; padding-top: 4px; cursor: pointer;
  position: relative;
  top: -5px;
  padding-top: 5px;
}

.blocked_category {
  margin-left: 20px; margin-top: 25px;
}

.blocked_category p {
  font-size: 12px; color:gray; padding-right: 110px;
}



.Homecss {
  position: absolute;
  background: #fff;
  padding: 20px 20px 20px;
  border-top-right-radius: 33px;
  border-top-left-radius: 33px;
  border-bottom: 1px solid gray;
  z-index: 1;
}

.Homecss img {
 width: 30px;
 cursor: pointer;
}

.Homecss span {
  color: #366fe3;font-size: 20px; padding-left: 55px; padding-top: 4px; cursor: pointer;
  position: relative;
  top: -5px;
}

.PWDcss {
  position: absolute;
  background: #fff;
  padding: 20px 20px 20px;
  border-top-right-radius: 33px;
  border-top-left-radius: 33px;
  border-bottom: 1px solid gray;
}

.PWDcss img {
 width: 30px;
 cursor: pointer;
}

.PWDcss span {
  color: #366fe3;font-size: 20px; padding-left: 41px; padding-top: 4px; cursor: pointer;
  position: relative;
  top: -5px;
}


.ChangePWD {
    position: relative;
    float: right;
    bottom: 38px;
    right: 40px;
    width: 30px;
    cursor: pointer;
}

.toptext {
  font-size:12px; color:gray; position:absolute; padding-left: 41px; padding-top: 30px;
}


.FAQs {
  margin-top: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #155dbb;
}

.FAQs span {
  margin-left: 20px;
}

.FAQs img {
  width: 10px;
  padding-left: 10px;
}

.FAQbnt {
  background-color: #000; 
  padding: 18px 20px 18px 70px; 
  margin-left: 6%; margin-right: 5%;
  margin-top: 15px;
  border: 1px solid black;
  cursor: pointer;
}

.FAQbnt span {
  color: white;
  font-weight: bold;
}

.Status_Toogle {
  background-color: blue;
    margin-left: 60px;
    margin-right: 60px;
    padding: 20px 20px 20px 20px;
}

.Online {
    padding: 14px 62px 14px 62px;
    background: #fff;
    border: 1px solid #8080803d; 
}
.Offline {
    padding: 14px 62px 14px 62px;
    background: #e5e5e5cf;
    position: relative;
    right: 4px; 
}

.Onlinerev {
    padding: 14px 62px 14px 62px;
    background: #fff;
    border: 1px solid #8080803d; 
}
.Offlinerev {
    padding: 14px 62px 14px 62px;
    background: #e5e5e5cf;
    position: relative;
    left: 4px;

}

.devicesub {
    position: absolute;
    /* right: 158px; */
    /* top: 16px; */
    font-size: 12px;
    color: gray;
    padding-top: 9px;
    /* padding-right: 44px; */
    margin-left: 21px;
}


.Online_Offline_Header {
  position: absolute;
  background: #fff;
  padding: 20px 20px 20px;
  border-top-right-radius: 33px;
  border-top-left-radius: 33px;
  border-bottom: 1px solid gray;
}

.Online_Offline_Header img {
 width: 30px;
 cursor: pointer;
}

.Online_Offline_Header span {
  color: #366fe3;font-size: 20px; padding-left: 100px; padding-top: 4px;
  position: relative;
  top: -5px;
}

.Searching {
      margin-top: 72px;
    /* margin-left: 10px; */
    /* margin-right: 10px; */
    position: absolute;
    background-color: white;
    padding: 15px 32px 0px 21px;
}

.Searching img {
      width: 20px;
    position: relative;
    bottom: 42px;
    left: 11px;
}

.SearchIMG {
    float: right;
    width: 20px;
    position: relative;
    right: 28px;
    bottom: 30px;
}
.noimage {
  visibility: hidden;
}

.Confirmation {
  margin-left:24px; color:gray; font-size:12px; display:none;
}

.Confirmation img {
    width: 12px;
    position: relative;
    top: 2px;
    right: 3px;
}