.img-float {
    float: left;
    width:  100px;
    height: 100px;
    object-fit: cover;
}

.green-text {
    color: green;
  }
.red-text {
    color: red;
  }
  .yellow-text {
    color: rgb(224, 202, 1);
  }
  .brown-text {
    color: rgb(88, 80, 5);
  }
.blue-text {
    color: blue;
  }

.depak-green {
    color: #68c28e;
}
.depak-dark-green {
    color: #2a4a3d;
}


.depak-brown {
    color: #c25826;
}

.bg-depak-green {
    background-color: #6abe92; /*#68c28e;*/
    border-radius: 10px;
}
.bg-depak-dark-green {
    background-color: #2a4a3d;
}
.bg-depak-brown {
    background-color: #c25826;
}


.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th, .table-bordered td {
  border: 1px solid #dee2e6;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.02);
  /*background-color: rgba(7, 29, 228, 0.02);*/
}

.table-striped tbody tr:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.02);
  /*background-color: rgba(243, 10, 10, 0.02);*/
  /*width: auto;*/
  /*height: auto;*/
  /*overflow:auto;*/
}

.table-striped tbody tr:hover {
  /*background-color:#f5f5f5;*/
  background-color: rgba(0, 0, 0, 0.05);
  width: auto;
  height: auto;
  overflow:auto;
}



.table-striped tfoot input {
  width: 100%;
  font-size: 10px;
}

.table-wrapper .dataTables_wrapper {
  /*overflow-x: hidden;*/
}

.main-content a.blue-text { 
  /*overflow: hidden; */
  /*text-overflow: ellipsis; */
  white-space: normal; 
}