/* Usama */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.round-l {
  border-radius: 20px 0 0 20px;
}

.custom-shadow {
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

.input-shadow {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.position-relative {
  position: relative;

}

.position-absolute {
  position: absolute;
  top: 180px;
}

.myshadow {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.custom-class {
  margin-top: 130px;
}

.nav-pills .nav-link {
  color: var(--pgray)
}

select {
  width: 100%;
  padding: 10px;
  font-size: 10px;
  border: 1px solid #84919D;
  border-radius: 10px;
  background-color: #D9D9D9;
  box-sizing: border-box;
  outline: none;
  color: #84919D;
}

tr.greenrow{
  border-bottom: 2px solid var(--green);
}

tr.redrow{
  border-bottom: 2px solid var(--red);
}

tr.yellowrow{
  border-bottom: 2px solid var(--yellow);
}

.nav-link-custom {
  background-color: transparent;
  color: #cdcdcd;
  padding: 0 10px;
  border: none;
  border-bottom: solid #cdcdcd 3px;
}

.nav-link-custom.active {
  color: #000 !important;
  border-bottom: 3px solid #000;
  font-weight: bold;

}

table input {
  border: none;
  outline: none;
  border-bottom: 1px solid;
}

.custom-border {
  border-bottom: 1px solid;
}

td div {
  width: 100%;
}

td div input {
  width: 100%;
}
.max-con {
  width: 33.33%;
}
.arrow-none::-webkit-outer-spin-button,
.arrow-none::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
.arrow-none {
    -moz-appearance: textfield;
}
@media screen and (max-width:1050px) {

  .custom-class {
    margin-top: 220px;
  }

}

@media screen and (max-width:992px) {

  .custom-class {
    margin-top: 250px;
  }
}

@media screen and (max-width:768px) {

  .position-absolute {
    position: relative !important;
    top: 0 !important;
  }

  .custom-class {
    margin-top: 0 !important;
  }
}