* {
  margin: 0;
  padding: 0;
}
body {
  top: 0px;
  left: 0px;
  width: 1920px;
  height: 930px;
  background: transparent
    radial-gradient(closest-side at 50% 50%, #58687e 0%, #39495e 100%) 0% 0%
    no-repeat padding-box;
  opacity: 1;
  position: absolute;

  /* background-color: red; */
}

.main {
  top: 0px;
  left: 0px;
  width: 1920px;
  height: 930px;
  background: transparent
    radial-gradient(closest-side at 50% 50%, #58687e 0%, #39495e 100%) 0% 0%
    no-repeat padding-box;
  opacity: 1;
  margin: auto;
  padding: 15px;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
}

#logo2 {
  float: left;
}
#logo1 {
  padding: 0em 10em 1em 1em;
  top: 22px;
  left: 843px;
  width: 235px;
  height: 50px;
  background: transparent url("img/logo.png") 0% 0% no-repeat padding-box;
  opacity: 1;
  position: absolute;
}

.item1 {
  top: 100px;
  left: 30px;
  width: 141px;
  height: 31px;
  text-align: left;
  font: normal normal normal 28px/32px Ubuntu;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  position: absolute;
}
.grid {
  top: 160px;
  left: 30px;
  width: 1860px;
  height: 739px;
  background: #273d49cc 0% 0% no-repeat padding-box;
  border-radius: 10px;
  opacity: 1;

  position: absolute;
}

.gridhead {
  top: 180px;
  left: 1136px;
  width: 384px;
  height: 67px;
  opacity: 1;
}
input[type="checkbox"] {
  top: 267px;
  left: 80px;
  width: 16px;
  height: 16px;
  border: 1px solid #97a1a7;
  /* border: 1px solid #14AFF1; */
  border-radius: 3px;
  opacity: 1;
  cursor: pointer;
}

#Table1 {
  /* margin-top: 161px; */
  margin-left: 30px;

  border-collapse: collapse;
  width: 1800px;
  height: 50px;
  /* background: #273D49CC 0% 0% no-repeat padding-box; */

  align-items: center;
  /* margin: 0 auto; */
  top: 100px;
  left: 20px;

  opacity: 1;
  position: absolute;
}

th {
  padding: 10px;
  align-items: center;
  color: #97a1a9;
  text-align: center;
}
td {
  padding: 10px;
  align-items: center;
  color: white;
  text-align: center;
}
tr:nth-child(even) {
  background-color: #283a46;
  color: white;
}

/* .table-header{
        margin-left: 1000px; 
         float: right; 
      } */

#add {
  top: 30px;
  left: 1106px;
  width: 99px;
  height: 45px;
  border: 1px solid #14aff1;
  border-radius: 10px;
  opacity: 1;
  position: absolute;
  background: #273d49cc 0% 0% no-repeat padding-box;
}

#edit {
  top: 30px;
  left: 1225px;
  width: 102px;
  height: 45px;
  border: 1px solid #97a1a9;
  border-radius: 10px;
  opacity: 1;
  position: absolute;
  background: #273d49cc 0% 0% no-repeat padding-box;
  color: #97a1a9;
}
#del {
  top: 30px;
  left: 1347px;
  width: 123px;
  height: 45px;
  border: 1px solid #97a1a9;
  border-radius: 10px;
  opacity: 1;
  position: absolute;
  background: #273d49cc 0% 0% no-repeat padding-box;
}
#search {
  top: 30px;
  left: 1490px;
  width: 340px;
  height: 45px;
  background: #283a46 0% 0% no-repeat padding-box;
  border: 1px solid #14aff1;
  border-radius: 10px;
  opacity: 1;
  position: absolute;
  background-image: "C:\Users\nk098\Desktop\HTML CSS HIGHRADIUS\search.png";
  background-position: right;
}
#aa {
  top: 107px;
  left: 60px;
  width: 16px;
  height: 16px;
  opacity: 1;
  position: absolute;
}
#bb {
  top: 105px;
  left: 101px;
  width: 131px;
  height: 20px;
  text-align: left;
  font: normal normal normal 18px/21px Ubuntu;
  letter-spacing: 0px;
  color: #97a1a9;
  opacity: 1;
  position: absolute;
}
#cc {
  top: 105px;
  left: 342px;
  width: 95px;
  height: 20px;
  text-align: left;
  font: normal normal normal 18px/21px Ubuntu;
  letter-spacing: 0px;
  color: #97a1a9;
  opacity: 1;
  position: absolute;
}
#dd {
  top: 105px;
  left: 592px;
  width: 73px;
  height: 20px;
  text-align: left;
  font: normal normal normal 18px/21px Ubuntu;
  letter-spacing: 0px;
  color: #97a1a9;
  opacity: 1;
  position: absolute;
}
#ee {
  top: 105px;
  left: 748px;
  width: 127px;
  height: 20px;
  text-align: left;
  font: normal normal normal 18px/21px Ubuntu;
  letter-spacing: 0px;
  color: #97a1a9;
  opacity: 1;
  position: absolute;
}
#ff {
  top: 105px;
  left: 1086px;
  width: 76px;
  height: 20px;
  text-align: left;
  font: normal normal normal 18px/21px Ubuntu;
  letter-spacing: 0px;
  color: #97a1a9;
  opacity: 1;
  position: absolute;
}
#gg {
  top: 105px;
  left: 1231px;
  width: 198px;
  height: 20px;
  text-align: right;
  font: normal normal normal 18px/21px Ubuntu;
  letter-spacing: 0px;
  color: #97a1a9;
  text-transform: capitalize;
  opacity: 1;
  position: absolute;
}
#hh {
  top: 105px;
  left: 1589px;
  width: 49px;
  height: 20px;
  text-align: right;
  font: normal normal normal 18px/21px Ubuntu;
  letter-spacing: 0px;
  color: #97a1a9;
  text-transform: capitalize;
  opacity: 1;
  position: absolute;
}

