.ad-title {
	font-weight: bold;
	color: #0d6efd;
	cursor: pointer;
}
.alert {
	display: none;
}
.hide {
	display: none;
}
.bg-warning-light {
	background: #FDF7C0;
}
#create-ad-container {

}
#create-ad-container .card .card-header {
	background: none;
	border: 0px;
}
#create-ad-container .card .card-header .card-header-title{
	font-weight: bold;
	font-size: 18px;
}
input[type=checkbox], input[type=radio] {
	cursor: pointer;
}
#alert-container {
	position: fixed;
	width: auto;
	height: 0px;
	top: 0px;
	left: 50%;
	margin-top: 60px; /* Negative half of height. */
	/*
	margin-left: -250px;
	*/ /* Negative half of width. */
	text-align: center;
	z-index: 11111111111111;
}
.place-item {
	cursor: pointer!important;
}
.place-item:hover {
	background: #fafafa!important;
}
#call-to-action-container {
	width: 240px;
}
label {
	width: auto!important;
}
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.check-col {

}
a {
	text-decoration: none!important;
}
#master-container {
	width: 100%;
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}
#dynamicTable {
	/*
	width: 180%;
	*/
}
theader {
	position:sticky;
        top: 0 ;
}
.col-check {
	width: 44px;
}
.breadcrumb-item:last-child {
	font-weight: bold;
}
.searched-items-container .list-group .list-group-item {
	cursor: pointer!important;
}
.searched-items-container .list-group .list-group-item:hover {
	background: #fafafa;
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  justify-content: center !important;
}
.page-item.active .page-link {
  z-index: 1;
  color: #fff !important;
  background-color: #3097D1;
  border-color: #3097D1;
}
.nav-item .nav-link.active {
	font-weight: bold;
}
.pagination .page-item {
	cursor: pointer;
}
.active-columns-container {

		max-height: 400px;
		overflow-y: auto;
		width: 350px;
	}

.btn-auto-width {
	display: inline-block; /* Makes the button an inline-block element */
	width: auto; /* Sets the width to be automatic based on content */
}
.form-check-label {
	display: inline-block;
}
.select-wrapper {
    position: relative;
    width: auto;  /* Adjust as necessary */
}

.select-wrapper:after {

    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;  /* Prevents the icon from being clickable */
}

.select-wrapper .form-select {
    display: block;
    width: 100%;
    -webkit-appearance: none;  /* Removes default styling on iOS */
    -moz-appearance: none;     /* Removes default styling on Firefox */
    appearance: none;         /* Removes default styling */
}



