body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: #f9f7f2 !important;
	margin: 0;
	padding: 0;
	background-color: #0c1f3f !important;
	border-color: #c9a03f !important;
}
.header{
	background-color: #0c1f3f !important;
	border-color: #c9a03f !important;

}
.sidebar-inner{
	background-color: #0c1f3f !important;
	border-color: #c9a03f !important;

}
.card{
	background-color: #0c1f3f !important;
	border-color: #c9a03f !important;

}
.sidebar{
	border-color: #c9a03f !important;
}
.header-left{
	border-color: #c9a03f !important;
}
h1,h2,h3,h4,h5,h6{
	color: #c9a03f;
}
p{
	color: #f9f7f2 !important;
}
label{
	color: #c9a03f !important;
	font-weight: bolder;
}
button{
	color: #f9f7f2 !important;
}

input{
	background-color: #0c1f3f !important;
	color: #f9f7f2 !important;
	border-color: #c9a03f !important;
}

textarea{
	background-color: #0c1f3f !important;
	color: #f9f7f2 !important;
	border-color: #c9a03f !important;
}
select{
	background-color: #0c1f3f !important;
	color: #f9f7f2 !important;
	border-color: #c9a03f !important;
}
thead tr {
	background-color: #0c1f3f !important;
	color: #c9a03f !important;
}
thead tr th{
	color: #c9a03f !important;
}
tbody tr td{
	color: #f9f7f2 !important;
}
tbody :hover{
	background-color: #0c1f3f !important;

}

tbody tr td a{
	color: #c9a03f !important;
}
table tbody tr {
    background-color: #0c1f3f !important;
}

table, .table thead, .table tbody, .table tr, .table tbody tr td  {
    border-bottom: 1px solid #c9a03f !important;
}


/* ================================
   Select2 — FULL CUSTOM STYLING
   Colors:
   Background: #0c1f3f
   Text:       #f9f7f2, #c9a03f
================================ */

/* Main box (the visible select) */
.select2-container--default .select2-selection--single {
    background-color: #0c1f3f !important;
    border: 1px solid #c9a03f !important;
    color: #f9f7f2 !important;
}

/* Placeholder text */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #c9a03f !important;
}

/* Selected text inside the box */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #f9f7f2 !important;
}

/* Dropdown full background */
.select2-container--default .select2-results > .select2-results__options {
    background-color: #0c1f3f !important;
}

/* Option default state */
.select2-results__option {
    background-color: #0c1f3f !important;
    color: #c9a03f !important;
}

/* Option — hovered */
.select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #c9a03f !important;
    color: #0c1f3f !important;
}

/* Option — selected */
.select2-results__option[aria-selected="true"] {
    background-color: #0c1f3f !important;
    color: #f9f7f2 !important;
}

/* Selected tags (for multiple select) */
.select2-selection__choice {
    background-color: #0c1f3f !important;
    color: #c9a03f !important;
    border: 1px solid #c9a03f !important;
}

/* Remove button in tag */
.select2-selection__choice__remove {
    color: #c9a03f !important;
}
.select2-selection__choice__remove:hover {
    color: #f9f7f2 !important;
}

/* Search field inside dropdown */
.select2-search__field {
    background-color: #0c1f3f !important;
    color: #f9f7f2 !important;
    border: 1px solid #c9a03f !important;
}

/* Arrow icon color */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #c9a03f transparent transparent transparent !important;
}

.select2-container--default .select2-selection--multiple {
background-color: transparent !important;
}

/* ===========================================
   DataTables Pagination Styling (Full)
   Theme: #0c1f3f / #f9f7f2 / #c9a03f
=========================================== */

.dataTables_wrapper .dataTables_paginate {
    margin-top: 15px;
    text-align: center !important;
}

/* Pagination Buttons */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: #0c1f3f !important;
    color: #c9a03f !important;
    border: 1px solid #c9a03f !important;
    padding: 6px 12px !important;
    margin: 2px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
}

/* Hover */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #c9a03f !important;
    color: #0c1f3f !important;
    border-color: #c9a03f !important;
}

