@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 100%;
  }
}

.validation_error { color: #F64E60; }

.custom-select {
	display: inline-block;
	width: 100%;
	height: calc(1.5em + 1.3rem + 2px);
	padding: 0.65rem 2rem 0.65rem 1rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #3F4254;
	vertical-align: middle;
	/* background: #18191e url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%233F4254' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 1rem center/8px 10px no-repeat; */
	background: rgb(47 48 54 / var(--tw-bg-opacity, 1)) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%233F4254' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 1rem center/8px 10px no-repeat;
	border: 1px solid #E4E6EF;
	border-radius: 0.42rem;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.custom-select-sm {
  height: calc(1.35em + 0.9rem + 2px);
  padding-top: 0.50rem;
  padding-bottom: 0.55rem;
  padding-left: 0.75rem;
  font-size: 0.925rem;
}

.dataTables_wrapper .dataTables_pager .dataTables_length .custom-select {
  margin-left: 0.5rem;
  height: 2.25rem;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.dataTables_wrapper .dataTable {
	width: 100% !important;
	border-collapse: initial !important;
	border-spacing: 0 !important;
	border-radius: 0.42rem;
}

.table-bordered {
  border: 1px solid #ebedf35a;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #EBEDF3;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.card-header {
    padding: 2rem 2.25rem;
    margin-bottom: 0;
    background-color: #ffffff;
    border-bottom: 1px solid #ebedf373;
}

.card.card-custom .card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 70px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
}

.card.card-custom .card-title,
.card.card-custom .card-label,
.card.card-custom .btn {
  margin-bottom: 0;
}

.mr-1{
    margin-right: 0.25rem;
}

.mr-5{
    margin-right: 1.25rem;
}

.btn.btn-icon.btn-xs {
    height: 24px;
    width: 24px;
}

.btn.btn-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    height: calc(1.5em + 1.3rem + 2px);
    width: calc(1.5em + 1.3rem + 2px);
}

table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    font-weight: 400;
    font-size: 0.8rem;
    vertical-align: middle;
    color: #3F4254;
}

.btn.btn-light-primary {
    color: #3699FF;
    background-color: #E1F0FF;
    border-color: transparent;
}

.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-primary:focus:not(.btn-text), .btn.btn-light-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #3699FF;
    border-color: transparent;
}

.symbol.symbol-100 .symbol-label {
    width: 110px;
    height: 110px;
}

@media (min-width: 1400px) {
    .symbol .symbol-label {
        width: 50px;
        height: 50px;
    }
}

@media (min-width: 1200px) {
    .symbol .symbol-label {
        width: 50px;
        height: 50px;
    }
}

@media (min-width: 992px) {
    .symbol .symbol-label {
        width: 50px;
        height: 50px;
    }
}

@media (min-width: 768px) {
    .symbol .symbol-label {
        width: 50px;
        height: 50px;
    }
}

@media (min-width: 576px) {
    .symbol .symbol-label {
        width: 50px;
        height: 50px;
    }
}

.symbol .symbol-label {
    width: 50px;
    height: 50px;
}

.symbol .symbol-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 300;
    color: #3F4254;
    /* background-color: #F3F6F9; */
    border: 1px solid #EBEDF3;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 0.42rem;
}

.navi .navi-item .navi-link .navi-text {
    font-size: 0.8rem;
}

.btn.btn-light-danger {
    color: #F64E60;
    background-color: #FFE2E5;
    border-color: transparent;
}

.btn.btn-light-info {
    color: #8950FC;
    background-color: #EEE5FF;
    border-color: transparent;
}

.btn.btn-light-info:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-info:focus:not(.btn-text), .btn.btn-light-info.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #8950FC;
    border-color: transparent;
}

.separator.separator-dashed {
    border-bottom: 1px dashed #EBEDF3;
}

.separator {
    height: 0;
}

.bg-dark {
    /* background-image: linear-gradient(195deg, #42424a 0%, #191919 100%) !important; */
    background-color: rgb(30 31 37 / 1) !important;
    border-bottom: 1px solid #3F4254 !important;
}
.footer {
    /* background-image: linear-gradient(195deg, #42424a 0%, #191919 100%) !important; */
    background-color: rgb(30 31 37 / 1) !important;
}

/* Force sidebar dark even if bg-white is added by JS */
aside.sidenav.bg-dark {
    /* background-color: #191919 !important; */
    background-color: rgb(33 34 40 / 1) !important;
}

