:root {
	--bg: #0f172a;
	--panel: #111827;
	--card: #0b1220;
	--border: #1f2933;
	--text: #e5e7eb;
	--muted: #9ca3af;
	--blue: #3b82f6;
	--green: #22c55e;
	--purple: #a855f7;
	--red: #ef4444;
	--yellow: #facc15;
}

:root {
	--primary-color: #455763;
	--border-color: #e3e6ea;
}
* {
	font-family: "Open Sans", sans-serif !important;
}

.fa, .fas {
	font-family: 'Font Awesome 5 Free' !important;
}

.pc-sidebar .m-header {
	height: 78px;
}

.DT-search {
	display: none;
}

.breadcrumb-text {
	height: 46px;
	background: #fff;
	padding-left: 10px;
	padding-top: 15px;
	border-bottom: 1px solid #ddd;
	margin: -20px;
	margin-bottom: 20px;
}
	.breadcrumb-text h2 {
		margin-bottom: 0px;
		font-weight: 600;
		color: #3f5864;
		font-size: 15px;
	}

.pc-content {
	padding: 20px !important;
}

.pc-container .pc-content {
	background: #e5ecff8f;
}
.dataTables_wrapper .table-header {
	background-color: #f7f8fb;
	padding: 8px;
	border-radius: 8px;
	border: 1px solid #dee2e6;
	margin-bottom: 10px;
}

.DT-lf-right {
	float: right;
	white-space: nowrap;
}

.DT-per-page {
	display: inline-block;
}

.DT-per-page select {
	padding: 4px 6px;
	width: 60px;
	display: inline-block;
}

.dataTables_length, .dataTables_filter {
	margin: unset;
}

.alphabet {
	display: table;
	text-align: center;
	width: 70%;
	margin: 14px 8px;
	position: absolute;
	z-index: 100;
}

.alphabet span:hover {
	text-decoration: none;
	background: #e1e1e1;
	border-radius: 4px;
}

.alphabet span.active {
	color: #ffffff;
	background: #e1e1e1;
	border-radius: 4px;
	font-weight: 500;
}

.alphabet span {
	display: table-cell;
	color: #000;
	cursor: pointer;
	text-align: center;
	width: 12px;
}

