body {
  font-size: 0.95rem;
}
.login-logo {
  max-width: 3rem;
}
.dashboard-logo {
  max-width: 1.5rem;
}
.app-brand-text.demo {
  font-size: 1.25rem;
}
/* table.dataTable thead .sorting:before, table.dataTable thead 
.sorting_asc:before, table.dataTable thead .sorting_desc:before, 
table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
  content: "\ecba"!important;
}
table.dataTable thead .sorting:after, table.dataTable thead 
.sorting_asc:after, table.dataTable thead .sorting_desc:after, 
table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
  content: "\ecad"!important;
} */
.row>* {
  margin-top: 0;
}
.inline-button {
  margin-top: 1.75rem;
}

/* .card-datatable.table-responsive,
.card-datatable.table-responsive .btn {
  font-size: 0.75rem;
} */
@media only screen and (min-width: 1360px) {
  .col-xl-1 > .fs-2-row {
    font-size: 0.60rem;
  }
}
:root {
  font-size: 0.85em !important;
  --bs-body-font-size: 0.85em!important;
}
.slim p{
  margin: 0px;
}
.slim td {
  padding: 0.25rem 0.75rem;
}
.filter-status::before {
  font-family: "boxicons" !important;
  vertical-align: middle;
  font-size: 1.15rem;
  margin-right: 0.2em;
}

.allowed::before,
.required::before {
  content: "\ea41"; /* bx-check */
  color: rgba(var(--bs-success-rgb));
}

.not-allowed::before,
.not-required::before {
  content: "\ec8d"; /* bx-x */
  color: rgba(var(--bs-secondary-rgb));
}

.allowed::after {
  content: "Allowed";
}

.not-allowed::after {
  content: "Not Allowed";
}

.required::after {
  content: "Required";
}

.not-required::after {
  content: "Not Required";
}

.allowed,
.required {
  color: rgba(var(--bs-success-rgb));
}

.not-allowed,
.not-required {
  color: rgba(var(--bs-secondary-rgb));
}

