.custom-navs a {
	border-bottom: 1px solid transparent;
	padding-top: 15px;
	padding-bottom: 15px;
	color: gray;
    cursor: pointer;
}

#query_response-tab:focus {
	color: #e3e3e3;
}

.nav.custom-navs a.active {
	border-color: var(--main-brand-color) !important;
	color: var(--main-brand-color) !important;
	border-width: 2px;
}

.menu-navbar .navbar-brand{
	margin-right:0px;
}

.h-147 {
	min-height: 147px !important;
}

.custom-navs {
	border-bottom: 1px solid #eee;
}

.btn.custom-btn {
	min-width: 190px;
	height: 33px;
	padding: 2px;
}

.close {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #eee;
}

.main-section {
	padding: 20px 0;
	display: inline-block;
	width: 100%;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.main-header {
	display: inline-block;
	padding: 0 30px 7px;
	width: 100%;
	border-bottom: 1px solid #eee;
}

.tab-content {
	padding: 0 40px;
}

.edit-btn {
	display: inline-block;
	min-width: 190px;
	height: 38px;
	border: 2px solid var(--main-brand-color);
	color: var(--main-brand-color);
	text-decoration: none;
	text-align: center;
}

.custom-table.custom-table-inside table th {
	padding: 14px 15px; /* Adjusted top and bottom padding */
	width: 160px;
	padding-right: 15px !important; /* Adjusted right padding */
    padding-left: 15px !important; /* Added left padding */
}

.custom-table.custom-table-inside table th:last-child span {
	border: 0;
}

.custom-table.custom-table-inside table th span {
	border-right: 1px solid #eee;
	width: 100%;
	display: inline-block;
	padding-right: 0px;
}

.custom-table.custom-table-inside table td {
	padding: 14px 15px; /* Adjusted top and bottom padding */
}

.custom-table {
	border: 2px solid #e3e3e3;
	border-radius: 4px;
	overflow: hidden;
}

.custom-check::after {
	content: "";
	position: absolute;
	width: 11px;
	height: 11px;
	background-color: #414f85;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	border-radius: 2px;
}

.custom-wrapper input:checked~.custom-check::after {
	opacity: 1;
}

.custom-check {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #fbfcf9;
	border: 2px solid #eee;
	position: relative;
	border-radius: 4px;
	cursor: pointer;
}

.custom-wrapper input {
	content: "";
	position: absolute;
	height: 0;
	overflow: hidden;
	width: 0;
	right: 0;
	visibility: hidden;
}

.custom-wrapper .custom-check {
	margin-right: 11px;
}

.custom-modal-large{
	max-width: 90% !important;
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
	--bs-table-accent-bg: var(--bs-table-striped-bg);
	color: var(--bs-table-striped-color);
}

.custom-table.custom-table-inside th {
	background-color: #fff;
}

.custom-table table {
	border: 1px solid #eee;
	width: 100%;
}

.custom-modal .modal-header {
	background-color: #eee;
}

.btn.btn-add {
	background-color: transparent !important;
	border: 0 !important;
	color: #414f85;
}

.btn.btn-add:hover,
.btn.btn-add:focus {
	background-color: transparent !important;
	border: 0 !important;
	color: #414f85;
	box-shadow: none;
}

.modal-header h5 {
	text-align: center;
	width: 100%;
	display: inline-block;
}

.custom-table th {
	background-color: #fbfcf9;
}

.custom-table .even {
	background-color: #eee;
}

.custom-table .odd {
	background-color: #fbfcf9 !important;
}

.h-40 {
	height: 40px !important;
}

.modal-backdrop {
	background-color: rgba(0, 0, 0, 0.3) !important;
}

.main-table {
	position: relative;
	z-index: 8;
	background-color: #f0f0f0;
	display: inline-block;
	width: calc(100% - 350px);
	padding: 40px 0;
}

.main-table table th {
	color: #434343;
	font-weight: 500!important;
    font-size: 1.05em;
}
.main-table table{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px;
}

.main-table table thead tr th {
	box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 12px 0px, rgba(0, 0, 0, 0.05) 0px 2px 2px, rgba(0, 0, 0, 0.05) 0px 4px 4px, rgba(0, 0, 0, 0.05) 0px 8px 8px, rgba(0, 0, 0, 0.05) 0px 16px 16px;
	border: 0;
}

.main-page .container {
	min-height: auto;
}

.container.custom-container {
	padding-bottom: 21px;
}
.form-user-query {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 30px;
}
.form-user-query {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 40px 60px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.form-user-query textarea {
	height: 148px;
}
.form-user-query h2 {
	color: #000 !important;
	margin-bottom: 50px !important;
}
.analayis-title {
	font-size: 28px;
	color: #b9b9b9;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}
.bg-light{
	background-color: #f9f9f9;
}
.text-brandcolor{
	color:#405084;
}

.modal-backdrop~span.select2-container {
    z-index:1060;
}

.control-label{
	z-index:11;
}
.datatable-selector{
	padding:2px!important;
	margin-top:12px!important;
}
.select2-container--bootstrap-5 .select2-selection.select2-selection--multiple{
	height:auto!important;
	padding-top:1.5rem!important;
}

.dataTables_filter, 
.dataTables_filter  label,
.dataTables_filter label [type="search"]{
	width:100%;
}

.dataTables_wrapper .dataTables_filter label input[type="search"]{
	border-radius: 20px;
	border-color: #eee;
	padding: 6px 50px 6px 30px;
	margin-bottom: 20px;
	background-image: url('/assets/images/search-icon.svg');
	background-repeat: no-repeat;
	background-position: right 10px bottom 0;
}

.selected td.datatable-selector{
	background-color: #483C86;
}
th.datatable-selector{
	min-width: 50px;
	max-width: 50px;
}
td.datatable-selector{
	background-color: #eee;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 8px 0px;
	position: relative;
	border-radius: 4px;
	cursor: pointer;
	left: 16px;
}
table.dataTable>tbody>tr:hover{
	box-shadow: none!important;
	color: black;
	background: #E9ECFF !important; /* Change the color as needed */
}
table.dataTable tbody tr.selected>* {
	box-shadow: none!important;
	color:black;
}
table.dataTable tbody tr.selected{
	background-color: #F3F1FF;
}

table.dataTable tbody th.show-ellipsis,table.dataTable tbody td.show-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100px;
}
/* Added Styles for table.dataTable.no-footer */
table.dataTable.no-footer {
    border: 1px solid #DFDFDF;
    border-radius: 4px;
}
.edit_contact{
	background-color: transparent;
	border: none;
}

.remove_contact{
	background-color: transparent;
	border: none;
}

label.use-asterisk:after {
    font-family: "Font Awesome";
    content: "\2a";
    font-size: 1.5rem;
    position: absolute;
    top: 12px;
    right: -4px;
}

.report-modal .select2-selection__rendered {
	margin-top: 0px !important;
	height: 34px !important;
}
	
.report-modal .select2-selection {
	height: 34px !important;
}

.panel-action-btn{
	padding-top: 5px;
}

.search-checkbox-inline{
	width: 30%;
}
/* Adjustments for smaller screens */
@media only screen and (max-width: 768px) {
    .custom-table.custom-table-inside table th {
        padding: 14px 15px; /* Increased top and bottom padding */
    }

    .custom-table.custom-table-inside table td {
        padding: 14px 15px; /* Increased top and bottom padding */
    }
}


/* Hover styling on each row */
.custom-table.custom-table-inside tbody tr:hover {
    background-color: #E9ECFF; /* Hover color */
}

/* Pagination Button */
.dataTables_wrapper .paginate_button.current {
    border: 2px solid #98AAE8;
    border-radius: 4px;
    background: #E9ECFF;
}

/* Adjust Pagination Button Padding */
.dataTables_wrapper .paginate_button {
    padding: 0.5em 0.7em;
}


/* Change opacity, add padding, and add color to the table sorting icons */
.dataTables_wrapper .sorting_asc::before,
.dataTables_wrapper .sorting_desc::before,
.dataTables_wrapper .sorting::before,
.dataTables_wrapper .sorting_asc::after,
.dataTables_wrapper .sorting_desc::after,
.dataTables_wrapper .sorting::after {
    opacity: 0.1;
    padding: 1px;
}

/* Optional: Adjust opacity and color for the active sorting icons */
.dataTables_wrapper .sorting_asc_disabled::before,
.dataTables_wrapper .sorting_desc_disabled::before,
.dataTables_wrapper .sorting_asc_disabled::after,
.dataTables_wrapper .sorting_desc_disabled::after {
    opacity: 0.1;
    color: blue;
}

.navbar-dark .navbar-nav a.nav-link:hover {
    cursor: pointer;
}