.table-header {
	background: #3daacf;
	position: relative;
	border: 1px solid #e4e4e4;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}

.dataTables_wrapper .table-header .table-caption {
	float: left;
	line-height: 20px;
	padding: 5px 10px 5px 0;
	width: auto;
	font-size: 15px;
	font-weight: 600;
	margin: 0;
}

.table-footer {
	position: relative;
}

.dataTables_wrapper .DT-label {
	color: #888;
	line-height: 29px;
}

.DT-label {
	float: left;
	font-size: 14px;
}

.DT-pagination {
	float: right;
}

.dataTables_paginate .pagination > li > a, .dataTables_paginate .pagination > li > span {
	font-size: 14px;
}

/* ── Pagination ── */

.pagination {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 4px;
}

.pagination > li > a:hover {
	background-color: #f0f2f5;
	color: #0d6efd;
}

	.pagination > li > a:hover {
		background-color: unset;
		color: unset;
	}
	.pagination li a:hover {
		background: #f0f3f5;
	}

	

.pagination > li.active > a, 
.pagination > li.active > span {
	color: #0d6efd;
}
	.pagination > li.active > a,
	.pagination > li.active > span {
		color: unset;
	}
	.pagination li.active a,
	.pagination li.active span {
		background: var(--primary-color) !important;
		border-color: var(--primary-color) !important;
		color: #fff !important;
	}

.dataTables_paginate .pagination > li > a, .dataTables_paginate .pagination > li > span {
	font-size: 14px;
	padding: 5px 10px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pagination > li > a, 
.pagination > li > span {
	margin-right: 0px !important;
}

.pagination > li > a, 
.pagination > li > span {
	background-color: transparent;
	border: 1px solid #e4e4e4;
	color: #7b7b7b;
	margin-right: 5px;
	border-radius: 2px;
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	text-decoration: none;
}
.pagination li a,
.pagination li span {
	display: inline-block;
	padding: 5px 11px;
	border: 1px solid #d5dbe0;
	border-radius: 4px;
	color: var(--primary-color);
	font-size: 13px;
	cursor: pointer;
	text-decoration: none;
	background: #fff;
	transition: background 0.15s;
}
.pagination li.disabled a,
.pagination li.disabled span {
	color: #aaa !important;
	cursor: default;
	pointer-events: none;
}

/* ── Pagination ── */


table.has-columns-hidden > tbody > tr > td > span.responsiveExpander {
	background: url('../Images/DT_plus.png') no-repeat 5px center;
	padding-left: 32px;
	cursor: pointer;
}

table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander {
	background: url('../Images/DT_minus.png') no-repeat 5px center;
}

table.has-columns-hidden > tbody > tr.row-detail > td {
	background: #fff;
}

table.has-columns-hidden > tbody > tr.row-detail > td > ul {
	margin-bottom: 0;
}

table.has-columns-hidden > tbody > tr.row-detail > td > ul > li > span.columnTitle {
	font-weight: bold;
}

table.has-columns-hidden > tbody > tr.row-detail > td > ul > li {
	padding: 0.5em 0;
}

.logo-img {
	width: 220px;
}

.chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 16px 0;
}

.chip {
	background: #5b6b79;
	border: 1px solid #5b6b79;
	border-radius: 20px;
	padding: 6px 12px;
	font-size: 12px;
	color: #fff;
}

.chip span {
	margin-left: 6px;
	cursor: pointer;
	color: #fff;
}

.border-style {
	border-left: 2px solid;
}

@media (max-width:576px) {
	.border-style {
		border-left: unset;
		border-top: 2px solid;
	}
}

.img {
	height: auto;
	width: 100px;
}

.map-overlay-card {
	position: absolute;
	top: 10px;
	right: 10px;
	background: rgba(255,255,255,0.9);
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 14px;
	max-height: 90%;
	overflow-y: auto;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	z-index: 10;
}

.note-editor {
	border: 1px solid #d6d6d6;
	background: #fff;
}

.note-editor .note-dropzone {
	position: absolute;
	display: none;
	z-index: 1;
	border: 2px dashed #87cefa;
	color: #87cefa;
	background-color: #fff;
	opacity: .95;
	pointer-event: none;
}

.note-editor .note-dropzone .note-dropzone-message {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}

.note-editor .note-dropzone.hover {
	border: 2px dashed #098ddf;
	color: #098ddf;
}

.note-editor.dragover .note-dropzone {
	display: table;
}

.note-editor.fullscreen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1050;
}

.note-editor.fullscreen .note-editable {
	background-color: #fff;
}

.note-editor.fullscreen .note-resizebar {
	display: none;
}

.note-editor.codeview .note-editable {
	display: none;
}

.note-editor.codeview .note-codable {
	display: block;
}

.note-editor .note-toolbar {
	padding-left: 5px;
	padding-bottom: 5px;
	margin: 0;
	background-color: #f5f5f5;
	border-bottom: 1px solid #d6d6d6;
}

.note-editor .note-toolbar .fa {
	font-size: 14px;
	margin: 0 !important;
}

.note-editor .note-toolbar > .btn-group {
	margin-top: 5px;
	margin-left: 0;
	margin-right: 5px;
}

.note-editor .note-toolbar > .btn-group > .btn {
	padding-top: 5px;
	padding-bottom: 5px;
}

.note-editor .note-toolbar .dropdown-menu {
	white-space: nowrap;
}

.note-editor .note-toolbar .dropdown-menu .btn-group {
	float: none;
}

.note-editor .note-toolbar .dropdown-menu > li > a {
	cursor: pointer;
}

.note-editor .note-toolbar .note-table .dropdown-menu {
	min-width: 0;
	padding: 5px;
}

.note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker {
	font-size: 18px;
}

.note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher {
	position: absolute !important;
	z-index: 3;
	width: 10em;
	height: 10em;
	cursor: pointer;
}