.badge {
  color: #000000;
  background-color: #E2E2E2;
}
.badge-rounded {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  width: 2rem;
  height: 2rem;
}
.badge-rounded-sm {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  width: 1.5rem;
  height: 1rem;
  font-size: 8px;
  line-height: 1;
}
.badge-VP { background-color: #FF4400; color: #fff}
.badge-AK { background-color: #4400FF; color: #fff}
.badge-ES { background-color: #ffff33; color: #000}
.badge-MZ { background-color: #bdf0ce; color: #000}
.badge-TT { background-color: #776699; color: #fff}
.badge-IU { background-color: #000000; color: #fff}
.badge-MM { background-color: #05c3fc; color: #fff}
.badge-ST { background-color: #38f2ff; color: #fff}
.badge-HU { background-color: #776666; color: #fff}
.badge-MR { background-color: #FFB0CB; color: #fff}
.badge-MS { background-color: #b3ffb3; color: #000;}
.badge-GA { background-color: #C30025; color: #fff}
/* .badge-CR { background-color: #fc03a5; color: #fff} */
.badge-GJ { background-color: #126504; color: #fff}
.badge-MA { background-color: #ab5cd6; color: #fff}
.badge-LB { background-color: #8ca33e; color: #fff; }
.badge-KA { background-color: #fc03a5; }
.badge-LM { background-color: #CCCCFF; border-style: solid; border-color: #AAAADD; color: #ffffff !important; border-width: 1px; }
.badge-HR { background-color: #7766ff; }
.badge-RR { background-color: #faa134; border-style: solid; border-color: #d89012; border-width: 1px; }  /* Rauno */
.badge-JC { background-color: #f4cdc4; color: #000; }
.badge-KL { background-color: #b3b3ff; color: #000;}
.badge- { background-color: #E2E2E2; color: #000;}

.slim.table>:not(caption)>*>* {
  padding:0.25rem;
}

.datatables-orders.dataTable>tbody>tr>td.control:before,
.datatables-users.dataTable>tbody>tr>td.control:before {
  border:unset;
  border-radius: unset;
  box-shadow: unset;
  box-sizing: unset;
  font-size: 0.7rem;
  color: black;
  font-family: "boxicons";
  content: "\ee04";
  background-color: unset;
}
.datatables-orders.dataTable>tbody>tr.shown td.control:before,
.datatables-users.dataTable>tbody>tr.shown td.control:before {
  background-color: unset;
  content: "\ed91";
}
.datatables-orders.dataTable tbody .child>td:first-child,
.datatables-users.dataTable tbody .child>td:first-child {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
form.slim .row>*{
  padding-right: calc(var(--bs-gutter-x)*.2) !important;
  padding-left: calc(var(--bs-gutter-x)*.2) !important;
}
.form-control.disabled:not(.lang-en) {
  background-color: #e9ecef !important;
  opacity: 1 !important;
}
.card-language * {
  font-size: 0.80rem;
}
.input-language {
  padding: 1px 3px;
}
.card-language textarea.form-control {
  min-height: 2.2em;
}
.language-cat {
  .all::after {
    background-image: unset !important;
  }
  border-right: #a1acb8 0.1em solid;
}
.language-cat .accordion-body {
  padding:unset;
}
.card-language .accordion-button {
  padding: unset;
}
.lang-en {
  background-color: #d2f4ea !important;
}
.language-cat .accordion-collapse.collapse, .accordion-collapse.collapsing {
  padding-left: 1em;
}
.accordion .accordion-item.active {
  box-shadow: none;
}
.quotationRowTable td, 
.quotationRowTable th {
  padding: 0;
  margin: 0;
}

/* Chrome, Safari, Edge, Opera */
.target-country input::-webkit-outer-spin-button,
.target-country input::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.target-country input[type=number]{
  -moz-appearance: textfield;
}

.age::-webkit-outer-spin-button,
.age::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.age{
  -moz-appearance: textfield;
}

#newCompany label, #newQuotation label, #newRewards label {
  margin-bottom: 0;
}
.target-div .form-label, .new-order .form-label, .new-survey .form-label, .panel .form-label {
  margin-bottom: 0.25rem;
  margin-top: 0.5rem;
}
table.datatables-users tbody td {
  color: #000000;
}
.quotationRowTable tbody {
  color: black;
}
#review {
  color: black;
}
#review-target-metrics {
  color: black;
}
.table tbody tr td p,
.table tbody tr td ul {
  color: black;
}
.quotationLog p {
  margin-bottom: 0px;
}
.datatables-quotations td,
.datatables-quotations th{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.datatables-quotations td {
  color: black;
}
.datatables-quotations td p {
  margin-bottom: 0px;
}
td:has(p.status-badge-a),
.header-details p.status-badge-a,
td:has(p.status-badge-ra){
  background-color: #f0d0a778;
}
td:has(p.status-badge-q),
.header-details p.status-badge-q {
  background-color: #00800030;
}
td:has(p.status-badge-n),
.header-details p.status-badge-n {
  background-color: #ff000066;
}
td:has(p.status-badge-s),
.header-details p.status-badge-s,
td:has(p.status-badge-c) ,
.header-details p.status-badge-c {
  background-color: #8080805c;
}
/* td:has(p.status-badge-q){
  background-color: #0000ff36;;
} */
td:has(p.status-badge-l),
.header-details p.status-badge-l{
  background-color: #a0522d80;
}
td:has(p.status-badge-p),
.header-details p.status-badge-p{
  background-color: #0072ffed;
}
a {
  color: #337ab7;
}
.common-filters-accordion{
  background-color: #ffff0036;
  border: #ffab00b0 1px solid;
  border-radius: 10px !important;
  /* padding-top: 0.25rem; */
}
.filters-accordion .accordion-button {
  background-color: unset;
}
.country-filters-accordion {
  background-color: #b2e3ff57;
  border: #00ccff 1px solid;
  border-radius: 10px !important;
}
.quotas-accordion {
  background-color: #c7ffb257;
  border: #46ff00  1px solid;
  border-radius: 10px !important;
}
#quotation-div .alert-dark {
  background-color: #dcdfe166;
}
#quotation-div pre, .order-header pre, #modal-description pre, #modal-comments pre, #rewards-div pre {
  margin: unset;
  font-family: unset;
  color: black;
  font-size: unset;
  text-wrap: wrap;
}
#modal-description pre {
  overflow-x: auto;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
#cloneQuotationTable{
  font-size: 13.5px;
  color: black;
}
#cloneQuotationTable table thead{  
  color: black;
  font-size: 12.5px;
}#cloneQuotationTable table tbody{  
  color: black;
  font-size: 14.5px;
}
#cloneQuotationTable table th,
#cloneQuotationTable .targetrow .alert-dark {
  color: black;
}
#cloneQuotationTable .quotationRowTable thead tr:not(.targetrow) th,
#cloneQuotationTable .quotationRowTable tbody tr td{
  padding: 5px 10px !important;
}
.quotationRowTable .alert {
  margin-bottom: 0px;
  /* margin-top:5px; */
}
.quotationRowTable {
  margin-top: 15px;
  margin-bottom: 15px;
}
#cloneQuotationTable {
  font-family: calibri;
  font-size: 14.5px;
}
.quotationRowTable td:nth-of-type(2) ~ td, .quotationRowTable th:nth-of-type(2) ~ th {
  text-align: right;
}
.quotationRowTable .target-desc,
.quotationRowTable th {
  text-transform: none;
}
.quotationRowTable .target-desc{
  font-weight: normal;
}
tr:has(.isAccepted:checked) {
  background-color: #00c1ff66;
}
.order-header tbody td, .table-quotas th {
  vertical-align: unset;
}
.table-quotas td, .table-quotas th {
  padding: 0px;
}
.table-quotas .form-control {
  padding: 0;
}
.panel-details p {
  margin-bottom: 0;
}
.ql-disabled > .ql-editor {  
  background-color: #eceef1;
  opacity: 1;
}
#rewards-global-maintenance .accordion .accordion-item.active {
  box-shadow: 0 0.25rem 1rem rgba(161,172,184,.45);
}
#rewards-global-maintenance .form-label {
  margin-bottom: 0;
  margin-top: 0.25rem;
}
.accordion-button.disabled {
  
  color: rgba(67, 89, 113, 0.6);
  pointer-events: none;
  /* background-color: var(--bs-btn-disabled-bg); */
  border-color: transparent;
  opacity: 0.65;
}
#languageTranslation .form-label {
  margin-bottom: 0px;
  margin-top: 0.25rem;
}
#navs-quotas h5 {
  margin-bottom: 0px;
  margin-top: 0.25rem;
}
.underlined-brackets {
  text-decoration: underline;
  color: red;
}
.unverified {
  background-color: #f8d7da !important;
}

/* #surveyStatusDiv:has(#surveyStatus.survey-status-0), */
.datatables-orders td:has(.order-status-0),
.datatables-survey td:has(.survey-status-0),
/* #surveyModal td:has(.survey-status-0), */
#singleSurvey td:has(.survey-status-0),
#surveyTableModal td:has(.survey-status-0),
#orderStatus:has(.order-status-0) {
  background-color: #cfe2ff !important;
}
/* #surveyStatusDiv:has(#surveyStatus.survey-status-1), */
.datatables-orders td:has(.order-status-1),
.datatables-survey td:has(.survey-status-1),
/* #surveyModal td:has(.survey-status-1), */
#singleSurvey td:has(.survey-status-1),
#surveyTableModal td:has(.survey-status-1),
#orderStatus:has(.order-status-1) {
  background-color: #d2f4ea !important;
}
/* #surveyStatusDiv:has(#surveyStatus.survey-status-2), */
.datatables-orders td:has(.order-status-2),
.datatables-survey td:has(.survey-status-2),
/* #surveyModal td:has(.survey-status-2), */
#singleSurvey td:has(.survey-status-2),
#surveyTableModal td:has(.survey-status-2),
#orderStatus:has(.order-status-2) {
  background-color: #fff3cd !important;
}
/* #surveyStatusDiv:has(#surveyStatus.survey-status-3), */
.datatables-orders td:has(.order-status-3),
.datatables-survey td:has(.survey-status-3),
/* #surveyModal td:has(.survey-status-3), */
#singleSurvey td:has(.survey-status-3),
#surveyTableModal td:has(.survey-status-3),
#orderStatus:has(.order-status-3) {
  background-color: #e0cffc !important;
}
/* #surveyStatusDiv:has(#surveyStatus.survey-status-4), */
.datatables-orders td:has(.order-status-4),
.datatables-survey td:has(.survey-status-4),
/* #surveyModal td:has(.survey-status-4), */
#singleSurvey td:has(.survey-status-4),
#surveyTableModal td:has(.survey-status-4),
#orderStatus:has(.order-status-4) {
  background-color: #e9ecef !important;
}
.datatables-orders td,
.panel-survey-table td {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.datatables-orders th {
  padding-left: 0.5rem !important;
}
.datatables-survey th,
.panel-survey-table th {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.surveyModalDetails table th,
.surveyModalDetails table td {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.surveyModalDetails table p {
  margin-bottom: 0;
}
#surveyTableModal th,
#surveyTableModal td {
  padding: 0.25rem 0.5rem;
}

.surveyModalDetails.inModal {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}
.surveyModalDetails.inModal .progress-bar .w-100 {
  width: calc(100vw - 5.5rem) !important;
}
.inviteToSurveyTableModal th,
.inviteToSurveyTableModal td,
#responsePerVendorModal td {
  padding: 0.25rem 0.5rem;
}
.alert-success {
  color: #0f5132 !important;
  background-color: #d1e7dd !important;
  border-color: #badbcc !important;
}
.datatables-orders .datatables-survey {
  margin-bottom: 1.5rem;
}
.panelist .row>* {
  padding-left:0.25rem;
  padding-right:0.25rem;
}
.panelist .row>*>.row {
  margin-left:unset;
  margin-right:unset;
}
.b-0 {
  border-radius: 0% !important;
}
.table-header-details span {
  font-size: 0.85rem;
}
.form-label {
  margin-bottom: 0;
}
.surveyModalDetails .progress-bar {
  font-size: 0.85rem;
}
h6:empty:before {
  content: '-';
}
.ql-editor ol li[data-list=bullet]::before, .ql-content ol li[data-list=bullet]::before {
  content: '\2022';
}
#rewards-div ol {
  margin-bottom: 0;
}
.btn-link {
  color: #337ab7;
}
body, .table, .table th, h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1,
.nav-tabs .nav-item .nav-link, .light-style .bs-stepper .step-trigger, .form-label, .form-control,
.light-style .select2-container--default .select2-selection--multiple .select2-selection__choice, .light-style .bs-stepper .step.crossed .bs-stepper-label {
  color:#272727 !important;
}
.quota-closed {
  background-color: #CCD3CA !important;
}
.form-label {
  font-weight: 600 !important;
}
.bg-card-company {
  background-color: #f2f2f2;
}

.bg-card-contact {
  background-color: #e0f7fa;
}

.table-details p:empty:before {
  content: '-';
}


/*  NEW CSS */

.top-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: .5rem;
  border-radius: .375rem .375rem 0 0;
}
.group {  
  letter-spacing: 0.4px;
  color: #32475C99;
  font-size: 0.80rem;
}
h5, .h5 {
  font-size: 1.3rem;
}
.group-details div {
  padding-left: 1rem;
  padding-right: 1rem;
}
.group-details div:nth-of-type(1) {
  padding-left: 0;
}    
.group-details div p {
  margin-bottom: 0;
} 
.group-details div p .field {
  margin-bottom: 0;
}
.group-details p:empty:before {
  content: '-';
}
.header-details div:not(:nth-of-type(1)) {
  margin-top: .25rem;
}
.nav-details .nav-item .nav-link {
  background-color: transparent !important;
}
.nav-details .nav-item .nav-link.active {
  background-color: #696CFF !important;
}
.table thead tr {
  background-color: #FAFAFC;
}
.table thead tr th {
  position: relative;
}
.table td {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
.table:not(.no-design) thead tr th:not(:nth-last-child(1)):after {
  content: '';
  height: 30%; 
  width: .2rem;      
  position: absolute;
  right: 0;
  top: 35%;
  background: #32475C1F;
}

.company-page .top-border::before,
.modal.company-page .top-border::before {
  background: #00A878;
}
.contact-page .top-border::before {
  background: #EF83EF;
}
.admin-user-page .top-border::before {
  background: #8661C1;
}
.country-page .top-border::before {
  background: #34F6F2;
}
.lottery-page .top-border::before {
  background: #FB6376;
}
.order-page .top-border::before,
.modal.order-page .top-border::before {
  background: #FFAB00;
}
.survey-page .top-border::before,
.modal.survey-page .top-border::before {
  background: #03C3EC;
}
.panel-page .top-border::before {
  background: #FFE347;
}
.quotation-page .top-border::before,
.modal.quotation-page .top-border::before {
  background: #FF3E1D;
}
.reward-page .top-border::before {
  background: #71DD37;
}
.user-reward-page .top-border::before {
  background: #00865e;
}
.vendor-page .top-border::before {
  background: #DD6E42;
}
.support-page .top-border::before {
  background: #525144;
}
.no-box {
  box-shadow: none !important;
}
.app-email-view.bg-lighter {
  background-color: rgb(242, 243, 243) !important;
}
.bg-menu-theme .menu-link, .bg-menu-theme .menu-horizontal-prev, .bg-menu-theme .menu-horizontal-next {
  color: #697a8d !important;
}
.form-label, .col-form-label {
  font-size: .75rem !important;
}

/* EMAIL */
.app-email .app-emails-list .email-list li.email-list-item .email-list-item-time {
  width: unset;
}
.app-email .app-emails-list .email-list li.email-list-item {
  min-height: unset;
}
.app-email .email-list li.email-list-item:hover .email-list-item-meta .email-list-item-attachment, .app-email .email-list li.email-list-item:hover .email-list-item-meta .email-list-item-time, .app-email .email-list li.email-list-item:hover .email-list-item-meta .email-list-item-label {
  display: initial !important;
}
.email-list-item-content {
  max-width: 60%;
}
td.text-truncate {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 1px;
}
.table-white {
	--bs-table-bg: #fff;
}
.table-header-highlight {
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}
.table-header-planned {
	--bs-table-bg: #ffbe00;
}
.table-cell-planned {
	--bs-table-bg: #fff9e6;
}
.table-header-actual {
	--bs-table-bg: #696CFF;
}
.table-cell-actual {
	--bs-table-bg: #f0f0ff;
}
.table-header-final {
	--bs-table-bg: #03cba6;
}
.table-cell-final {
	--bs-table-bg: #e6faf6;
}
.table-header-completed {
	--bs-table-bg: #67C932;
}
.table-cell-completed {
	--bs-table-bg: #eefbe5;
}
.table-header-planned-2 {
	--bs-table-bg: #3BB273;
}
.table-cell-planned-2 {
	--bs-table-bg: #E6FAF6;
}
.table-header-hours {
	--bs-table-bg: #FF6F61;
}
.table-cell-hours {
	--bs-table-bg: #FFF1EF;
}
.table-px-4 tr td:first-child,
.table-px-4 tr th:first-child {
  padding-left: 1.5rem;
}
.table-px-4 tr td:last-child,
.table-px-4 tr th:last-child {
  padding-right: 1.5rem;
}
.table-px-3 tr td:first-child,
.table-px-3 tr th:first-child {
  padding-left: 1rem;
}
.table-px-3 tr td:last-child,
.table-px-3 tr th:last-child {
  padding-right: 1rem;
}
#surveyStartLink {
  white-space: pre-wrap;
  word-break: break-all;
  text-align: left;
}
.paragraph-details p:empty:before {
  content: '-';
}
.table-cell-details td:empty:before {
  content: '-';
}

.email-filter-folders .card.accordion-item {
  box-shadow: none;
}

.support-0, .support-1, .support-2, .support-3, .support-4 {
  color: #FFFFFF;    
  width: 75px;
}
.support-0 {
  /* new */
  background-color: #FFAB00;
}
.support-1 {
  /* new */
  background-color: #696CFF;
}
.support-2 {
  /* new */
  background-color: #03C3EC;
}
.support-3 {
  /* new */
  background-color: #71DD37;
}
.support-4 {
  /* new */
  background-color: #8592A3;
}
.from-admin {
  /* new */
  background-color: #FDB5281F;
}
.card.email-card-last:has(.from-admin),
.card.email-card-prev:has(.from-admin) {
  width: 70%;
  margin-left: auto !important;
  /* float: right; */
}
.card.email-card-last:not(:has(.from-admin)),
.card.email-card-prev:not(:has(.from-admin)) {
  width: 70%;
  /* float: left; */
}
.email-list-item-time {
  width: 110px !important;
}
.email-prev-div {
  width: 75%;
  box-shadow: none;
}
/* .email-prev-div:has(.from-admin) {
  float: right;
} */
.card.app-email .text-muted {
  color: #404952 !important
}
.card.app-email .app-email-view .badge {
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
}

.app-email .app-email-view {
  height: 90vh !important
}
/* .card.email-reply{
  position: absolute;
  bottom: 0px;
} */
.app-email-view-content{
  height: 56vh !important
}
.light-style .app-email .app-email-view .email-card-last {
  border: unset;
}
.app-email-view-content p {
  margin-bottom: 0%
}
/* .email-reply {
  position:fixed;
  bottom: 7.5vh;
  width: 91.5%;
} */
.light-style .app-email .app-email-view .email-reply {
  border: unset;
  box-shadow: unset;
}
.app-email-view-content.reply-box {
  height: auto !important;
}
.app-email-view-content.is-solved{
  height: 80vh !important;
}
.is_overdue {
  background-color: #FF4D491F;
}
.app-email {
  height: 90vh !important;
}
@media(max-width: 1199px) {
  .app-email {
      height: calc(90vh - 3.875rem) !important;
  }
}
.app-email .app-email-sidebar .email-filters {
  height: 90vh !important;
}

@media(min-width: 992px) {
  .app-email .app-emails-list .email-list {
      height: calc(90vh - 5vh) !important;
  }
}
@media(max-width: 991.98px) {
  .app-email .app-emails-list .email-list {
      height: calc(90vh - 5vh) !important;
  }
}

@media(max-width: 445px) {
  .email-list-item-content {
    max-width: 32% !important;
  }
}

.emails-list-header {
  height: 5vh !important;
}
.app-emails-list {
  min-width: 0;
}

.app-email .app-email-view .app-email-view-content .email-card-prev {
  display: block;
}

.app-email .app-email-view {
  width: 100% !important;
}
.app-email-view-header {
  height: 8vh !important;
}
.app-email-view-content {
  height: 52vh !important;
}
.app-email-view-content.reply-box {
  height: 30vh !important;
}

@media(max-width: 1199px) {
  .app-email-view-content {
    height: calc(52vh - 3.875rem) !important;
  }
  .app-email-view-content.reply-box {
    height: calc(30vh - 3.875rem) !important;
  }
}
.app-email .app-email-view .app-email-view-content .ql-container .ql-editor {
  height: unset;
  min-height: unset;
  padding-bottom: 0.5rem;
}.top-navbar.nav-pills .nav-item .nav-link.active {
  /* background-color: unset !important; */
  /* background-color: rgba(105, 108, 255, .16) !important;
  color:unset; */
}
.top-navbar .nav-item .filter-option-inner-inner {
  color: #566a7f;;
}
.bg-male {
  background-color: #3d8bfd;
}
.bg-female {
  background-color: #e35d6a;
}

.switch .switch-label {
  color: inherit;
}

/* Page-level loading overlay */
.loading-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Element-level loading overlay */
.loading-element {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  border-radius: inherit;
}

.loading-element .spinner-border {
  z-index: 10000;
}

/* Container for the horizontal menu and arrow navigation buttons */
#page-menu-horizontal {
  display: flex;
  align-items: center;
}

#page-menu-horizontal .menu-prev,
#page-menu-horizontal .menu-next {
  position: relative;
  flex: 0 0 auto;
  width: 2.25rem;
  color: #697a8d;
  display: block;
  height: 100%;
}

/* Styling for navigation arrow indicators */
#page-menu-horizontal .menu-prev::after,
#page-menu-horizontal .menu-next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid;
  border-top: 0;
}

