.form-div {
  position: relative;
  width: calc(100%);
  padding: 5px;
  max-height: fit-content;
}

.form-list {
  position: relative;
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-color: white;
  border-radius: 10px;
  max-height: fit-content;
  box-shadow: -3px 2px 5px -1px #898989;
}

.form-add {
  position: relative;
  background-color: white;
  max-height: fit-content;
  border-radius: 10px;
  display: none;
  box-shadow: -3px 2px 5px -1px #898989;
}

.title-bar {
  position: relative;
  width: 100%;
  background-color: #4d4d4d;
  height: 35px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.title-bar .title-text {
  position: relative;
  padding: 5px;
  color: white;
  font-weight: bold;
  font-size: large;
  margin-left: 5px;
  top: 3px;
}

.form-content {
  position: relative;
  padding: 10px;
  width: 100%;
}
.form-control:disabled {
  cursor: not-allowed !important;
}

.form-content .form-btns {
  position: relative;
  width: 100%;
  padding: 5px;
  text-align: right;
  margin-top: 5px;
}

.form-content .search-box {
  position: relative;
  margin-top: 8px;
  margin-bottom: 5px;
}

.edit-btn,
.del-btn {
  min-width: 36px !important;
  padding: 3px !important;
  font-size: 11px;
  text-transform: none !important;
}

.close-btn {
  position: absolute;
  padding: 4px;
  width: 26px;
  height: 26px;
  font-size: 12px;
  border-radius: 25px !important;
  right: 10px;
  top: 3px;
}


.back-btn {
  position: absolute;
  padding: 4px;
  height: 28px;
  font-size: 12px;
  /* border-radius: 25px !important; */
  right: 10px;
  top: 3px;
}


.export-btn {
  position: absolute;
  right: 10px;
}

.idbox {
  max-width: 100px;
}
.dtbox {
  max-width: 120px;
  min-width: 120px;
}

.srnocol {
  width: 65px !important;
  max-width: 65px !important;
}

.lbl {
  position: relative;
  margin-left: 10px;
}

.table-div {
  position: relative;
  display: block;
  margin: 0px;
  padding: 0px;
  height: calc(100vh - 300px);
  overflow: auto;
}

.det-table-div {
  position: relative;
  display: block;
  margin: 0px;
  padding: 0px;
  max-height: 450px;
  overflow: auto;
}

.addbtn-list {
  position: relative;
  width: 100%;
  padding-bottom: 20px;
}

.export-link {
  position: absolute;
  right: 10px;
  margin-top: 38px;
  color: green;
  cursor: pointer;
}
.export-link-left {
  position: relative;
  color: green;
  cursor: pointer;
}
.export-link a {
  color: green;
  cursor: pointer;
}
.export-link-left a {
  margin-left: 5px;
}

.loader-div {
  position: relative;
  display: block;
  text-align: center;
  width: 100%;
  font-size: 11px;
}
.spin {
  animation: spin 2s linear infinite;
}

.divminwidth {
  min-width: 145px !important;
}

.filter-div {
  position: relative;
  display: none;
}
/* .filter-div{
    position: fixed;
    display: none;
    width: calc(100% - 20px);
    height: 100vh;
    top: 5px;
    z-index: 99999;
    background: white;
    border-radius: 12px;
    padding: 10px;
    transform: translate(-15px, -10px);
    box-shadow: 4px 2px 5px 1px lightgray;
    backdrop-filter: blur(74px) !important;
} */

#tab, #tab2, #tab3 {
  cursor: pointer;
}

@media only screen and (max-width: 600px) {
  .edit-btn,
  .del-btn {
    padding: 2px !important;
    font-size: 9px;
  }

  .addarrbtn {
    display: block;
    font-size: 14px;
    width: 100%;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}