/* Overrides for Tailwind CSS */

/* Form fields */

.dataTables_wrapper select,
.dataTables_wrapper .dataTables_filter input {
  color: #4a5568;
  padding: 0.5rem 1rem;
  line-height: 1.25;

  /* leading-tight */

  border-width: 2px;

  /* border-2 */

  border-radius: 0.25rem;
  border-color: #edf2f7;

  /* border-gray-200 */

  background-color: #edf2f7;

  /* bg-gray-200 */
}

/* Row Hover */

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
  background-color: #ebf4ff;

  /* bg-indigo-100 */
}

/* Pagination Buttons */

.dataTables_wrapper .dataTables_paginate .paginate_button {
  font-weight: 700;

  /* font-bold */

  border-radius: 0.25rem;

  /* rounded */

  border: 1px solid transparent;

  /* border border-transparent */
}

/* Pagination Buttons - Current selected */

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: #fff !important;

  /* text-white */

  /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 10%), 0 1px 2px 0 rgba(0, 0, 0, 6%); */

  /* shadow */

  font-weight: 700;

  /* font-bold */

  border-radius: 0.25rem;

  /* rounded */

  background: #667eea !important;

  /* bg-indigo-500 */

  border: 1px solid transparent;

  /* border border-transparent */
}

/* Pagination Buttons - Hover */

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #fff !important;

  /* text-white */

  /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 10%), 0 1px 2px 0 rgba(0, 0, 0, 6%); */

  /* shadow */

  font-weight: 700;

  /* font-bold */

  border-radius: 0.25rem;

  /* rounded */

  background: #667eea !important;

  /* bg-indigo-500 */

  border: 1px solid transparent;

  /* border border-transparent */
}

/* Add padding to bottom border */

table.dataTable.no-footer {
  border-bottom: 1px solid #e2e8f0;

  /* border-b-1 border-gray-300 */

  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

/* Change colour of responsive icon */

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
  background-color: #667eea !important;

  /* bg-indigo-500 */
}
table.dataTable thead {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}

#datatable {
  border-collapse: separate;
  border-spacing: 0 1em;
}
#datatable.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}
#datatable > thead > tr > th {
  color: #898989;
  font-size: 14px;
  font-weight: 500;
  padding-left: 5px;
  text-align: left;
  cursor: pointer;
}
#datatable > thead > tr.loading {
  position: relative;
}
#datatable > thead > tr.loading::after {
  content: '';
  background: #ed7f03;
  width: 100%;
  height: 5px;
  transform-origin: left center;
  display: block;
  animation: 3s linear slidein infinite;
  transform: scaleX(0);
  position: absolute;
  right: 0;
  bottom: 0;
}
@keyframes slidein {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

#datatable > thead > tr > th.sorting {
  /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7XQMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC); */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7XQMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: right;
}
#datatable > thead > tr > .sorting_asc {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==) !important;
  background-repeat: no-repeat;
  background-position: right;
}
#datatable > thead > tr > .sorting_desc {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=) !important;
  background-repeat: no-repeat;
  background-position: right;
}
#datatable tbody td.dataTables_empty {
  background-color: #f6f6f6;
  color: #2d2d2d;
  text-align: center;
  line-height: 61px;
}
#datatable tbody tr.odd td {
  color: #2d2d2d;
}

#datatable thead th,
#datatable tbody td {
  color: #2d2d2d;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  height: 61px;
}
#datatable tbody td {
  padding: 8px 30px 8px 5px;
}
#datatable thead th {
  padding-left: 5px;
}
#datatable tbody td:first-child {
  font-size: 16px;
  padding: 8px 30px;
  /* styles */
}
#datatable .active tr:hover {
  box-shadow: none;
}

#datatable .active tr:hover td {
  background: #1ea9ed;
  color: #fff;
  cursor: pointer;
}

table.contracts tr td,table.contracts tr th{
  max-width: 180px;
  min-width: 140px;
}

table.contracts > thead > tr > th{
  white-space: nowrap;
}
table.contracts > thead > tr > th {
  padding-left: 0 !important;
  padding-right: 16px !important;
  text-align: center !important;
}
table.contracts > thead > tr > th:first-child {
  text-align: left !important;
  padding-left: 30px !important;
}