.tablepage {
  .table td img {
    width: 50px;
    height: 50px;
  }

  .bg-active {
    background-color: #dee2e6;
  }

  .bg-default {
    background-color: #d8d7d7;
  }
  .color2
  {
    width: 25px;
    height: 25px;
    margin-right: 2px;
    margin-bottom: 10px;
    border-radius: 50px;
    cursor: pointer;

  }
  .color2 i {
    position: relative;
    opacity: 0;
    left: -5px;
    top: 1px;
    -webkit-text-stroke: 0.4px;
  }

  .imicon-align {
    position: relative;
    left: 5px;
    top: 4px;
    -webkit-text-stroke: 0.4px;
  }
  .card{
    border-radius: 9px;
}
.table-responsive{
    border-top-left-radius: 9px;
    border-top-right-radius:9px ;
}
}

#table1_length .form-control-sm
{
  padding: 5px 18px;
}
.dt-buttons.btn-group
{
  display: table;
}

.dt-search,
.dt-length {
    margin-bottom: 1rem;
}

.grid-table{
.card {
    width: 95%;
}
textarea {
    width: 70%;
}
.card-body .grid-size {
    overflow-x: hidden;
}
#grid7 {
    overflow: hidden;
}
}

.table-top thead{
    border: 0;
    border-color: inherit;
    border-top-color: #fff;
}