.note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted {
	position: relative !important;
	z-index: 1;
	width: 5em;
	height: 5em;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;
}

.note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted {
	position: absolute !important;
	z-index: 2;
	width: 1em;
	height: 1em;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;
}

.note-editor .note-toolbar .note-style h1, .note-editor .note-toolbar .note-style h2, .note-editor .note-toolbar .note-style h3, .note-editor .note-toolbar .note-style h4, .note-editor .note-toolbar .note-style h5, .note-editor .note-toolbar .note-style h6, .note-editor .note-toolbar .note-style blockquote {
	margin: 0;
}

.note-editor .note-toolbar .note-color .dropdown-toggle {
	width: 20px;
	padding-left: 5px;
}

.note-editor .note-toolbar .note-color .dropdown-menu {
	min-width: 290px;
	white-space: nowrap;
}

.note-editor .note-toolbar .note-color .dropdown-menu .btn-group {
	margin: 0;
}

.note-editor .note-toolbar .note-color .dropdown-menu .btn-group:first-child {
	margin: 0 5px;
}

.note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title {
	font-size: 12px;
	margin: 2px 7px;
	text-align: center;
	border-bottom: 1px solid #eee;
}

.note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset {
	font-size: 12px;
	margin: 5px;
	padding: 0 3px;
	cursor: pointer;
	border-radus: 5px;
}

.note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover {
	background: #eee;
}

.note-editor .note-toolbar .note-para .dropdown-menu {
	min-width: 216px;
	padding: 5px;
}

.note-editor .note-toolbar .note-para .dropdown-menu > div:first-child {
	margin-right: 5px;
}

.note-editor .note-statusbar {
	background-color: #f5f5f5;
}

.note-editor .note-statusbar .note-resizebar {
	height: 8px;
	width: 100%;
	border-top: 1px solid #d6d6d6;
	cursor: s-resize;
}

.note-editor .note-statusbar .note-resizebar .note-icon-bar {
	width: 20px;
	margin: 1px auto;
	border-top: 1px solid #d6d6d6;
}

.note-editor .note-popover .popover {
	max-width: none;
}

.note-editor .note-popover .popover .popover-content {
	padding: 5px;
}