/* Active Page */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #c9a03f !important;
    color: #0c1f3f !important;
    border-color: #c9a03f !important;
}

/* Disabled Button */
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    background-color: #1a2d4f !important;
    color: #6b7689 !important;
    border-color: #1a2d4f !important;
    cursor: not-allowed !important;
}

/* Remove default shadows */
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    box-shadow: none !important;
    outline: none !important;
}

/* "Previous" and "Next" buttons */
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    font-weight: bold !important;
}

/* Full pagination bar background (optional) */
.dataTables_wrapper .dataTables_paginate {
    background-color: #0c1f3f !important;
    padding: 10px !important;
    border-radius: 6px !important;
}


.dt-button {
	display: none !important;
}

#label-name .icon-div {
	float: right;
}

.float_hedr_links {
	margin-right: 15px;
}

@media (max-width: 991px) {
	.centered-image {
		display: none !important;
	}
}
.modal-body{
	background-color: #0c1f3f;
}
.radio-label {
	user-select: none;
	z-index: 10;
	margin: 0 10px 10px 0;
	position: relative;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	font-weight: bold;
	cursor: pointer;
	transition: all 200ms ease;
	padding: 5px 20px;
	border-radius: 5px;
	background-color: #c9a03f;
	color: #f9f7f2;
	height: 40px;
	padding-top: 10px;
	float: left;
	margin-left: 5px;
}

.radio-option input[type="radio"] {
	display: none;
}

.orgRadio1:checked+.radio-label {
	color: #f9f7f2;
	background-color: #fe9f43;
}

.personRadio1:checked+.radio-label {
	color: #f9f7f2;
	background-color: #fe9f43;
}

fieldset,
legend {
	all: revert;
}

.selected-radio {
	color: #f9f7f2;
	background-color: #fe9f43;
}

.radio-label.active {
	background-color: #fe9f43;
}

.page button {
	width: 180px;
	padding: 5px;
	font-size: 16px;
	transition: width 0.3s;
}

@media (max-width: 600px) {
	.page-btn button {
		width: auto;
		padding: 8px;
		font-size: 14px;
	}
}

.btn-submit:hover {
	background: #f9f7f2;
	color: #c9a03f;
	border: solid 1px #c9a03f;
}

.selectSize {
	padding: 5px 10px 5px 10px;
	border-radius: 15px;
	font-size: 14px;
	display: inline-block;
	position: relative;
	width: 150px;
	border: none;
}

/* ===========delete and edit button color ========== */
.icon-color {
	color: #c9a03f;
	font-size: 19px;
}

.taskSize {
	font-size: 12px;
	font-weight: bold;
	color: #f9f7f2;
}

.colorSet {
	background-color: #f9f7f2;
	color: black;
}

.label_size {
	padding: 4px;
	width: 100%;
}

.flatpickr-day.selected {
	background-color: orange !important;
	color: #f9f7f2 !important;
}

.btn-add {
	float: right;
}

.bg_color {
	background-color: #c9a03f;
	color: #f9f7f2;
	border-radius: ;
}