/* Specific arrow transformations (prev and next) */
#page-menu-horizontal .menu-prev::after {
  border-right: 0;
  transform: translate(-50%, -50%) rotate(45deg);
}

#page-menu-horizontal .menu-next::after {
  border-left: 0;
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Menu wrapper styling and scroll behavior */
#page-menu-horizontal .menu-wrapper {
  display: flex;
  overflow-x: auto;
  flex-wrap: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
  gap: 0.4rem;
}

/* Hiding the scrollbar in webkit browsers */
#page-menu-horizontal .menu-wrapper::-webkit-scrollbar {
  display: none;
}

/* Navigation link styling and hover effects */
#page-menu-horizontal .nav-link {
  white-space: nowrap;
  padding: 0.5rem 1rem;
  box-shadow: none !important;
}

#page-menu-horizontal .nav-link:hover {
  background-color: #f2f3f3;
}

/* Active state styling for navigation links */
#page-menu-horizontal .nav-link.active {
  background-color: #e7e7ff;
  color: #696cff;
}

/* Disabled state for navigation arrows (prev/next) */
#page-menu-horizontal .menu-prev.disabled,
#page-menu-horizontal .menu-next.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.datatables-orders-new > tbody > tr > td.control,
.datatables-company-orders > tbody > tr > td.control {
  cursor: pointer;
}