.note-editor .note-popover .popover .popover-content a {
	display: inline-block;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.note-editor .note-popover .popover .popover-content .btn-group + .btn-group {
	margin-left: 5px;
}

.note-editor .note-popover .popover .arrow {
	left: 20px;
}

.note-editor .note-handle .note-control-selection {
	position: absolute;
	display: none;
	border: 1px solid #000;
}

.note-editor .note-handle .note-control-selection > div {
	position: absolute;
}

.note-editor .note-handle .note-control-selection .note-control-selection-bg {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .3;
	filter: alpha(opacity=30);
}

.note-editor .note-handle .note-control-selection .note-control-handle {
	width: 7px;
	height: 7px;
	border: 1px solid #000;
}

.note-editor .note-handle .note-control-selection .note-control-holder {
	width: 7px;
	height: 7px;
	border: 1px solid #000;
}

.note-editor .note-handle .note-control-selection .note-control-sizing {
	width: 7px;
	height: 7px;
	border: 1px solid #000;
	background-color: #fff;
}

.note-editor .note-handle .note-control-selection .note-control-nw {
	top: -5px;
	left: -5px;
	border-right: none;
	border-bottom: none;
}

.note-editor .note-handle .note-control-selection .note-control-ne {
	top: -5px;
	right: -5px;
	border-bottom: none;
	border-left: none;
}

.note-editor .note-handle .note-control-selection .note-control-sw {
	bottom: -5px;
	left: -5px;
	border-top: none;
	border-right: none;
}

.note-editor .note-handle .note-control-selection .note-control-se {
	right: -5px;
	bottom: -5px;
	cursor: se-resize;
}

.note-editor .note-handle .note-control-selection .note-control-selection-info {
	right: 0;
	bottom: 0;
	padding: 5px;
	margin: 5px;
	color: #fff;
	background-color: #000;
	font-size: 12px;
	border-radus: 5px;
	opacity: .7;
	filter: alpha(opacity=70);
}

.note-editor .note-dialog > div {
	display: none;
}

.note-editor .note-dialog .note-image-dialog .note-dropzone {
	min-height: 100px;
	font-size: 30px;
	line-height: 4;
	color: #d3d3d3;
	text-align: center;
	border: 4px dashed #d3d3d3;
	margin-bottom: 10px;
}

.note-editor .note-dialog .note-help-dialog {
	font-size: 12px;
	color: #ccc;
	background-color: #222 !important;
	opacity: .9;
	filter: alpha(opacity=90);
	background: transparent;
	border: none;
}

.note-editor .note-dialog .note-help-dialog .modal-content {
	background: transparent;
	border: 1px solid #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 5px;
}

.note-editor .note-dialog .note-help-dialog a {
	font-size: 12px;
	color: #fff;
}

.note-editor .note-dialog .note-help-dialog .title {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: #fff 1px solid;
}

.note-editor .note-dialog .note-help-dialog .modal-close {
	font-size: 14px;
	color: #dd0;
	cursor: pointer;
}

.note-editor .note-dialog .note-help-dialog .note-shortcut-layout {
	width: 100%;
}

.note-editor .note-dialog .note-help-dialog .note-shortcut-layout td {
	vertical-align: top;
}

.note-editor .note-dialog .note-help-dialog .note-shortcut {
	margin-top: 8px;
}

.note-editor .note-dialog .note-help-dialog .note-shortcut th {
	text-align: left;
	font-size: 13px;
	color: #dd0;
}

.note-editor .note-dialog .note-help-dialog .note-shortcut td:first-child {
	min-width: 110px;
	font-family: "Courier New";
	color: #dd0;
	text-align: right;
	padding-right: 10px;
}

.note-editor .note-editable {
	padding: 10px;
	overflow: auto;
	outline: none;
}

.note-editor .note-editable[contenteditable="false"] {
	background-color: #e5e5e5;
}

.note-editor .note-codable {
	display: none;
	width: 100%;
	padding: 10px;
	border: none;
	box-shadow: none;
	font-family: Menlo,Monaco,monospace,sans-serif;
	font-size: 14px;
	color: #ccc;
	background-color: #222;
	resize: none;
	direction: ltr !important;
	border-radius: 0;
	margin-bottom: 0;
}

.note-editor .CodeMirror {
	direction: ltr !important;
}

.note-editor .dropdown-menu {
	min-width: 90px;
}

.note-editor .dropdown-menu.right {
	right: 0;
	left: auto;
}

.note-editor .dropdown-menu.right::before {
	right: 9px;
	left: auto !important;
}

.note-editor .dropdown-menu.right::after {
	right: 10px;
	left: auto !important;
}

.note-editor .dropdown-menu li a i {
	color: #00bfff;
	visibility: hidden;
}

.note-editor .dropdown-menu li a.checked i {
	visibility: visible;
}

.note-editor .note-fontsize-10 {
	font-size: 10px;
}

.note-editor .note-color-palette {
	line-height: 1;
}

.note-editor .note-color-palette div .note-color-btn {
	width: 17px;
	height: 17px;
	padding: 0;
	margin: 0;
	border: 1px solid #fff;
}

.note-editor .note-color-palette div .note-color-btn:hover {
	border: 1px solid #000;
}

.note-editor .note-toolbar > .btn-group > .btn {
	border-color: #ddd;
	background: #f4f4f4;
	background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #eaeaea 100%);
	background-image: linear-gradient(to bottom, #f4f4f4 0%, #eaeaea 100%);
	background-repeat: repeat-x;
}

.btn-group > .btn, .btn-group-vertical > .btn {
	position: relative;
}

#growls {
	position: fixed;
	right: 0;
	top: 10px;
	z-index: 5000;
}

.main-navbar-fixed #growls {
	top: 46px;
}

.main-menu-right #growls {
	left: 0;
	right: auto;
}