.bg_color h2 {
	font-weight: bold;
}
/*
	 .required::after {
	 	content: '*';
	 	color: red;
	 	margin-left: 3px;
	 }*/

	 #imagePreview {
	 	width: 100%;
	 	height: 200px;
	 	border: 1px solid #ccc;
	 }

	 .top-nav-button {
	 	display: flex;
	 	align-items: center;
	 	justify-content: center;
	 	margin-top: 14px;
	 	margin-bottom: 14px;
	 }

	 .top-nav-button button {
	 	background-color: #c9a03f;
	 	border: none;
	 	border-radius: 4px;
	 	color: #f9f7f2;
	 	cursor: pointer;
	 	font-size: 15px;
	 	padding: 5px 18px 5px 18px;
	 	transition: background-color 0.3s, transform 0.2s;
	 }

	 .top-nav-button button:hover {
	 	background-color: #c9a03f;
	 }

	 /*==================Active Inactive CSS=========================*/
	 .badge{
	 	padding: 5px 10px 5px 10px;
	 	border-radius: 15px;
	 	font-size: 14px;
	 	display: inline-block;
	 	position: relative;
	 	width: 120px;
	 	border: none;
	 }
	 .badge-active {
	 	background-color: #ecfdf3;
	 	color: #027a48;
	 	padding-left: 15px;
	 	position: relative;
	 }


	 .badge-inactive {
	 	background-color: #fff2ea;
	 	color: #f15046;
	 	padding-left: 15px;
	 	position: relative;
	 }

	 .badge-pending {
	 	background-color: #fcf9d4;
	 	color: #ffe900;
	 	padding-left: 15px;
	 	position: relative;
	 }

	 .badge-approved {
	 	background-color: #e3f0f9;
	 	color: #4e95c4;
	 	padding-left: 15px;
	 	position: relative;
	 }

	 .badge-secondary {
	 	background-color: #6c757d;
	 	color: #fff;
	 	padding-left: 15px;
	 	position: relative;
	 }

	 .labelSize {
	 	padding: 5px 10px 5px 10px;
	 	border-radius: 15px;
	 	font-size: 14px;
	 	display: inline-block;
	 	position: relative;
	 }

	 .dataTables_filter input {
	 	width: 300px !important;
	 }

	 /*=========================Sidebar CSS==============================*/

	 .sidebar .sidebar-menu>ul>li>a {
	 	color: #c9a03f;
	 }

	 .sidebar .sidebar-menu>ul>li>a span {
	 	color: #c9a03f;
	 }

	 .sidebar .sidebar-menu>ul :hover {
/*	 	background-color: rgba(21, 49, 73, 0.1);*/
}

.sidebar .sidebar-menu>ul>li.active>a {
	border: 2px solid #c9a03f;
	border-radius: 5px 5px 5px 5px;
	background-color: #0c1f3f;
	/*background-color: #;*/
}

.sidebar .sidebar-menu>ul>li.active>a,
.sidebar .sidebar-menu>ul>li.active>a span {
	color: #c9a03f;
	font-weight: bold;
}