.datatables-orders-new > tbody > tr > td.control::before,
.datatables-company-orders > tbody > tr > td.control::before {
  font-family: 'boxicons';
  content: '\ea50';
  display: inline-block;
  transition: transform 0.3s ease;
  font-size: 18px;
  color: #8592a3;
}

.datatables-orders-new.general-view > tbody > tr > td.control::before,
.datatables-company-orders.general-view > tbody > tr > td.control::before {
  min-height: 40px;
  display: flex;
  align-items: center;
}

.datatables-orders-new > tbody > tr.shown > td.control::before,
.datatables-company-orders > tbody > tr.shown > td.control::before {
  transform: rotate(90deg);
}

.datatables-orders-new > tbody > tr.shown,
.datatables-company-orders > tbody > tr.shown {
  background-color: #F2F3F4;
}

.order-method,
.order-currency {
  background-color: #ffffff;
  border: 1px solid #E5E7EB;
  color: inherit;
  border-radius: 9999px;
  padding: 3px 6px;
  display: inline-block;
  font-weight: 500;
  font-size: 10px;
}

.order-type {
  padding: 3px 8px 3px 6px;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
}

.order-type::before {
  font-family: 'boxicons';
  font-size: 10px;
  line-height: 1;
  display: inline-block;
}

.order-type-0,
.order-type-1,
.order-type-2,
.order-type-3,
.order-type-4 {
  background-color: #ffffff;
  border: 1px solid #E5E7EB;
  color: inherit;
}

