.plan-contractor-detail-view {
   border: #CCC 1px solid;
}

.plan-contractor-detail-view td,
.plan-contractor-detail-view th {
   padding: 5px 10px;
}

/* contractordetail,tradesearch */
.contractor-detail-tbl th,
.contractor-detail-tbl td,
.tradesearch-tbl th,
.tradesearch-tbl td,
.contractordetailnew-tbl th,
.contractordetailnew-tbl td {
   padding: 5px;
}

/* inspection-search2-guest */
#tabs #permitTabs {
   min-width: 180px;
}

@media (max-width: 767.98px) {

   /* project-permit-new */
   .proj-permit-table tr:nth-of-type(3) {
      display: none;
   }

   .proj-permit-table tr {
      display: block;
      margin-bottom: 1rem;
      border: 1px solid #dee2e6;
      border-radius: 8px;
      padding: 10px;
      background: #fff;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
   }

   .proj-permit-table td {
      display: flex;
      justify-content: space-between;
      padding: 6px 0;
      border: none !important;
      border-bottom: 1px dashed #d2d7db !important;
   }

   .proj-permit-table td::before {
      content: attr(data-label);
      font-weight: 600;
      color: #333;
   }

   .proj-permit-table td,
   .proj-permit-table td * {
      white-space: normal;
      overflow-wrap: break-word;
      word-break: break-word;
   }

   /* inspection-search2-guest */
   #tabs #permitTabs {
      width: 100%;
      margin: 0;
   }

   /* contractordetail-new */
   .contractordetailnew-tbl {
      width: 100% !important;
      display: block;
      overflow-x: auto;
   }

   .contractordetailnew-tbl th,
   .contractordetailnew-tbl td {
      font-size: 13px;
      padding: 8px;
      white-space: normal;
   }

   .contractordetailnew-tbl th {
      width: 40%;
      text-align: left;
      white-space: nowrap;
   }

   .contractordetailnew-tbl td {
      width: 60%;
   }

   /* common */
   .permit-table {
      border: none !important;
   }

   .permit-table tr {
      border: 1px solid #c8d4da;
      border-radius: 12px;
      margin-bottom: 1rem;
      background: #fff;
      box-shadow: 0 6px 16px rgba(30, 42, 60, 0.12);
   }

   .permit-table td {
      border: none !important;
      border-bottom: 1px dashed #d2d7db !important;
      padding: 8px 0;
   }

   .permit-table td:last-child {
      border-bottom: none !important;
   }

   .permit-results-table td:last-child {
      border-bottom: 0 !important;
   }

}

@media (min-width:768px) and (max-width:1200px) {

   .contractordetailnew-tbl {
      width: 100% !important;
      overflow-x: auto;
   }
}