.sidebar .sidebar-menu>ul>li.submenu ul li a .active{background:#c9a03f;border-radius:5px;padding:10px 0}

.sidebar .sidebar-menu>ul>li.submenu ul li a.active:after{background-color: #c9a03f; border: 1px solid #c9a03f;}
/*=========== Header top bar css=====================*/
.page_history_icon {
	margin-left: 12px;
	margin-top: 16px;
	font-weight: bold;
}

.page_history_icon i {
	font-size: 20px;
	color: #414042;
	text-align: center;

}

.page_name {
	/*    margin-left: 5px;*/
	/*    margin-top: 4px;*/
}

.page_name p {
	color: #414042;
	margin-left: 10px;
	font-weight: bold;
	font-size: 16px;
}

.notification_section {
	background-color: #A2A1A81A;
	width: 50px;
	height: 50px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
}

.user-menu {
	margin-top: 5px;
}

.user-menu.nav>li>a {
	height: 50px !important;
	padding: 0 6px;
}

.loginuser_section {
	border: 1px solid #5E636633;
	border-radius: 8px;
}

.loginuser_section .user-img {
	align-items: center;
	overflow: hidden;
	margin-right: 10px;
	position: relative;
}

.loginuser_section .user-img img {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	object-fit: cover;
	vertical-align: middle;
	/* Aligns image consistently */
	margin: 0;
	/* Ensure no unexpected margins */
	padding: 0;
	/* Ensure no unexpected padding */
	position: relative;
	transition: none;
	/* Prevents any transition on form submission */
}


.loginuser_section .profilesets {
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1;
}

.loginuser_section .profilesets h6 {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	color: #414042;
}

.loginuser_section .profilesets h5 {
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	color: #5E6366;
}

.user_badge {
	background-color: #fce5d1;
	color: #c9a03f;
	font-size: 12px;
}

.user_label {
	display: flex;
	align-items: center;
}

.user_label h5 {
	margin: 0;
	margin-right: 8px;
	font-size: 22px;
}

.modal_icon {
	background-color: #c9a03f;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	padding: 10px;
	margin-left: 12px;
	margin-bottom: 10px;
	text-align: center;
	box-shadow: 0px 0px 4px 4px rgba(21, 49, 73, 0.6);
}

/* ============ tab navigation bar=============*/
.tab-navbar {
	/*  padding-bottom: 2px;*/
	overflow: hidden;
	border-bottom: 1px solid lightgray;
	overflow-x: auto;
	display: block;

}

.color {
	height: 100vh;
}

.tab {
	color: black;
	background-color: transparent;
}

.tab-navbar button {
	cursor: pointer;
	font-size: 14px !important;
	margin-right: 5px;
	float: left;
	border: none;
	outline: none;
	padding: 2px 8px;
	position: relative;
	color: #c9a03f;
	font-weight: normal !important;
	padding-bottom: 10px;
	padding-top: 10px;
	border-radius: 5px;
	margin-bottom: 5px;
	border: 1px solid transparent;
}

.tab-navbar button:hover {
	color: #c9a03f;
	border: 1px solid #c9a03f;
}

.tab-navbar button.active {
	color: #fff;
	background-color: #c9a03f;
}

.tab-navbar button.active:hover {
	color: #c9a03f;
	background-color: transparent;
	border: 1px solid #c9a03f;
}

.tab-content {
	display: none;
	padding: 20px;
	/*  border: 1px solid #ccc;*/
	border-top: none;
}

.tab-content.active {
	display: block;
}

.table tbody tr td {
	font-size: 16px;
}

.table.dataTable>thead>tr>th {
	font-size: 16px;
}

.dataTables_wrapper {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
}

.dataTables_wrapper .dataTables_scrollHead th {
	font-family: 'Inter', sans-serif;
	font-weight: normal;
	color: #414042;
}

.dataTables_wrapper .dataTables_scrollBody td {
	font-family: 'Inter', sans-serif;
	color: #414042;
}
.gender-label {
	user-select: none;
}

.gender-input[type="radio"] {
	display: none;
}

.gender-input[type="radio"]+.gender-label {
	font-weight: bold;
	transition: all 200ms ease;
	padding: 5px 20px;
	border-radius: 5px;
	background-color: #031541;
	color: white;
	height: 45px;
	padding-top: 12.5px;
	float: left;
	margin-left: 10px;
	text-align: center;
	width: 31%;
}

#male:checked+.gender-label {
	background-color: #2150bc;
}

#female:checked+.gender-label {
	background-color: #2150bc;
}

#other:checked+.gender-label {
	background-color: #2150bc;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

.tab-content {
	display: none;
}

.active-tab {
	display: block;
}

.progress {
	height: 15px;
	margin-bottom: 20px;

}

#checks {
	float: left;
	margin-left: 5px;
}

#generator {
	margin-top: 28px;
}

#mail {
	margin-top: 15px;
}

#add-more i {
	margin-right: 5px;
}

#generate-button {
	width: 100%;
	float: right;
}

.submit {
	float: right;
}

#margin {
	margin-right: 5px;
}

.icon {
	font-size: 18px;
}

.button-last4 {
	margin-bottom: -25px;
}

.button-last5 {
	padding-top: 40px;
	margin-bottom: -35px;
}

#user_details,
#qualification {
	display: none;
}

.active-button {
	background-color: blue;

}

.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link::after {
	content: "";
	position: absolute;
	width: 78%;
	height: 2px;
	background-color: #e9e9ef;
	left: 61%;
	top: 50%;
}

.disabled-icon {
	text-decoration: line-through;
	text-decoration-thickness: 3px;
	pointer-events: none;
	opacity: 0.7;
}

.wrapper {
	margin-top: 2rem;
	display: flex;
	justify-content: space-between;
}

.button {
	display: flex;
	align-items: center;
	cursor: pointer;
	width: 40px;
	height: 18px;
	background-color: #ccc;
	border-radius: 15px;
	position: relative;
}

.button .dot {
	width: 16px;
	height: 16px;
	background-color: white;
	border-radius: 50%;
	position: absolute;
	top: 1px;
	left: 1px;
	transition: 0.3s;
}