.order-type-0::before { content: "\ea19"; } /* Calendar icon */
.order-type-1::before { content: "\ec37"; } /* Sync icon */
.order-type-2::before { content: "\eec7"; } /* Time icon */
.order-type-3::before { content: "\eee9"; } /* User Plus icon */
.order-type-4::before { content: "\eb53"; } /* Mail Send icon */

.order-status,
.survey-status,
.quota-status,
.quota-type,
.sendout-type,
.gm-type {
  padding: 3px 10px;
  border-radius: 9999px;
  display: inline-block;
  font-size: 0.8125em;
}

.order-status-0,
.survey-status-0,
.sendout-type-99 {
  background-color: #8592a3;
  color: #fff;
}

.order-status-1,
.survey-status-1,
.sendout-type-1 {
  background-color: #696cff;
  color: #fff;
}

.order-status-2,
.survey-status-2,
.sendout-type-0 {
  background-color: #ffab00;
  color: #fff;
}

.order-status-3,
.survey-status-3 {
  background-color: #03c3ec;
  color: #fff;
}

.order-status-4,
.survey-status-4 {
  background-color: #71dd37;
  color: #fff;
}

.quota-status-0 {
  background-color: #EFF0FF;
  color: #696CFF;
}

.quota-status-1,
.gm-type-0 {
  background-color: #FEF6E5;
  color: #FDB528;
}