.growl {
	border-radius: 8px;
	margin: 10px;
	position: relative;
	opacity: .95;
	filter: alpha(opacity=95);
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.growl .growl-title {
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 2px;
}

.growl .growl-message {
	font-size: 13px;
}

.growl .growl-close {
	cursor: pointer;
	display: inline-block;
	float: right;
	font-family: helvetica,verdana,sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 18px;
	margin-top: -2px;
}

.growl.growl-incoming {
	opacity: 0;
	filter: alpha(opacity=0);
}

.growl.growl-outgoing {
	opacity: 0;
	filter: alpha(opacity=0);
}

.growl.growl-small {
	padding: 6px 8px;
	width: 200px;
}

.growl.growl-small .growl-title {
	font-size: 13px;
	margin-bottom: 0;
}

.growl.growl-small .growl-message {
	font-size: 11px;
}

.growl.growl-medium {
	padding: 10px;
	width: 250px;
}

.growl.growl-large {
	padding: 15px;
	width: 300px;
}

.growl.growl-default {
	background: #dae6ff;
	color: #2a4d99;
	border: 1px solid #c8d9ff;
	border-radius: 8px;
}

.growl.growl-error {
	background: #f5bebe;
	color: #58151c;
	border: 1px solid #ee9393;
	border-radius: 8px;
}

.growl.growl-notice {
	background: #c0e5d9;
	color: #0a3622;
	border: 1px solid #96d4bf;
	border-radius: 8px;
}

.growl.growl-warning {
	background: #f7dcb3;
	color: #664d03;
	border: 1px solid #f2c580;
	border-radius:8px;
}

.table thead th .form-check-input {
	height: 17.5px;
	width: 17.5px;
	margin-top: unset;
}

table.dataTable .form-control {
	padding-right:12px;
}
.datatable-table thead th, .table thead th {
	text-transform: none !important;
}
	padding-right: 12px;
}

table.dataTable {
	clear: both;
	margin-bottom: 6px !important;
	margin-top: 6px !important;
	max-width: none !important;
}

table.dataTable, table.dataTable td, table.dataTable th {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

table.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;
}

table.dataTable thead .sorting:after {
	content: "";
	display: block;
}

table.dataTable thead .sorting_asc {
	background: rgba(0,0,0,.05);
}

table.dataTable thead .sorting_asc:after {
	content: "";
	display: block;
}

table.dataTable thead .sorting_desc {
	background: rgba(0,0,0,.05);
}

table.dataTable thead .sorting_desc:after {
	content: "";
	display: block;
}

table.dataTable thead .sorting_asc_disabled:after {
	content: "";
	display: block;
	opacity: .3;
}

table.dataTable thead .sorting_desc_disabled:after {
	content: "";
	display: block;
	opacity: .3;
}

table.dataTable th {
	position: relative;
}

table.dataTable th:after {
	display: none;
	font-family: FontAwesome;
	font-size: 11px;
	font-weight: normal !important;
	line-height: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 8px;
	width: 20px;
}

table.dataTable th:active {
	outline: none;
}

/** Login page Classes **/


.auth-main .auth-wrapper.v3 {
	display: flex;
	align-items: center;
	background: url("CompanyLogos/login-body-bg.jpg") center #0b477a !important;
}
.auth-main .auth-wrapper.v2 {
	display: flex;
	align-items: center;
	background: url("CompanyLogos/login-body-bg.jpg") center #0b477a !important;
}

	.auth-main .auth-wrapper.v3 .auth-sidecontent {
		background: #fff !important;
	}

		.auth-main .auth-wrapper.v3 .auth-sidecontent::after {
			background: #fff !important;
		}

.btn-primary {
	background: #3e5864 !important;
	border-color: #3e5864 !important;
	border-radius: 6px !important;
}

/** Login page Classes  END **/




/*Page Leval Classes Added in AB-Custom.css Stylesheet *******/

/*AudianceBuilder.cshtml Page            Page 1 */


* {
	box-sizing: border-box;
}

.topbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 24px;
	background: #020617;
	border-bottom: 1px solid var(--border);
}

.brand {
	font-weight: 600;
	letter-spacing: .3px;
}


.container {
	padding: 24px;
	max-width: 1200px;
	margin: 0 auto;
}

