.report-header {
    gap: 1rem;
}

.report-header-left {
    flex: 0 0 auto;
}

.report-header-center {
    flex: 1 1 auto;
    max-width: 260px;
}

.report-header-right {
    flex: 0 0 auto;
    line-height: 1.1;
}



#tablewrapper {padding-left:5vw; padding-right:5vw; padding-top:20px;}


#example tbody tr.row-active {
    background-color: rgba(100, 180, 255, 0.15);
}

#example.dataTable {
    font-size: 0.8125rem;
}

#example.dataTable td,
#example.dataTable th {
    padding: 0.4rem 0.5rem;
}

.dt-3primary {color:#CCC;}
.dt-secondary {color:#777;}

#example.dataTable thead > tr > th .dt-column-header { display:inline-flex !important; }
#example.dataTable thead > tr > th .dt-column-order { order:-1 !important; }

.dt-length,
.dt-search,
.dt-info,
.dt-paging .page-link {
    font-size: 0.8125rem;
}

.loading-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
}

/* --- LATEST REVIEWS PAGE --- */

.view-reviews-btn {
	font-size: 0.75rem;
}

.owner-reply-btn {
    padding: 0.15rem 0.4rem;
    font-size: 0.75rem;
	cursor: pointer;    
}

#ownerReplyText {
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
}

/* --- DataTables buttons --- */
.dt-buttons .btn {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
}

/* Match in-cell buttons */
.dt-buttons .btn {
    @apply btn btn-sm btn-outline-secondary;
}

/* Fallback if @apply isn't available */
.dt-buttons .btn {
    background-color: transparent;
    border: 1px solid #6c757d;
    color: #6C7585;
}

.dt-buttons .btn:hover {
    background-color: #e9ecef;
    color: #212529;
}

.dt-paging nav .pagination {
    justify-content: flex-end;
}

.fav-pin::before {
  color: #555;
  font-size: 1.3rem;
  cursor: pointer;
  transition: color .15s ease, transform .1s ease;
  padding-top:8px;
}

.freeBadge {
  cursor: pointer;
  color: #fff;
  background: #1177dc;
}

.proBadge {
  color: #fff;
  background: linear-gradient(
    to bottom,

    #f7884c 0%, /* bottom */
    #de5082 50%,  /* middle */
    #bd4bd2 100%   /* top */    

  );
}

.ai-summary {
	display: inline-block;
	
	background-image:	linear-gradient(
	    to bottom,
		#f7884c 35%, /* top*/
		#de5082 50%,  /* middle */
		#bd4bd2 65%   /* bottom  */    
		);

	color: transparent;
	-webkit-text-fill-color: transparent;
	
    background-clip: text;
    -webkit-background-clip: text;
    
}

.fav-pin:hover {
  color: #888;
  transform: scale(1.05);
}

.fav-pin.is-fav {
  background: linear-gradient(
    to bottom,
    #bd4bd2 0%,   /* top */
    #de5082 50%,  /* middle */
    #f7884c 100%  /* bottom */
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fav-pin.is-fav::before {
  background: linear-gradient(
    to bottom,
    #bd4bd2 0%,   /* top */
    #de5082 50%,  /* middle */
    #f7884c 100%  /* bottom */
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  
  display: inline-block; /* important for Safari */
  color: transparent;    /* fallback */
}

.business-reviews-btn2.is-fav {
  border: solid 2px transparent;
  border-radius: 4px;
  border-image: linear-gradient(
    to bottom,
    #bd4bd2,
    #de5082,
    #f7884c
  ) 1;
}

.business-reviews-btn.is-fav {
  position: relative;
  border-radius: 4px;
  background: transparent; /* inner background */
}

.business-reviews-btn.is-fav::before {
  content: "";
  position: absolute;
  inset: -2px;
  padding: 2px;                 /* border thickness */
  border-radius: inherit;
  background: linear-gradient(180deg, #bd4bd2, #de5082, #f7884c);

  /* hollow out the middle */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  pointer-events: none;
}

.logo_square {
	border-top: 1px solid #525960;
	border-bottom: 1px solid #525960;	
}