.quota-status-2,
.gm-type-1 {
  background-color: #F1FCEA;
  color: #72E128;
}

.quota-type-0 {
  background-color: #8592A3;
  color: #fff;
}

.quota-type-1 {
  background-color: #FFAB00;
  color: #fff;
}

.quota-type-2 {
  background-color: #FF3E1D;
  color: #fff;
}

/* Base style for Match, Vendor and Quota Icon */
.survey-match-icon,
.survey-vendor-icon,
.survey-quota-icon,
.survey-links-icon,
.survey-stop-icon {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  gap: 4px;
}

.survey-match-icon::before,
.survey-vendor-icon::before,
.survey-quota-icon::before,
.survey-links-icon::before,
.survey-stop-icon {
  font-family: 'boxicons';
  font-size: 18px;
}

/* Match Icon */
.survey-match-icon::before {
  content: "\ec3d";
}
.survey-match-icon {
  color: #EAEDEF; /* Default color */
}
.survey-match-icon.active {
  color: #696CFF; /* Active color */
}

/* Vendor Icon */
.survey-vendor-icon::before {
  content: '\ec03';
}

.survey-vendor-icon {
  color: #EAEDEF; /* Default color */
}

/* Count beside the Vendor Icon */
.survey-vendor-icon {
  font-weight: 500;
  margin-left: 2px;
}