.modal-content {
  top: 211px;
  left: 407px;
  width: 1106px;
  height: 509px;
  background: #2a3e4c 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 24px #00000029;
  border-radius: 6px;
  opacity: 1;
  position: absolute;
}
.form-popup {
  display: none;
  bottom: 0;
  right: 15px;
  z-index: 20;
  top: 226px;
  left: 407px;
  width: 1106px;
  height: 509px;
  position: absolute;
}
.form-container {
  top: 226px;
  left: 407px;
  width: 1106px;
  height: 509px;
  background: #2a3e4c 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 24px #00000029;
  border-radius: 6px;
  opacity: 1;
}
.edit-form-container {
  top: 210px;
  left: 689px;
  width: 543px;
  height: 511px;
  background: #2a3e4c 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 24px #00000029;
  border-radius: 6px;
  opacity: 1;
}
.pop1 {
  top: 30px;
  left: 30px;
  width: 147px;
  height: 31px;
  text-align: left;
  font: normal normal normal 28px/32px Ubuntu;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: capitalize;
  opacity: 1;
  position: relative;
}

.cstname {
  top: 131px;
  left: 30px;
  width: 163px;
  height: 23px;
  float: left;
  letter-spacing: 0.19px;
  opacity: 1;
  position: absolute;
  font: normal normal normal 20px/24px Ubuntu;
  color: #97a1a9;
}
.cstname:after {
  content: " *";
  color: red;
}

.cstno {
  top: 204px;
  left: 30px;
  width: 141px;
  height: 23px;
  float: left;
  letter-spacing: 0.19px;
  opacity: 1;
  position: absolute;
  font: normal normal normal 20px/24px Ubuntu;
  color: #97a1a9;
}
.cstno:after {
  content: " *";
  color: red;
}
.invcno {
  top: 277px;
  left: 30px;
  width: 116px;
  height: 23px;
  float: left;
  font: normal normal normal 20px/24px Ubuntu;
  letter-spacing: 0.19px;
  opacity: 1;
  position: absolute;
  color: #97a1a9;
}
.invcno:after {
  content: " *";
  color: red;
}
.invcbut {
  top: 350px;
  left: 30px;
  width: 159px;
  height: 23px;
  float: left;
  font: normal normal normal 20px/24px Ubuntu;
  letter-spacing: 0.19px;
  opacity: 1;
  position: absolute;
  color: #97a1a9;
}
.invcbut:after {
  content: " *";
  color: red;
}
.dt {
  top: 131px;
  left: 593px;
  width: 101px;
  height: 23px;
  text-align: left;
  font: normal normal normal 20px/24px Ubuntu;
  letter-spacing: 0.19px;
  opacity: 1;
  color: #97a1a9;
  position: absolute;
}
.dt:after {
  content: " *";
  color: red;
}
.nts {
  top: 205px;
  left: 593px;
  width: 55px;
  height: 23px;
  text-align: left;
  font: normal normal normal 20px/24px Ubuntu;
  letter-spacing: 0.19px;
  color: #97a1a9;
  opacity: 1;
  position: absolute;
}

