.cicontent fieldset {
  margin: 0 auto;
  max-width: 250px;
}

#clear {
  float: right;
}

/* Standard Table Styling */

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table-bordered {
  border: 1px solid #ddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
}
.table th, .table td {
  line-height: 20px;
  text-align: left;
  vertical-align: top;
}
.table td { border-top: 1px solid #ddd; }
.table-condensed th, .table-condensed td {
  padding: 4px 5px;
}
.table-bordered th, .table-bordered td {
  border-left: 1px solid #ddd;
}
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
/**/
#dragdropTable tr {
  height: 3rem;
}

#dragdropTable td {
  height: 4rem;
  position: relative;
  text-align: center;
  padding: 10px 16px;
}

.tab-content {
  overflow: visible;
}

.table i.fas {
  cursor: pointer;
  width: 50%;
  left: 0;
  top: 10px;
  position: absolute;
  font-size: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  margin-left: 25%;
}

.drag-drop-img {
  z-index: 26;
  width: 60px;
  height: 60px;
}

#icon-clone {
  display: block;
  position: fixed;
  text-align: center;
  z-index: 1000;
  max-width: 50px;
  max-height: 50px;
  margin: 0;
  pointer-events: none;
}

i.fas.transition {
  transition: top 0.5s ease-in-out, left 0.5s ease-in-out;
}

i.fa-female,
i.fa-male {
  font-size: 3rem;
}

i.fa-laptop {
  color: #bc80bd;
  font-size: 2.3rem;
  height: 2.3rem;
}

i.fa-female {
  color: #ff6347;
}

i.fa-male {
  color: #00008b;
}

i.fa-money-bill-alt {
  color: #006400;
}

i.fa-at {
  color: #b3de69;
}

i.fa-server {
  color: #fdb462;
}

i.fa-home {
  color: #80b1d3;
}

i.fa-mobile-alt {
  color: #c71585;
}

i.fa-building {
  color: #b22222;
}

i.fa-credit-card {
  color: #3cb371;
}