.circle {
	display: inline-block;
	padding: 10px 12px;
	border-radius: 50%;
	color: #c9a03f;
	font-weight: bold;
	font-size: 16px;
	white-space: nowrap;
}

.input-container {
	position: relative;
	display: inline-block;
	width: 100%;
}

.input-container #eye {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	color: #888;
	font-size: 16px;
}

.input-container #eye:hover {
	color: #c9a03f;
}

.iconsax {
	font-size: 20px;
}

.tab-navbar {
	overflow: hidden;
	border-bottom: 1px solid lightgray;
	overflow-x: auto;
	display: block;

}

.color {
	height: 100vh;
}

.input-container {
	position: relative;
}

/*.pass-input {
	width: 100%;
	padding-right: 40px;
	padding-left: 10px;
	box-sizing: border-box;
}*/

.eyeicon {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	cursor: pointer;
	color: #888;
	font-size: 18px;
}

.eyeicon:hover {
	color: #c9a03f;
}

.pass_div {
	margin-bottom: 20px;
}
.dropdown-menu{
	background-color: #0c1f3f !important;
	color: #f9f7f2 !important;
}

.dropdown-menu-center {
	margin-top: 5px;
	min-width: 125px;
}

.badge-contacted {
	background: #414042;
	padding-left: 22px;
	position: relative;
}

.badge-quoted {
	background: #0A255B;
	padding-left: 18px;
	position: relative;
}

.badge-onhold {
	background: #c9a03f;
	padding-left: 22px;
	position: relative;
}

.badge-won {
	background: #027A48;
	padding-left: 14px;
	position: relative;
}

.badge-lost {
	background: #F15046;
	padding-left: 14px;
	position: relative;
}

.td_background_contacted {
	background-color: #4140421A;
}

.td_background_quoted {
	background-color: #0A255B1A;
}

.td_background_onhold {
	background-color: #FFD7001A;
}

.td_background_won {
	background-color: #00FF001A;
}

.td_background_lost {
	background-color: #FF00001A;
}


.leads-active::before {
	content: '';
	width: 8px;
	height: 8px;
	margin: 0 10px 0 5px;
	background-color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	left: 3px;
	top: 50%;
	transform: translateY(-50%);
}

.radio-label,
.radio-label-1 {
	user-select: none;
	z-index: 10;
	margin: 0 10px 10px 0;
	position: relative;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	font-weight: bold;
	cursor: pointer;
	transition: all 200ms ease;
	padding: 5px 20px;
	border-radius: 5px;
	background-color: #fff;
	color: white;
	height: 40px;
	padding-top: 10px;
	float: left;
	margin-left: 5px;
}

.orgRadio:checked+.radio-label,
.individual:checked+.radio-label,
.orgRadio-1:checked+.radio-label-1,
.individual-1:checked+.radio-label-1 {
	background-color: #c9a03f !important;
}

.hover-popup-container {
	position: relative;
	display: inline-block;
}

.circle {
	display: inline-block;
	padding: 10px;
	border-radius: 50%;
	cursor: pointer;
}

.hover-popup {
	visibility: hidden;
	width: 250px;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(21, 49, 73, 0.2);
	position: absolute;
	top: 0;
	right: 0;
	transform: translateY(-100%);
	z-index: 1;
}

.popup-header {
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	margin-bottom: 5px;
}

.hover-popup-container:hover .hover-popup {
	visibility: visible;
}

.remarks-btn {
	padding: 8px 20px;
	font-size: 16px;
	background-color: #dcdde1;
	border-radius: 50px;
	text-align: center;
}

.scroll-container {
	width: auto;
	height: 300px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: transparent transparent;
}

.scroll-container::-webkit-scrollbar {
	width: 8px;
}

.scroll-container::-webkit-scrollbar-thumb {
	background-color: transparent;
	border-radius: 4px;
	transition: background-color 0.3s ease;
}

.scroll-container:hover {
	scrollbar-color: rgba(21, 49, 73, 0.5) rgba(21, 49, 73, 0.1);
}

.scroll-container:hover::-webkit-scrollbar-thumb {
	background-color: rgba(21, 49, 73, 0.5);
}