.header{border-bottom: 1px solid #E2E8F0;}
.header .nav-link{font-size: 14px; color: #475569; font-weight: 500; line-height: 20px;border-radius:8px;padding: 6px 15px !important;}
.header .nav-link.active{background-color: #E0E7FF; color: #4338CA;}
.dropdown-item.active, .dropdown-item:active {background-color: #E0E7FF !important; color: #4338CA!important; text-decoration: none;}
.navbar-nav .nav-link.show{background-color: #E0E7FF; color: #4338CA;}
.lead-btn button{background: linear-gradient(90deg,rgba(79, 70, 229, 1) 0%, rgba(37, 99, 235, 1) 100%); font-size: 14px; color: #fff; border-radius: 6px; padding: 10px 15px; transition: 0.2s;cursor: pointer;border:0;}
.lead-btn .bi-plus::before{font-size: 20px;transition: 1s;}
.lead-btn .bi-plus{position: relative; top: 2px;margin-right: 10px;}
.lead-btn{transition: 0.2s;}
.lead-btn a{cursor:pointer;}
.lead-btn .dropdown-menu{position: absolute;inset: 0px 0px auto auto !important; margin: 0px !important; transform: translate3d(0px, 45.3333px, 0px) !important;}
.lead-btn .dropdown-item {padding: 10px;}
.lead-btn .dropdown-toggle::after{display:none;}
.lead-btn:hover{transform: scale(1.04); transform-origin: center;}
.lead-btn:hover .bi-plus:before{transform: rotate(360deg);}
.lead-btn:hover button{background:linear-gradient(90deg,rgb(58, 49, 226) 100%, rgba(37, 99, 235, 1) 100%); }
.modal-header{border-bottom: 0;padding-bottom: 15px !important;}
.modal .form-label, .form-label{font-size: 14px;}
.modal input, .form-select, .modal .modal-footer .btn, .login-lead input,.login-lead select{box-shadow: 0 1px 3px 0 #0000000d;}
.modal .modal-content{padding: 20px;}
::placeholder, select, option{font-size: 14px !important;}
.modal .form-control:focus, .modal .form-select:focus {color: #111; background-color: var(--bs-body-bg); border-color:#000 !important;outline: 0;box-shadow: unset !important;}
.modal-footer{border-top: 0 !important;}
.modal .modal-footer .btn.btn-outline-secondary,.table-action.dropdown-toggle, .close-form  {border: 1px solid #e2e0e0;background-color: transparent;color: #000;} 
.modal .modal-footer .btn.btn-outline-secondary:hover, .table-action.dropdown-toggle:hover, .close-form:hover{background-color: #f0efef;}
.modal .modal-footer .btn, .close-form{transition: 0.3s;}
.modal .modal-footer .btn.bg-black:hover{opacity: 0.8;}
.custom-select {position: relative; width: 100%;}
.selected {background-color: #fff;cursor: pointer;user-select: none; display: flex;justify-content: space-between; align-items: center;font-family:  var(--font-main);font-size: 14px; color:#000;}
.options {position: absolute;top: 100%;left: 0;width: 100%;border-radius: 5px;background-color: #fff;overflow-y: auto;box-shadow: 0 4px 6px rgba(0,0,0,0.1);display: none; /* Hidden by default */ z-index: 100;}
.option {cursor: pointer;transition: background 0.2s;padding: 5px 10px;font-size: 14px; font-family:  var(--font-main);}
.option:hover {background-color: #f0f0f0;}
.options .selected{background-color: #f0f0f0;}
.custom-select.open .options {display: block;}
.custom-select .option {position: relative;padding-right: 25px; /* space for tick */}
.custom-select .option::after {content: '✔';color: #000;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);display: none;}
.custom-select .option.selected::after {display: inline-block;}
.filter-label .bi-funnel{transform: scale(0.7);}
.filter-bar{box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); border-radius: 12px;}
.btn-outline-filter{border: 1px solid #e2e0e0;background-color: transparent;color: #000;box-shadow: 0 1px 3px 0 #0000000d;font-size:12px; line-height: normal;font-weight: 500;}
.btn-outline-filter:hover{background-color: #f0efef;}
.filters-group .custom-select{width: 12rem;}
@media (max-width: 1200px){
  .filters-group .custom-select{width: 9rem;}
  .headings-row,.content-row{width: 1300px;}
  .leads-chart{overflow-x: scroll;}
}
@media (max-width: 600px){
  .filters-group .custom-select{width: 100%;}
  .login-page .sign-in-box{width: 100% !important;}
}
.leads-chart .headings-row{background-color: #F8FAFC;}
.leads-chart .headings-row .table-head{font-size: 12px; text-transform: uppercase; color: #64748B; line-height: 16px; margin-bottom:0;padding:15px;font-weight: 500;}
.table-company{color: #000; font-weight: 500;margin-bottom:0;display: flex; align-items: center;}
.table-company:before{font-family: 'bootstrap-icons';content: "\f1dd";font-size: 14px; color: #000;opacity: 0.4;margin-right: 7px;}
.table-poc:before{font-family: 'bootstrap-icons';content: "\F4E1";font-size: 14px; color: #000;opacity: 0.4;margin-right: 10px;}
.table-poc, .table-value, .table-resource{color: #000;display: flex; align-items: center;}
.table-contact span, .table-create{color: #475569; display: flex; align-items: center;}
.dynamic-table{padding:15px;margin-bottom:0;}
.table-lead span{background-color: #DBEAFE; color: #1E40AF; border-radius: 15px;padding: 5px 15px; font-weight: 600;box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);}
.table-contact .mobile:before{font-family: 'bootstrap-icons';content: "\F5C1";font-size: 12px; color: #000;opacity: 0.4;margin-right: 4px;}
.table-contact .email:before{font-family: 'bootstrap-icons';content: "\F32F";font-size: 12px; color: #000;opacity: 0.4;margin-right: 4px;}
.table-create:before{font-family: 'bootstrap-icons';content: "\F1F6";font-size: 12px; color: #000;opacity: 0.4;margin-right: 8px;}
.status-border{padding: 5px 15px;font-weight: 500;border-radius: 15px;box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);}
.lead-intake { background-color: #F1F5F9; color: #1E293B; }
.closed-won { color: #D1FAE5; background-color: #065F46; }
.qualified { background-color: #DCFCE7; color: #166534; }
.disqualified { background-color: #FEE2E2; color: #991B1B; }
.assigned { background-color: #DBEAFE; color: #1E40AF; }
.contacted { background-color: #E0E7FF; color: #3730A3; }
.proposal { background-color: #F3E8FF; color: #6B21A8; }
.follow{background: #ffece0;color: #de0000;}
.negotiations { color: #9A3412; background-color: #FFEDD5; }
.deal { background-color: #D1FAE5; color: #065F46; }
.onboard{background-color: #f3d1fa; color: #4a065f;}
.closed-lost { background-color: #F3F4F6; color: #1F2937; }
.payment-verified { background-color: #CCFBF1; color: #115E59; }
.admin-handover { background-color: #CFFAFE; color: #155E75; }
.login-page .sign-in-box{width: 500px; padding: 25px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); background-color: #fff;}
.login-page .header{display: none;}
.login-page.register-page .header{display: revert;}
.company-logo img{width: 150px; margin-bottom: 30px;}
.table-action.dropdown-toggle::after {display: none !important;}
#investmentModal .nav-item{width: 24%; justify-content: center;}
#investmentModal .nav-item button{padding: 6px 10px; width: 100%; border-radius: 4px; border: 0;color: #737373; font-weight: 500;}
#investmentModal .nav-tabs{padding: 10px; border:0;gap: 13px;}
#investmentModal .nav-tabs .nav-link.active{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); color: #000;}
#investmentModal form::placeholder{font-weight: 500 !important;}
.save-form {background: linear-gradient(90deg, rgba(79, 70, 229, 1) 0%, rgba(37, 99, 235, 1) 100%);font-size: 14px; color: #fff; border-radius: 6px; padding: 10px 15px; transition: 0.2s;}
.save-form{transition: 0.2s;}
.save-form:hover{transform: scale(1.04); transform-origin: center; color: #fff;}
.upload-area p{font-size: 18px; line-height: 27px; color: #334155;}
.upload-area {border: 2px dashed #ccc;border-radius: 0.25rem;padding: 30px;text-align: center;color: #334155;cursor: pointer; background-color: #ffffff; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 250px; transition: background-color 0.2s, border-color 0.2s; /* Added transition */}
.upload-area.drag-over {border-color: #000000; background-color: #e9f0ff; color: #000000;}
.upload-area .bi-upload:before{font-size: 30px;margin-bottom: 15px; color: #334155;}
.pipeline-lead .summary-box{background-color: #fff; padding: 20px 15px; border-radius: 12px;box-shadow:  0 2px 10px rgba(0, 0, 0, 0.1);}
.main-pipeline-box{background-color: #fff; border-radius: 12px; padding: 20px 15px;box-shadow:  0 2px 10px rgba(0, 0, 0, 0.1);transition:0.2s;}
.main-pipeline-box:hover{transform: translateY(-2px);}
.main-pipeline-box .leadintake:before{content: ''; width: 12px; height: 12px; background-color: #D5D5D5; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-pipeline-box .deals:before{content: ''; width: 12px; height: 12px; background-color: #1AC826; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-pipeline-box .qualify:before{content: ''; width: 12px; height: 12px; background-color: #FFB700; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-pipeline-box .disqualify:before{content: ''; width: 12px; height: 12px; background-color: #EF4444; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-pipeline-box .followup:before{content: ''; width: 12px; height: 12px; background-color: #ff6300; border-radius: 50px;display: inline-block;margin-right: 7px;}

.main-pipeline-box .assign:before{content: ''; width: 12px; height: 12px; background-color: #3B82F6; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-pipeline-box .contact:before{content: ''; width: 12px; height: 12px; background-color: #6366F1; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-pipeline-box .proposals:before{content: ''; width: 12px; height: 12px; background-color: #A855F7; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-pipeline-box .negotiation:before{content: ''; width: 12px; height: 12px; background-color: #F9F116; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-pipeline-box .close-won:before{content: ''; width: 12px; height: 12px; background-color: #14B8A6; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-pipeline-box .close-lost:before{content: ''; width: 12px; height: 12px; background-color: #6B7280; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-pipeline-box .payment-verify:before{content: ''; width: 12px; height: 12px; background-color: #800080; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-pipeline-box .admin-hand:before{content: ''; width: 12px; height: 12px; background-color: #06B6D4; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-pipeline-box .onboarding:before{content: ''; width: 12px; height: 12px; background-color: #f63bc5; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-pipeline-box .counter-number{background-color: #F5F5F5; border-radius: 8px; padding: 3px 10px; margin:0;}
.content-overflow-box{overflow-y: scroll;height: 300px;}
.res-overflow-box{overflow-y: scroll;height: 400px;}
.content-overflow-box::-webkit-scrollbar, .modal-dialog-scrollable .modal-body::-webkit-scrollbar,  .res-overflow-box::-webkit-scrollbar {width: 8px; height: 8px;}
.content-overflow-box::-webkit-scrollbar-button, .modal-dialog-scrollable .modal-body::-webkit-scrollbar-button, .res-overflow-box::-webkit-scrollbar-button {display: none;}
.content-overflow-box::-webkit-scrollbar-track, .modal-dialog-scrollable .modal-body::-webkit-scrollbar-track, .res-overflow-box::-webkit-scrollbar-track {background: #f1f5f9; border-radius: 4px;}
.content-overflow-box::-webkit-scrollbar-thumb, .res-overflow-box::-webkit-scrollbar-thumb, .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {background: #cbd5e1; border-radius: 4px;}
.content-overflow-box::-webkit-scrollbar-thumb:hover, .res-overflow-box::-webkit-scrollbar-thumb:hover,  .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb:hover {background: #b1bbc7;}
.main-pipeline-box .single-content-box{border: 1px solid #F1F5F9; padding: 10px; border-radius: 8px; margin-bottom: 10px;transition: 0.1s;cursor: pointer;}
.main-pipeline-box .single-content-box:hover{background-color: #eef2ff; border: 1px solid #a5b4fc;}
.modal .lead-info{background-color: #f8fafc; padding: 10px; border-radius: 8px;}
.resource-nav{background-color: #fff; border-radius: 15px; box-shadow: 0 1px 3px 0 #0000000d; padding: 25px;border: 2px solid rgba(255, 255, 255, 0.2); transition: 0.3s;}
.resource-nav .active{display:none;}
.resource-nav.active .normal{display: none;}
.resource-nav.active .active{display: block;}
.resource-nav.active{background-color: #EEF2FF;border: 2px solid #4F46E5;transform: translateY(-2px);}
.resource-nav:hover{ border: 2px solid #4F46E5;transform: translateY(-2px);}
#chartContainer {width: 350px; height: 350px;}
.main-shadow-box{background-color: #fff; padding: 20px; border-radius: 12px;box-shadow:  0 2px 10px rgba(0, 0, 0, 0.1);height: 100%;}
.sales-persons .swiper-button-next{right: -40px !important;top: 57px;}
.sales-persons .swiper-button-prev{left: -40px !important;top: 57px;}
.sales-persons .swiper-button-next:after, .sales-persons .swiper-button-prev:after{display: none;}
.sales-persons .swiper-button-next i, .sales-persons .swiper-button-prev i{transform: scale(1.7); color: #4F46E5;}
.res-lead-over-box{border: 1px solid #F1F5F9; border-radius: 12px;}
.assigning{border-bottom: 1px solid #F1F5F9;}
.head-arrow:after{font-family: 'bootstrap-icons';content: "\F138";font-size: 10px; color: #000;opacity: 0.3;margin-left: 14px;}
.main-times .lead-intake:before{content: ''; width: 8px; height: 8px; background-color: #D5D5D5; border-radius: 50px;margin-right: 7px;}
.main-times .disqualified,.main-times .admin-handover,.main-times .payment-verification,.main-times .closed-won,.main-times .negotiations,.main-times .proposal,.main-times .disqualify,.main-times .deals,.main-times .lead-intake, .main-times .qualified,.main-times .assigned, .main-times .contacted, .main-times .closed-lost, .main-times .payment-verified{background-color: unset !important; color: inherit;}
.main-times .qualified:before{content: ''; width: 8px; height: 8px; background-color: #FFB700; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-times .assigned:before{content: ''; width: 8px; height: 8px; background-color: #3B82F6; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-times .contacted:before{content: ''; width: 8px; height: 8px; background-color: #6366F1; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-times .deals:before{content: ''; width: 8px; height: 8px; background-color: #1AC826; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-times .disqualified:before{content: ''; width: 8px; height: 8px; background-color: #EF4444; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-times .proposal:before{content: ''; width: 8px; height: 8px; background-color: #A855F7; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-times .negotiations:before{content: ''; width: 8px; height: 8px; background-color: #F9F116; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-times .closed-won:before{content: ''; width: 8px; height: 8px; background-color: #14B8A6; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-times .close-lost:before{content: ''; width: 8px; height: 8px; background-color: #6B7280; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-times .closed-lost:before{content: ''; width: 8px; height: 8px; background-color: #6B7280; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-times .payment-verification:before{content: ''; width: 8px; height: 8px; background-color: #800080; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-times .payment-verified:before{content: ''; width: 8px; height: 8px; background-color: #800080; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-times .follow-up:before{content: ''; width: 8px; height: 8px; background-color: #ff6300; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-times .onboarding:before{content: ''; width: 8px; height: 8px; background-color: #f63bc5; border-radius: 50px;display: inline-block;margin-right: 7px;}
.main-times .admin-handover:before{content: ''; width: 8px; height: 8px; background-color: #06B6D4; border-radius: 50px;display: inline-block;margin-right: 7px;}
.res-overflow-box .border-box{padding-left: 15px; border-left: 2px solid #E2E8F0;position: relative;}
.res-overflow-box .border-box:before{content: ''; width: 15px; height: 15px; border-radius: 50px; background-color: #4F46E5;position: absolute; left: -10px; top: 15px;}
.content-overflow-box{padding-left: 10px; padding-right: 10px;}
.active>.page-link, .page-link.active {color: #fff !important;background-color: #1E40AF !important; border-color: #1E40AF;}
.page-link{color: #111 !important; background-color: transparent !important; border:0;border-radius: 50px !important; margin: 0 5px; font-size: 14px;}
.disabled>.page-link, .page-link.disabled{opacity: 0.5;}
.pagination {padding: 20px 0;}
.filter-bar button.btn-primary {background: linear-gradient(90deg, rgba(79, 70, 229, 1) 0%, rgba(37, 99, 235, 1) 100%); font-size: 14px; color: #fff; border-radius: 6px; padding: 6px 15px; transition: 0.2s;margin-top: 7px;}
.filter-bar a{font-size: 14px !important;margin-top: 7px;}
.filter-bar .btn-secondary {border: 1px solid #e2e0e0; background-color: transparent; color: #000;font-size: 14px;font-size: 14px;padding: 6px 15px; 
margin-top: 7px;}
.main-times .head-arrow:last-child::after {content: unset !important;}
.invest .btn{font-size: 14px; padding: 10px 15px;}
nav .dropdown-menu{padding:0;}
nav .dropdown-item{padding: 10px;}
.form-check label{margin-bottom:0;}
#editSectorCheckboxes, #editServicesCheckboxes, #createSectorCheckboxes, #createServicesCheckboxes{display: flex; flex-wrap: wrap; column-gap: 15px;box-shadow: 0 1px 3px 0 #0000000d; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: 8px; padding: 10px;}
#investmentModal .nav-item.main-tab-item{width: 48%;}
@media (max-width: 1200px){
    
  .filters-group .custom-select{width: 9rem;}
  .headings-row,.content-row{width: 1300px;}
  .leads-chart{overflow-x: scroll;}
  .sales-persons .swiper-button-next{right: 0px !important;top: 50px;}
.sales-persons .swiper-button-prev{left: 0px !important;top: 50px;}
.sales-persons .swiper{width: 85%;}
  #investmentModal .nav-tabs{flex-wrap: nowrap !important; overflow-x: scroll;}
  #investmentModal .nav-item{width: 100%; justify-content: center;}
}
@media (max-width: 600px){
    .navbar-collapse{position: fixed;top: 70px;background-color: #fff; width: 100%; left:0;}
    .navbar-collapse{position: fixed;}
  .filters-group .custom-select{width: 100%;}
  .login-page .sign-in-box{width: 100% !important;}
}
@media (min-width: 1200px){
    .headings-row{position: sticky; top: 70px;z-index:2;}
}