#c1 {
  top: 121px;
  left: 213px;
  width: 300px;
  height: 45px;
  background: #283a46 0% 0% no-repeat padding-box;
  border: 1px solid #356680;
  border-radius: 10px;
  opacity: 1;
  position: absolute;
}
#c2 {
  top: 194px;
  left: 213px;
  width: 300px;
  height: 45px;
  background: #283a46 0% 0% no-repeat padding-box;
  border: 1px solid #356680;
  border-radius: 10px;
  opacity: 1;
  position: absolute;
}
#c3 {
  top: 267px;
  left: 213px;
  width: 300px;
  height: 45px;
  background: #283a46 0% 0% no-repeat padding-box;
  border: 1px solid #356680;
  border-radius: 10px;
  opacity: 1;
  position: absolute;
}
#c4 {
  top: 340px;
  left: 213px;
  width: 300px;
  height: 45px;
  background: #283a46 0% 0% no-repeat padding-box;
  border: 1px solid #356680;
  border-radius: 10px;
  opacity: 1;
  position: absolute;
}
#c5 {
  top: 121px;
  left: 776px;
  width: 300px;
  height: 45px;
  background: #283a46 0% 0% no-repeat padding-box;
  border: 1px solid #356680;
  border-radius: 10px;
  opacity: 1;
  position: absolute;
}
#c6 {
  top: 194px;
  left: 776px;
  width: 300px;
  height: 191px;
  background: #283a46 0% 0% no-repeat padding-box;
  border: 1px solid #356680;
  border-radius: 10px;
  opacity: 1;
  position: absolute;
}
#cncl {
  top: 451px;
  left: 50.5px;
  width: 60px;
  height: 23px;
  text-align: left;
  font: normal normal normal 20px/24px Ubuntu;
  background: #2a3e4c 0% 0% no-repeat padding-box;
  border: none;
  border-radius: 10px;
  letter-spacing: 0px;
  color: #14aff1;
  opacity: 1;
  position: absolute;
}
#clear {
  top: 439.71px;
  left: 887.04px;
  width: 87px;
  height: 45px;
  border: 1px solid #14aff1;
  border-radius: 10px;
  opacity: 1;
  background: #2a3e4c 0% 0% no-repeat padding-box;
  position: absolute;
  color: white;
}
#addbut {
  top: 439.71px;
  left: 999.04px;
  width: 77px;
  height: 45px;
  color: white;
  background: #14aff1 0% 0% no-repeat padding-box;
  border-radius: 10px;
  border: none;
  opacity: 1;
  position: absolute;
}
.edit1 {
  top: 30px;
  left: 30px;
  width: 146px;
  height: 31px;
  text-align: left;
  font: normal normal normal 28px/32px Ubuntu;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: capitalize;
  opacity: 1;
  position: absolute;
}
.edit-invoice-amount {
  top: 131px;
  left: 30px;
  width: 144px;
  height: 23px;
  text-align: left;
  font: normal normal normal 20px/24px Ubuntu;
  letter-spacing: 0.19px;
  color: #97a1a9;
  opacity: 1;
  position: absolute;
}
#e2 {
  top: 121px;
  left: 194px;
  width: 319px;
  height: 45px;
  background: #283a46 0% 0% no-repeat padding-box;
  border: 1px solid #356680;
  border-radius: 10px;
  opacity: 1;
  position: absolute;
}
.edit-notes {
  top: 205px;
  left: 30px;
  width: 55px;
  height: 23px;
  text-align: left;
  font: normal normal normal 20px/24px Ubuntu;
  letter-spacing: 0.19px;
  color: #97a1a9;
  opacity: 1;
  position: absolute;
}
#e3 {
  top: 194px;
  left: 194px;
  width: 319px;
  height: 191px;
  background: #283a46 0% 0% no-repeat padding-box;
  border: 1px solid #356680;
  border-radius: 10px;
  opacity: 1;
  position: absolute;
}
#edit-cncl {
  top: 453px;
  left: 50.5px;
  width: 60px;
  height: 23px;
  text-align: left;
  font: normal normal normal 20px/24px Ubuntu;
  background: #2a3e4c 0% 0% no-repeat padding-box;
  border: none;
  letter-spacing: 0px;
  color: #14aff1;
  opacity: 1;
  position: absolute;
}
#edit-reset {
  top: 441.71px;
  left: 314.04px;
  width: 92px;
  height: 45px;
  border: 1px solid #14aff1;
  border-radius: 10px;
  background: #283a46 0% 0% no-repeat padding-box;
  opacity: 1;
  position: absolute;
  color: white;
}
#edit-save {
  top: 441.71px;
  left: 431.04px;
  width: 82px;
  height: 45px;
  background: #14aff1 0% 0% no-repeat padding-box;
  border-radius: 10px;
  opacity: 1;
  color: white;
  position: absolute;
  border: 1px solid #14aff1;
}
.del-popup {
  display: none;
  bottom: 0;
  right: 15px;
  z-index: 20;
  top: 294px;
  left: 654px;
  width: 611px;
  height: 342px;
  position: absolute;
}
.del-form-container {
  top: 294px;
  left: 654px;
  width: 611px;
  height: 342px;
  background: #2a3f4d 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 24px #00000029;
  border-radius: 6px;
  opacity: 1;
}
.del1 {
  top: 30px;
  left: 30px;
  width: 217px;
  height: 31px;
  text-align: left;
  font: normal normal normal 28px/32px Ubuntu;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  position: absolute;
}
.del-text {
  top: 121px;
  left: 30px;
  text-align: left;
  font: normal normal normal 20px/24px Ubuntu;
  letter-spacing: 0px;
  color: #c0c6ca;
  position: absolute;
}
#del-delete {
  top: 271.71px;
  left: 480.04px;
  width: 101px;
  height: 45px;
  background: #14aff1 0% 0% no-repeat padding-box;
  color: #ffffff;
  border-radius: 10px;
  opacity: 1;
  position: absolute;
  border: none;
}
#del-cncl {
  top: 272px;
  left: 355px;
  width: 100px;
  height: 45px;
  background: #2c404e 0% 0% no-repeat padding-box;
  position: absolute;
  color: #ffffff;
  font: normal normal normal 20px/24px Ubuntu;
  border: 1px solid #14aff1;
  border-radius: 10px;
}