.survey-vendor-icon.active {
  color: #696CFF; /* Active color */
}

/* Quota Icon */
.survey-quota-icon::before {
  content: "\e9c6";
}
.survey-quota-icon {
  color: #EAEDEF; /* Default color */
}
.survey-quota-icon.active {
  color: #696CFF; /* Active color */
}

/* Links Icon */
.survey-links-icon::before {
  content: '\eb3c';
}

.survey-links-icon {
  color: #EAEDEF; /* Default color */
}

/* Count beside the Links Icon */
.survey-links-icon {
  font-weight: 500;
  margin-left: 2px;
}

.survey-links-icon.active {
  color: #696CFF; /* Active color */
}


.survey-links-icon.active {
  color: #696CFF; /* Active color */
}

/* Auto Stop Icon */
.survey-stop-icon::before {
  content: "\ec8e";
}
.survey-stop-icon {
  color: #EAEDEF; /* Default color */
}
.survey-stop-icon.active {
  color: #696CFF; /* Active color */
}

.table-daily-stats thead th {
  font-size: 12px;
  padding-right: 0 !important;
  font-weight: 400 !important;
}

.table-daily-stats tbody tr:nth-of-type(odd) {
  background-color: #F8F8FF;
  color: #272727;
}

.table-daily-stats tbody td {
  font-size: 12px;
  font-weight: 500;
}

.table-daily-stats tbody td:not(:first-child):not(:last-child) {
  padding-right: 0 !important;
}

.table-daily-stats tbody td:first-child {
  text-transform: uppercase;
  color: #6c757d;
  letter-spacing: 1px;
  padding-left: 0.625rem !important;
  padding-right: 0 !important;
  font-weight: 400;
}

.table-daily-stats tbody td:nth-child(4) {
  color: var(--color-com); /* Completed */
}

.table-daily-stats tbody td:nth-child(7) {
  color: var(--color-qf); /* QF */
}

.table-daily-stats tbody td:nth-child(8) {
  color: var(--color-bad); /* Bad */
}

.datatables-orders-new td.child,
.datatables-company-orders td.child {
  padding: 0 !important;
}

.datatables-orders-new .survey-row,
.datatables-company-orders .survey-row {
  position: relative;
}

.datatables-orders-new .survey-row::before,
.datatables-company-orders .survey-row::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: .25rem;
  background-color: #696CFF;
}

.datatables-orders-new .survey-row:not(:last-child),
.datatables-company-orders .survey-row:not(:last-child) {
  border-bottom: 1px solid #d9dee3;
}

.datatables-orders-new-wrapper .pagination,
.datatables-company-orders-wrapper .pagination {
  padding-left: 1rem;
  padding-right: 1rem;
}