.dropdown-menu, .modal-content {
    background-color: #1e1e2d !important;
    border: 1px solid #3F4254 !important;
}
.dropdown-item { color: #b5b5c3 !important; }
.dropdown-item:hover { background-color: #2b2b40 !important; }

/* Select2 Dark Mode Fixes */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    /* background-color: #12121a !important; */
    background-color: rgb(47 48 54 / var(--tw-bg-opacity, 1)) !important;
    border-color: #5E6278 !important;
    color: #ffffff !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important;
}
.select2-dropdown {
    background-color: rgb(47 48 54 / var(--tw-bg-opacity, 1)) !important;
    border-color: #3F4254 !important;
}
.select2-results__option {
    color: #b5b5c3 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #8950FC !important; /* Info Color */
    color: #ffffff !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #2b2b40 !important;
    color: #ffffff !important;
}
.select2-search__field {
    background-color: rgb(47 48 54 / var(--tw-bg-opacity, 1)) !important;
    color: #ffffff !important;
    border-color: #5E6278 !important;
}

/* Inputs & Forms */
.form-control {
    /* background-color: #12121a !important; */
    background-color:rgb(47 48 54 / var(--tw-bg-opacity, 1)) !important; /* Card se thoda Dark taaki depth aaye */
    border: 1px solid #5E6278 !important; /* Visible Gray Border */
    color: #ffffff !important;
    border-radius: 4px !important;
}


.form-control:focus {
    /* background-color: #12121a !important; */
    background-color: rgb(47 48 54 / var(--tw-bg-opacity, 1)) !important;
    border-color: #8950FC !important;
    box-shadow: 0 0 0 2px rgba(137, 80, 252, 0.15) !important; /* Focus pe halka glow */
}

/* Fix for Chrome Autofill Background turning white */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px rgb(47 48 54 / var(--tw-bg-opacity, 1)) inset !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Pagination & Datatable Pager Dark Mode */
.page-item .page-link,
.pagination .page-link,
.datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link {
    background-color: #1e1e2d !important;
    border-color: #3F4254 !important;
    color: #b5b5c3 !important;
}

.page-item.active .page-link,
.pagination .active .page-link,
.datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link.datatable-pager-link-active {
    background-color: #8950FC !important; /* Info Color */
    border-color: #8950FC !important;
    color: #ffffff !important;
}

.page-item.disabled .page-link,
.pagination .disabled .page-link,
.datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link.datatable-pager-link-disabled {
    background-color: #151521 !important;
    opacity: 0.6;
}

.page-item:not(.active):not(.disabled) .page-link:hover,
.pagination li:not(.active):not(.disabled) .page-link:hover,
.datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link:hover:not(.datatable-pager-link-active):not(.datatable-pager-link-disabled) {
    background-color: #2b2b40 !important;
    color: #ffffff !important;
    border-color: #5E6278 !important;
}

/* Custom Info Gradient Button (Purple Theme) */
.bg-gradient-info {
    background-image: linear-gradient(195deg, #AB85FF 0%, #8950FC 100%) !important;
    box-shadow: 0 3px 3px 0 rgba(137, 80, 252, 0.15), 0 3px 1px -2px rgba(137, 80, 252, 0.2), 0 1px 5px 0 rgba(137, 80, 252, 0.15) !important;
    color: #ffffff !important;
}
.bg-gradient-info:hover {
    background-image: linear-gradient(195deg, #8950FC 0%, #6B5BFD 100%) !important;
    box-shadow: 0 14px 26px -12px rgba(137, 80, 252, 0.4), 0 4px 23px 0px rgba(137, 80, 252, 0.15), 0 8px 10px -5px rgba(137, 80, 252, 0.2) !important;
    transform: translateY(-1px);
}

/* Dark Scrollbar for Datatable & Body */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: #1e1e2d;
}
::-webkit-scrollbar-thumb {
    background: #5E6278;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #8950FC;
}

/* ---- Dark theme palette (reference: Voicely portal) ---- */
body.dark-version, body.dark-version.bg-gray-100 { background-color:#0c0e16 !important; color:#e8eaf0; }
.dark-version .sidenav, .dark-version .sidenav.bg-dark { background:#0d0f19 !important; border-right:1px solid #1f2333; }
.dark-version .navbar-main { background:transparent; }
.dark-version .card, .dark-version .modal-content, .dark-version .dropdown-menu { background-color:#121522; border:1px solid #1f2333; color:#e8eaf0; }
.dark-version .card .card-header { background:transparent; }
.dark-version .form-control, .dark-version .form-select, .dark-version .select2-selection, .dark-version .select2-dropdown {
    background-color:#12141f !important; color:#e8eaf0 !important; border:1px solid #2a2f42 !important; color-scheme:dark;
}
.dark-version .form-control::placeholder { color:#6b7390; }
.dark-version .form-control:focus, .dark-version .form-select:focus { border-color:#3b82f6 !important; box-shadow:0 0 0 2px rgba(59,130,246,.25); }
.dark-version .table > :not(caption) > * > * { color:#e8eaf0; border-bottom-color:#1f2333; background-color:transparent; }
.dark-version .table thead th, .dark-version table.dataTable thead th { color:#9aa0b5; background:#121522; border-bottom:1px solid #1f2333; }
.dark-version .btn-primary, .dark-version .bg-gradient-primary, .dark-version .btn.bg-gradient-dark { background:#3b82f6 !important; border-color:#3b82f6 !important; color:#fff !important; }
.dark-version .btn-outline-secondary, .dark-version .btn-outline-dark, .dark-version .btn-light, .dark-version .btn-white { background:transparent; color:#e8eaf0; border:1px solid #2a2f42; }
.dark-version .modal-header, .dark-version .modal-footer { border-color:#1f2333; }
.dark-version .text-muted, .dark-version .text-secondary { color:#9aa0b5 !important; }
.dark-version hr.horizontal { background-image:linear-gradient(90deg,transparent,#2a2f42,transparent); }

/* Native dropdowns: text was glued to the left edge (theme gives select.form-control 0 left padding). */
select.form-control,
select.form-select,
.input-group-outline select.form-control,
.input-group.input-group-outline > select.form-control {
  padding: 0.55rem 2rem 0.55rem 0.75rem !important;
  min-height: 42px;
  line-height: 1.5;
}
/* Same breathing room for text inputs / textareas that the theme leaves flush with the border. */
input.form-control:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]),
textarea.form-control {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

/* DataTables "Show N entries" select */
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper select.custom-select {
  padding-left: 0.75rem !important;
  padding-right: 2rem !important;
}