h1 {
	font-size: 22px;
	margin: 0 0 6px 0;
}

.subtitle {
	font-size: 12px;
}

.stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px;
}

.card-primary {
	background: #00c0ef;
}

.card-secondary {
	background: #dd4b39;
}

.card-teritery {
	background: #00a65a;
}

.card-fourth {
	background: #f39c12;
}

.card {
	/* background: linear-gradient(180deg, #0b1220, #020617);*/
	/*       border: 1px solid var(--border);*/
	border-radius: 12px;
	padding: 16px;
	/*color: white;*/
}

	.card .label {
		color: black;
		font-size: 14px;
		/* text-transform: uppercase;*/
		letter-spacing: 0.5px;
		font-weight: 700;
		padding: 0;
		color: white;
		background: unset;
	}

	.card .value {
		font-size: 28px;
		font-weight: 600;
		margin: 8px 0;
	}

.delta {
	font-size: 12px;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}


.user {
	display: flex;
	align-items: center;
	gap: 10px;
}

.avatar {
	width: 28px;
	height: 28px;
	border-radius: 8px;
	display: grid;
	place-items: center;
	font-size: 12px;
	font-weight: 600;
	background: #dbdbdb;
}

.status {
	font-size: 12px;
	padding: 4px 8px;
	border-radius: 999px;
	font-weight: 500;
	display: inline-block;
}

/* .active {
                    background: rgba(34,197,94,.15);
                    color: var(--green);
                }
        */
.inactive {
	background: rgba(156,163,175,.15);
	color: var(--muted);
}

.premium {
	background: rgba(168,85,247,.15);
	color: var(--purple);
}

.dataTables_length .form-control {
	width: 50px !important;
	line-height: 0px !important;
}

.datatable-table thead th, .table thead th {
	text-transform: none !important;
}


.table thead th {
	border-bottom: 1px solid rgb(230.8451612903, 234.2, 237.5548387097);
	font-size: 14px;
	color: #262626;
	background: rgba(248, 249, 250, 0.5);
	/* text-transform: uppercase;*/
}

.bar-row {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.bar-label {
	width: 220px;
	font-size: 13px;
	color: #333;
}

.bar-container {
	flex: 1;
	display: flex;
	align-items: center;
}

.bar {
	height: 18px;
	border-radius: 2px;
	transition: width 0.6s ease-in-out;
}

.bar-value {
	margin-left: 10px;
	font-size: 12px;
	color: #333;
	min-width: 40px;
}

/*Panel Classes Start*/

.panel {
	border-radius: 0px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.panel-card {
	background: #fff;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0,0,0,0.12);
	margin-bottom: 18px;
}

.panel-heading1 {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: .3px;
	display: flex !important;
	color: #fff;
	justify-content: space-between !important;
	width: 100% !important;
	background: #455763 !important;
	border: none !important;
	padding: 15px;
	text-decoration: none !important;
}
	.panel-heading1 strong {
		font-size: 18px;
		font-weight: 600;
	}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: #ffffff !important;
}


.panel-body {
	padding: 15px !important;
	background: #fff !important;	
}

.panel-heading {
	background: var(--primary-color) !important;
	color: #fff !important;
	font-size: 16px;
	font-weight: 600;
	padding: 14px 20px;
	border-bottom: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.panel-default {
	margin-bottom: 0px;
	background-color: #fff;
	border: none;
	border-radius: 0px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}


	.panel-default > .panel-heading {
		color: #333;
		background-color: #f5f5f5;
		border-color: #ddd;
		padding: 17px 15px !important;
		border-bottom: 1px solid #ddd;
	}

/*Panel Classes End*/

.subtitle {
	color: #ffffff;
	font-size: 15px
}

.bg-gradient-blue {
	background: #192f3e !important;
}

.bg-gradient-aqua {
	background: #192f3e !important;
	color: #fff;
}

.bg-gradient-orange {
	background: #192f3e !important;
	color: #fff;
}

.bg-gradient-purple {
	background: #192f3e !important;
	color: #fff;
}

.nav-tabs {
	/* border-bottom: 1px solid #ddd; 
        border: 1px solid #ccc !important;*/
	margin: 0px !important
}

.tab-content {
	border: 1px solid #ccc !important;
	margin: 0px !important;
	background: #e5ecff8f;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	color: #555;
	cursor: default;
	background-color: #dadadac4 !important;
	border: none !important;
}

.nav-tabs > li {
	float: left;
	margin-bottom: -2px !important;
	/* width: 100px; */
}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
		width: 186px;
		text-align: center;
	}

	.nav-tabs > li > a {
		width: 186px;
		text-align: center;
		color: #192f3e;
	}

.nav > li > a {
	padding: 16px 15px !important;
	font-size: 15px;
	font-weight: 600;
	color: #192f3e;
}

.nav-tabs {
	height: 51px !important;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	padding: 10px !important;
}

.datatable-table.dataTable[class*=table-] thead th, .table.dataTable[class*=table-] thead th {
	background: #455763 !important;
	color: #fff !important;
}

table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
	padding: 15px 13px !important;
}