:root {
  --color-com: #28C76F;    /* Completed */
  --color-do: #AEB1B5;     /* Dropouts */
  --color-so: #FFAB00;     /* Screened Out */
  --color-qf: #8B4C5C;     /* Quota Full */
  --color-bad: #FF3E1D;     /* Bad Quality */
  --color-rej: #22303E;    /* Rejected */
}

.user-avatar-group {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.user-avatar-wrapper {
  position: relative;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 50%;
  transition: transform 0.3s ease, border 0.3s ease;
}

.user-avatar-wrapper:not(:first-child) {
  margin-left: -10px;
}

.user-avatar-wrapper:active,
.user-avatar-wrapper.active {
  border-color: #696CFF;
}

.user-avatar-wrapper:hover {
  z-index: 10;
}

.user-avatar {
  width: fit-content;
  height: fit-content;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  z-index: 1;
}

.custom-scrollbar::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #e5e7eb;
  border-radius: 0.3rem;
  border: 2px solid #fff;
}
.custom-scrollbar::-webkit-scrollbar-track {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background-color: transparent;
  margin-inline-start: 1.5rem;
  margin-inline-end: 1.5rem;
}

.btn-filter {
  color: #6c757d;
  background-color: #f8f9fa;
  border: 1px dashed #ced4da;
  transition: all 0.2s ease;
}

.btn-filter:hover {
  color: #6c757d;
  background-color: #e2e6ea;
  border-color: #adb5bd;
}

.btn-filter:focus {
  color: #6c757d !important;
  background-color: #f8f9fa !important;
  border: 1px dashed #adb5bd;
}

.btn-filter:active,
.btn-filter.active {
  color: #696cff;
  background-color: #E6E9FF;
  border: 1px dashed #9B9EFF;
}

.btn-filter:active:hover,
.btn-filter.active:hover {
  background-color: #DADFFF;
  border: 1px dashed #9B9EFF;
}

.btn-filter:active:focus,
.btn-filter.active:focus {
  color: #696cff !important;
  background-color: #E6E9FF !important;
  border: 1px dashed #9B9EFF;
}

.filter-dropdown {
  position: absolute;
  background-color: #fff;
  border: 1px solid #e4e6e8;
  width: 200px;
  z-index: 1050;
  display: none;
  border-radius: 5px;
  padding: 0.5rem 0;
}

.filter-dropdown ul {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 300px;
}

.filter-dropdown .dropdown-header {
  display: block;
  padding: 0.5rem 1.25rem;
  margin-bottom: 0;
  font-size: 0.8125rem;
  color: #a7acb2;
  white-space: nowrap;
}

.filter-dropdown .dropdown-item {
  display: block;
  width: 100%;
  padding: 0.543rem 1.25rem;
  clear: both;
  font-weight: 400;
  color: #384551;
  text-align: inherit;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  cursor: pointer;
  white-space: nowrap;
}

.filter-dropdown .dropdown-item label {
  white-space: normal;
  pointer-events: none;
  user-select: none;
}

.filter-dropdown .dropdown-item:hover {
  background: rgba(34, 48, 62, 0.06);
}

.filter-dropdown .dropdown-item:focus,
.filter-dropdown .dropdown-item:active,
.filter-dropdown .dropdown-item.active {
  color: #696cff;
  text-decoration: none;
  background-color: rgba(105, 108, 255, 0.16);;
}

.filter-dropdown .dropdown-action {
  padding: .25rem .5rem 0 .5rem;
}

.filter-dropdown .dropdown-search {
  padding: 0 .5rem .25rem .5rem;
}

.btn-filter-text {
  border: none;
  white-space: nowrap;
}

.btn-filter-text:hover,
.btn-filter-text:active {
  color: #6c757d;
  background-color: #f8f9fa;
}

.btn-filter-text:focus,
.btn-filter-text:active,
.btn-filter-text.active {
  color: #696cff !important;
  background-color: #E6E9FF !important;
}

.datatables-orders-new.general-view tbody td:nth-child(n+2):nth-child(-n+8) .wrapper,
.datatables-company-orders.general-view tbody td:nth-child(n+2):nth-child(-n+8) .wrapper {
  min-height: 40px !important;
  display: flex;
  align-items: center;
}
#invitedToSurveyTableModal, #inviteToSurveyTableModal, #responsePerVendorModal {
  font-size: 12px;
}

.param-text-highlight .highlighted {
  color: #FF3E1D !important;
}
.bg-emailed {
  --bs-bg-opacity: .2;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.fs-11 {
  font-size: 11px;;
}
.panel-dashboard .table th {
  text-transform: none;
}
.email-reply .ql-editor{
  max-height: 20vh;
  overflow: auto;
}