.cl-manager { font-family: "DM Sans", "Segoe UI", sans-serif; color: #111827; }
.cl-header { display: flex; align-items: center; justify-content: space-between; padding: 18px 0 10px; }
.cl-header-eyebrow { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: #9ca3af; font-weight: 500; }
.cl-header-title   { margin: 0; font-size: 22px; font-weight: 700; letter-spacing: -.5px; }
.cl-btn-primary { background: #6366f1; color: #fff; border: none; border-radius: 10px; padding: 9px 18px; font-weight: 600; font-size: 13px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; box-shadow: 0 2px 8px rgba(99,102,241,.28); transition: opacity .15s; }
.cl-btn-primary:hover { opacity: .88; }
.cl-btn-secondary { background: #f3f4f6; color: #374151; border: 1.5px solid #e5e7eb; border-radius: 9px; padding: 7px 14px; font-size: 13px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; transition: background .12s; }
.cl-btn-secondary:hover { background: #e9eaec; }
.cl-btn-danger { background: #fee2e2; color: #dc2626; border: none; border-radius: 9px; padding: 7px 14px; font-size: 13px; cursor: pointer; }
.cl-btn-icon { background: #f3f4f6; border: none; border-radius: 9px; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: #374151; }
.cl-breadcrumb-wrap { padding: 4px 0 14px; }
.cl-summary-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 18px; }
@media (max-width: 768px) { .cl-summary-row { grid-template-columns: repeat(2, 1fr); } }
.cl-summary-card { background: #fff; border: 1.5px solid #e5e7eb; border-radius: 14px; padding: 16px 18px; box-shadow: 0 1px 3px rgba(0,0,0,.04); }
.cl-summary-icon  { font-size: 18px; margin-bottom: 6px; }
.cl-summary-value { font-size: 20px; font-weight: 700; letter-spacing: -.4px; }
.cl-summary-label { font-size: 12px; color: #6b7280; margin-top: 2px; }
.cl-summary-sub   { font-size: 11px; color: #9ca3af; }
.cl-summary-card--purple .cl-summary-value { color: #6366f1; }
.cl-summary-card--amber  .cl-summary-value { color: #d97706; }
.cl-summary-card--green  .cl-summary-value { color: #16a34a; }
.cl-summary-card--blue   .cl-summary-value { color: #2563eb; }
.cl-toolbar { background: #fff; border: 1.5px solid #e5e7eb; border-radius: 14px; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.cl-toolbar-left, .cl-toolbar-right { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cl-search-wrap { position: relative; }
.cl-search-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #9ca3af; pointer-events: none; font-size: 13px; }
.cl-search-input { padding: 7px 12px 7px 32px; border: 1.5px solid #e5e7eb; border-radius: 9px; font-size: 13px; background: #f9fafb; width: 220px; outline: none; transition: border .15s; }
.cl-search-input:focus { border-color: #a5b4fc; background: #fff; }
.cl-ctrl-dropdown { display: inline-block; }
.cl-ctrl-btn { background: #f9fafb; border: 1.5px solid #e5e7eb; border-radius: 9px; padding: 7px 12px; font-size: 12px; color: #374151; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; transition: border-color .12s; white-space: nowrap; }
.cl-ctrl-btn:hover, .cl-ctrl-btn:focus { border-color: #a5b4fc; outline: none; }
.cl-bulk-bar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; background: #eef2ff; border: 1.5px solid #c7d2fe; border-radius: 12px; padding: 10px 16px; margin-bottom: 12px; }
.cl-bulk-count { font-weight: 600; font-size: 13px; color: #4f46e5; }
.cl-bulk-btn { border: none; border-radius: 8px; padding: 5px 12px; font-size: 12px; font-weight: 600; cursor: pointer; }
.cl-bulk-activate { background: #dcfce7; color: #16a34a; }
.cl-bulk-pause    { background: #fef3c7; color: #d97706; }
.cl-bulk-delete   { background: #fee2e2; color: #dc2626; }
.cl-bulk-clear    { background: #f3f4f6; color: #6b7280; }
.cl-loader { display: flex; justify-content: center; padding: 40px; }
.cl-spinner { width: 36px; height: 36px; border: 3px solid #e5e7eb; border-top-color: #6366f1; border-radius: 50%; animation: cl-spin .7s linear infinite; }
@keyframes cl-spin { to { transform: rotate(360deg); } }
.cl-cards-list { display: flex; flex-direction: column; gap: 10px; }
.cl-card { background: #fff; border: 1.5px solid #e5e7eb; border-radius: 14px; padding: 18px 20px; transition: box-shadow .15s, border-color .15s; }
.cl-card:hover { box-shadow: 0 4px 16px rgba(99,102,241,.09); border-color: #c7d2fe; }
.cl-card-top { display: flex; align-items: flex-start; gap: 14px; }
.cl-card-check input[type="checkbox"] { width: 15px; height: 15px; margin-top: 4px; accent-color: #6366f1; cursor: pointer; }
.cl-card-toggle { margin-top: 3px; flex-shrink: 0; }
.cl-card-info { flex: 1; min-width: 0; }
.cl-card-name-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cl-card-meta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 5px; font-size: 12px; color: #9ca3af; }
.cl-card-meta span { display: flex; align-items: center; gap: 4px; }
.cl-card-actions { display: flex; gap: 6px; flex-shrink: 0; align-items: center; }
.cl-campaign-name { font-weight: 700; font-size: 15px; color: #111827; text-decoration: none; letter-spacing: -.2px; cursor: pointer; transition: color .12s; }
.cl-campaign-name:hover { color: #6366f1; }
.cl-campaign-name--inactive { color: #9ca3af; font-style: italic; font-weight: 500; }
.cl-action-btn { background: #f3f4f6; border: none; border-radius: 8px; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: #6b7280; font-size: 13px; text-decoration: none; transition: background .1s, color .1s; }
.cl-action-btn:hover { background: #e5e7eb; color: #111827; }
.cl-badge { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 20px; font-size: 11.5px; font-weight: 600; white-space: nowrap; }
.delivery-active    { background: #dcfce7; color: #16a34a; }
.delivery-learning  { background: #fef3c7; color: #d97706; }
.delivery-inactive  { background: #f3f4f6; color: #6b7280; }
.delivery-pending   { background: #ede9fe; color: #7c3aed; }
.delivery-rejected  { background: #fee2e2; color: #dc2626; }
.delivery-completed { background: #e0f2fe; color: #0284c7; }
.cl-badge-pulse { width: 7px; height: 7px; border-radius: 50%; background: #16a34a; display: inline-block; animation: cl-pulse 2s ease-in-out infinite; }
@keyframes cl-pulse { 0%,100%{opacity:1} 50%{opacity:.35} }
.cl-toggle { position: relative; display: inline-block; cursor: pointer; }
.cl-toggle-input { position: absolute; opacity: 0; width: 0; height: 0; }
.cl-toggle-track { display: block; width: 40px; height: 22px; border-radius: 11px; background: #d1d5db; transition: background .2s; }
.cl-toggle-input:checked + .cl-toggle-track { background: #6366f1; }
.cl-toggle-thumb { position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: left .2s; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
.cl-toggle-input:checked ~ .cl-toggle-track .cl-toggle-thumb { left: 21px; }
.cl-card-divider { height: 1px; background: #f3f4f6; margin: 14px 0; }
.cl-card-bottom { display: flex; align-items: center; gap: 0; flex-wrap: wrap; }
.cl-metrics     { display: flex; gap: 24px; flex: 1; flex-wrap: wrap; align-items: center; }
.cl-vdivider    { width: 1px; height: 48px; background: #e5e7eb; margin: 0 20px; flex-shrink: 0; }
.cl-budget      { min-width: 220px; max-width: 300px; flex: 0 0 auto; }
.cl-stat       { text-align: center; min-width: 68px; }
.cl-stat-value { font-size: 15px; font-weight: 700; color: #111827; letter-spacing: -.3px; }
.cl-stat-label { font-size: 11px; color: #9ca3af; margin-top: 1px; }
.cl-budget-row { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 5px; }
.cl-budget-row--mt { margin-top: 10px; }
.cl-budget-label { font-size: 12px; color: #6b7280; }
.cl-budget-value { font-size: 12px; font-weight: 600; color: #374151; }
.cl-budget-of    { font-weight: 400; color: #9ca3af; }
.cl-bar { height: 4px; border-radius: 2px; background: #e5e7eb; overflow: hidden; }
.cl-bar-fill { height: 100%; border-radius: 2px; background: #6366f1; transition: width .3s; }
.cl-bar-fill--lifetime { background: #a78bfa; }
.cl-bar-fill.cl-bar-danger { background: #ef4444; }
.cl-empty { text-align: center; padding: 64px 24px; background: #fff; border: 1.5px solid #e5e7eb; border-radius: 14px; }
.cl-empty-icon  { font-size: 36px; margin-bottom: 12px; color: #d1d5db; }
.cl-empty-title { margin: 0 0 6px; font-size: 17px; font-weight: 600; color: #374151; }
.cl-empty-sub   { margin: 0; font-size: 13px; color: #9ca3af; }
.cl-pagination-wrap { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 24px; flex-wrap: wrap; }
.cl-pagination { display: flex; align-items: center; gap: 8px; }
.cl-pagination-go { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #6b7280; }
.cl-pagination-input { width: 48px; text-align: center; border: 1.5px solid #e5e7eb; border-radius: 8px; padding: 5px 6px; font-size: 13px; outline: none; }
.cl-pagination-of { white-space: nowrap; }
.cl-muted    { color: #9ca3af; }
.cl-negative { color: #dc2626; }
.cl-currency { color: #9ca3af; font-size: .85em; }
.hide        { display: none !important; }