.panel-heading {
	padding: 17px 15px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	border: none !important;
	background: none !important;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

/*AudianceBuilder.cshtml Page */

.shadow-box {
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	border: 0;
	overflow: hidden;
}

/* ── Top bar ── */
.top-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
	flex-wrap: wrap;
	gap: 10px;
}

.top-bar-left {
	display: flex;
	align-items: center;
	gap: 10px;
}

.page-size-label {
	font-size: 13px;
	color: #555;
}

#pageSize {
	border: 1px solid #ced4da;
	border-radius: 4px;
	padding: 5px 10px;
	font-size: 13px;
	color: #333;
}

.spinner {
	width: 20px;
	height: 20px;
	border: 3px solid #ccc;
	border-top-color: var(--primary-color);
	border-radius: 50%;
	animation: spin 0.7s linear infinite;
	display: inline-block;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

/* ── Table wrapper ── */
.table-wrapper {
	position: relative;
	overflow-x: auto;
}

/* ── Table ── */
#tblExport {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
	white-space: nowrap;
}

	#tblExport thead th {
		background: var(--primary-color);
		color: #fff;
		font-weight: 600;
		padding: 10px 14px;
		text-align: left;
		border: 1px solid #546875;
		position: sticky;
		top: 0;
		z-index: 2;
		cursor: pointer;
		user-select: none;
	}

		#tblExport thead th:hover {
			background: #384e5c;
		}

		#tblExport thead th .sort-icon {
			margin-left: 6px;
			opacity: 0.6;
			font-size: 11px;
		}

		#tblExport thead th.sort-asc .sort-icon::after {
			content: " ▲";
		}

		#tblExport thead th.sort-desc .sort-icon::after {
			content: " ▼";
		}

		#tblExport thead th:not(.sort-asc):not(.sort-desc) .sort-icon::after {
			content: " ⇅";
		}

	#tblExport tbody tr:nth-child(even) {
		background: #f9fafb;
	}

	#tblExport tbody tr:hover {
		background: #eef2f5;
	}

	#tblExport tbody td {
		padding: 9px 14px;
		border: 1px solid var(--border-color);
		vertical-align: middle;
		color: #333;
	}

.no-records {
	text-align: center;
	padding: 30px !important;
	color: #888;
	font-size: 14px;
}

/* ── Bottom bar ── */
.bottom-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 14px;
	flex-wrap: wrap;
	gap: 10px;
}

#recordInfo {
	font-size: 13px;
	color: var(--primary-color);
	font-weight: 600;
}

/*MasterLayoutNevv styles*/
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #e5ecff !important;
}

.pc-header .header-wrapper {
	background-color: #192f3e !important;
}

.pc-sidebar .pc-link :hover .pc-link {
	font-weight: 700 !important;
	color: #192f3e !important;
}

.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item.active > .pc-link {
	font-weight: 700 !important;
}

.pc-header .pc-head-link {
	width: 39px !important;
	height: 39px !important;
	border-radius: 3px !important;
}

.pc-header {
	height: 60px !important;
}

