.submit-approval-btn{
  display: contents;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 35px;
  height: 35px;
  margin: 6px;
  margin-top: 40px;
  border: 6px solid #006496;
  border-radius: 80%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #006496 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


table {
    width: 100%;
  }
  .example-container {
    height: auto;
    max-height: 800px;
    overflow: auto;
  }

  td.mat-cell{
  padding-left: 3px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-right: 0.1px solid gray;
  border-left: 0.1px solid gray;
}
.mat-icon-delete{
  color: #006496;
  cursor: pointer;
}
  

.app-data-table {
    margin-top: 0px;
  }

  
th{
    background-color: #2125299c;
    color: rgb(255, 255, 255);
    font-size: 15px;
    border-radius: 2px;
    height: 35px;
  }
  
  tr:nth-child(even) {
    background-color: #dddddd;
    font-size: 2px;
    height: 35px;
    border-radius: 4px;
    
  }
  
  tr:nth-child(odd) {
    font-size: 2px;
    height: 35px;
    border-radius: 4px;
  }