.pc-sidebar {
	background: #fff !important;
}

	.pc-sidebar .pc-link {
		color: #192f3e !important;
		background: #cccccc40;
		font-weight: 400;
		margin-bottom: 2px;
	}



.pc-sidebar .pc-navbar > .pc-item.active > .pc-link {
	font-weight: 500;
	color: #ffffff !important;
}

.pc-sidebar .pc-navbar .pc-item.active a {
	background: #192f3e !important;
}

.pc-sidebar .pc-navbar .pc-submenu .active a {
	background: #000 !important;
}

.pc-sidebar .pc-navbar .pc-submenu .pc-item a {
	background: #fff !important;
}

a:focus {
	outline: none !important
}

.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item > .pc-link:after {
	width: 8px;
	height: 8px;
}

.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item.active > .pc-link:after {
	background: #192f3e !important;
}

.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item:hover > .pc-link:after {
	background: #192f3e !important;
}

.pc-header .pc-head-link {
	background: #ffffff !important;
}

.pc-sidebar {
	background: #ffffff !important;
}
/*.pc-sidebar .pc-link:focus, .pc-sidebar .pc-link.active, .pc-sidebar .pc-link:hover {
                text-decoration: none;
                background: #192f3e !important;
            }*/
.m-header {
	padding-bottom: 4px !important;
}

.pc-sidebar .navbar-content {
	position: relative;
	height: calc(100vh - 121px) !important;
	padding: 10px 0;
	padding-bottom: 30px !important;
}

.pc-sidebar .pc-link:focus {
	color: #192f3e !important;
}

.pc-sidebar .pc-link.active, .pc-sidebar .pc-link:hover span {
	color: #fff !important;
}

.pc-sidebar .pc-link.active, .pc-sidebar .pc-link:hover {
	text-decoration: none;
	background: #192f3e !important;
}

.pc-sidebar .pc-navbar > .pc-item.active > .pc-link:after {
	background: #192f3e !important;
}

.pc-header .pc-h-item {
	margin-right: 10px !important;
}

.pc-header .dropdown-user-profile {
	min-width: 294px;
	max-width: 100%;
}

.pc-header .pc-h-dropdown.dropdown-menu-end {
	right: -15px !important;
	border-radius: 1px;
}

.flex-grow-1 .mb-1 {
	margin-top: 15px;
}

#LogoutButton {
	background: #455763;
	border: 1px solid #455763;
	padding: 11px;
	color: #fff;
	border-radius: 4px;
	margin-bottom: 6px;
	margin-top: 5px;
}

	#LogoutButton:hover,
	:not(.btn-check) + .btn:active {
		background: #192f3e;
		border: 1px solid #192f3e;
		padding: 11px;
		color: #fff;
		border-radius: 4px;
		margin-bottom: 6px;
		margin-top: 5px;
	}

.pc-sidebar .navbar-content {
	position: relative;
	height: calc(100vh - 121px) !important;
	padding: 10px 0;
	padding-bottom: 100px !important;
}

.right-panel {
	background: #e3eafd6b !important;
	border-radius: 4px !important;
	border: 1px solid #ddd !important;
	padding: 10px !important;
}

.right-panel {
	background: #e9edf5;
	border-radius: 15px;
	border: none;
	padding: 10px;
}

.right-panel {
	background: lightgray;
	border-radius: 14px;
	padding: 15px;
}

.right-panel {
	overflow: visible !important;
}

	.right-panel .btn {
		width: 100%;
		height: 44px;
		border-radius: 4px;
		padding: 10px 14px;
		margin-bottom: 12px;
		border: none;
		font-weight: 600;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		transition: background-color 0.2s ease;
		transform: none !important;
	}
.bottom-logo {
	padding: 15px;
	position: fixed;
	bottom: 20px;
	background: #fff;
	width: 279px;
}
	.bottom-logo a {
		text-align: center;
		display: inline-block;
		width: 100%;
	}
.bottom-logo img{
	height:60px;
}
.segment-header {
	background: #91a3af !important;
	color: #fff !important;
	font-weight: 600 !important;
}