:root {
	--color-primary: #0163BA;
}

body{
	font-family: 'Inter' !important;
	font-style: normal !important;
	background-color: #EBEDEF;
}
.error_field{
	/* box-shadow: rgba(247, 3, 3, 0.35) 0px 5px 15px; */
	border : 1px solid red;
}
.error_text{
	color: red;
}

/* Toast Styling */
.toast-info {
	background-color: var(--color-primary);
}

/* Fonts */
.font-1{
	font-family: 'DM Sans';
}
.fs-7{
	font-size: 12px;
}

/* Background */
.bg-primary-color{
	background-color: var(--color-primary) !important;
}
.bg-secondary-color{
	background-color: #d8e8f8;
}
.bg-blue-color
{
	background-color:#F3F7FD;
}
.bg-grey{
	background-color: #E0E0E0;
}
.bg-light-grey {
	background-color: #F0F0F0;
}
.bg-lightest-grey {
	background-color: #FBFBFB;
}
.bg-light-blue {
	background-color: #E6EEFF;
}
.bg-low-risk{
	background-color: #B3DCB8;
}
.bg-high-risk{
	background-color: #F0C7C7;
}
.bg-moderate-risk{
	background-color: #F5E19B;
}
/* TEXT */
.icon-primary-color{
	color: var(--color-primary);
}
.text-primary-color{
	color: #202C3D;
}
.text-secondary-color{
	color: #4A4478;
}
.text-heading-color{
	color: #2B2B2B;
}
.text-brand-color{
	color: var(--color-primary);
}
.text-grey{
	color: #4A4A4A !important;
}
.text-light-blue{
	color: #F3F7FD;
}
.text-dark-blue{
	color: #1c196d;
}
.text-low-risk{
	color: #B3DCB8;
}
.text-high-risk{
	color: #F0C7C7;
}
.text-moderate-risk{
	color: #F5E19B;
}
.text-inactive{
	color: #5B6471 !important;
}
.text-inactive:hover{
		color: var(--color-primary) !important;
}
.text-inactive.active{
	color: var(--color-primary) !important;
}
.nav-pills-font {
	color: var(--color-primary) !important;
}
.nav-pills-font:hover{
	color: white !important;
	background-color: var(--color-primary) !important;
}
.nav-pills-font.active{
	color: white !important;
	background-color: var(--color-primary) !important;
}


.text-processing{
	align-items: center;
	padding: 0px 6px;
	background: #CFE9D3;
	border-radius: 2px;
	font-weight: 400;
	font-size: 8px;
	line-height: 150%;
	letter-spacing: 0.0015em;
	color: #033409;
}
.text-uploading, .text-Uploading, .text-Processing, [class^="text-Moving"][class*="to"][class*="Storage"], [class^="text-Dry-Run"][class*="processing"], [class^="text-Partly"][class*="Processed"]{
	align-items: center;
	padding: 0px 6px;
	background: #F5DFAD;
	border-radius: 2px;
	font-weight: 400;
	font-size: 11px;
	line-height: 150%;
	letter-spacing: 0.0015em;
	color: #382A08;
}
.text-uploaded, .text-Uploaded, .text-Processed, [class^="text-In"][class*="Storage"], [class^="text-Dry-Run"][class*="successful"] {
	align-items: center;
	padding: 0px 6px;
	background: #D3E5F4;
	border-radius: 2px;
	font-weight: 400;
	font-size: 11px;
	line-height: 150%;
	letter-spacing: 0.0015em;
	color: #042D4D;
}
.text-transferring{
	align-items: center;
	padding: 0px 6px;
	background: #F3F4F5;
	border-radius: 2px;
	font-weight: 400;
	font-size: 11px;
	line-height: 150%;
	letter-spacing: 0.0015em;
	color: #202C3D;
}
.text-failed, [class^="text-Failed"][class*="to"][class*="Move"], [class^="text-Dry-Run"][class*="failed"]{
	align-items: center;
	padding: 0px 6px;
	background: #F5DCDC;
	border-radius: 2px;
	font-weight: 400;
	font-size: 11px;
	line-height: 150%;
	letter-spacing: 0.0015em;
	color: #5A0D0D;
}


/* Text Box Design */
.input-wrapper {
	position: relative;
}
  
.input-wrapper .il-upper-dropdown {
	border: 1px solid rgba(0, 0, 0, 0.23);
	position: relative;
	width: 130px;
	margin: 10px; 
	height: 40px;
	background-color: #EBEDEF;
}
  
.input-wrapper label {
	position: absolute;
	top: -1.5ex;
	z-index: 1;
	left: 1em;
	background-color: #EBEDEF;
	padding: 0 5px;
	color: rgba(0, 0, 0, 0.50);
}
.input-wrapper select{
	background: transparent;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	width: 100%;
	color: rgba(0, 0, 0, 0.87);
}
input:focus {
	outline:none !important;
    box-shadow: none !important;
}

/* BUTTON */
.btn-upload{
	background: white;
	border: 2px solid var(--color-primary);
	color: var(--color-primary);
}
.btn-upload:hover{
	background: var(--color-primary);
	border: 2px solid var(--color-primary);
	color: white;
}
.btn-toggle{
	background: white;
	border: 2px solid var(--color-primary);
	color: var(--color-primary);
}
.btn-toggle.active{
	background: var(--color-primary);
	border: 2px solid var(--color-primary);
	color: white;
}
.btn-toggle:hover{
	background: var(--color-primary);
	border: 2px solid var(--color-primary);
	color: white;
}
.btn-cancel{
	background: white;
	border: 2px solid var(--color-primary);
	color: var(--color-primary);
}
.btn-cancel:hover{
	background-color: var(--color-primary);
	color: #FFFFFF;
}
.btn-icon {
	color: var(--color-primary); /* Default color */
	border: 1px solid var(--color-primary);
}
.btn-icon:hover {
	color: white;
	background: var(--color-primary);	
}

/* Checkbox */
.primary-checkbox{
	border: 2px solid rgba(0, 0, 0, 0.54);
}
.primary-checkbox:checked[type=checkbox]{
	background-color: var(--color-primary);
	border: 2px solid var(--color-primary);
}
.cursor-pointer {
	cursor: pointer;
}

/* Tooltips */
.custom-tooltip {
	--bs-tooltip-bg: var(--color-primary);
}

/* Nav Pills */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background-color: var(--color-primary);
	color: white !important;
}

/* select2 */
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background-color: var(--color-primary) !important;
}
/* Lead */
.lead-sidebar{
	width : 45% !important;
}
.lead-sidebar .form-control, .lead-sidebar .form-select{
	font-size: .875em !important;
}

/* communication */
.communication-messages-sidebar{
	width : 60% !important;
}

/* Task */
.task-sidebar{
	width : 50% !important;
}
.task-sidebar .form-control, .task-sidebar .form-select{
	font-size: .875em !important;
}
.task-category-type-item {
	background: white;
	border: 2px solid var(--color-primary);
	color: var(--color-primary);
	transition: all 0.2s ease;
	cursor: pointer;
}
.task-category-type-item:hover {
	/* background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%); */
	/* transform: scale(1.02); */
	background: var(--color-primary);
	color: white;
}
.task-category-type-search-results {
	background: #fff3cd;
	border: 1px solid #ffeaa7;
	border-radius: 8px;
	padding: 15px;
	margin-bottom: 20px;
}
.task-category-type-highlight {
	background-color: #ffeb3b;
	padding: 2px 4px;
	border-radius: 3px;
	font-weight: bold;
}
#tableTask tbody tr td .task-details-expanded .row{
	text-wrap: auto !important;
}

/* Goals */
.goals-sidebar{
	width : 50% !important;
}
.goals-sidebar .form-control, .goals-sidebar .form-select{
	font-size: .875em !important;
}

/* Emi */
.emi-sidebar{
	width : 45% !important;
}
.emi-sidebar .form-control, .emi-sidebar .form-select{
	font-size: .875em !important;
}

/* Expenses */
.expenses-sidebar{
	width : 45% !important;
}
.expenses-sidebar .form-control, .expenses-sidebar .form-select{
	font-size: .875em !important;
}

/* Assets */
.assets-sidebar{
	width : 45% !important;
}
.assets-sidebar .form-control, .assets-sidebar .form-select{
	font-size: .875em !important;
}

/* User Management */
.user-management-sidebar{
	width : 45% !important;
}
.user-management-sidebar .form-control, .user-management-sidebar .form-select{
	font-size: .875em !important;
}

/* Profile */
.profile-sidebar{
	width : 45% !important;
}
.profile-sidebar .form-control, .profile-sidebar .form-select{
	font-size: .875em !important;
}


/* add logo images*/
.add-logos-sidebar{
	width : 45% !important;
}
.add-logos-sidebar .form-control, .add-logos-sidebar .form-select{
	font-size: .875em !important;
}
.add-logos-sidebar .image-preview {
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 8px;
}
.add-logos-sidebar .image-item {
	transition: all 0.3s ease;
}
.add-logos-sidebar .image-item:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.add-logos-sidebar .image-size {
	font-size: 0.75rem;
	color: #6c757d;
}

/* Mutual Fund Scheme */
.il-mfs-sidebar{
	width : 50% !important;
}
.il-mfs-sidebar .form-control, .il-mfs-sidebar .form-select{
	font-size: .875em !important;
}

/* Data Management */
.upload-file-sidebar{
	width : 45% !important;
}
.dm-no-file-upload{
	min-height: calc(100vh - 240px);
}
.dm-no-file-upload img{
	width: 85px;
	height: auto;
}
.file-upload-files input {
    outline: 2px dashed #7A818C;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 19px 0px 64px 35%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
	content: '';	
}
.file-upload-files input:focus{     
	outline: 2px dashed #202C3D;  
	outline-offset: -7px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #202C3D;
 }
.file-upload-files{ 
	position:relative
}
.file-upload-files:before {
    position: absolute;
    top: 20%;
    left: 0;  
	pointer-events: none;
    width: 100%;
    right: 0;
    height: 43px;
    content: " Drag a file \a or";
	white-space:pre;
    display: block;
    margin: 0 auto;
    color: #202C3D;
    font-weight: 600;
	font-size: 14px;
    text-align: center;
}
.file-upload-files:after {
    position: absolute;
    bottom: -10%;
    left: 0;  pointer-events: none;
    width: 100%;
    right: 0;
    height: 43px;
    content: " Browse ";
    display: block;
    margin: 0 auto;
    color: #0163BA;
    text-transform: capitalize;
    text-align: center;
	font-weight: 400;
	font-size: 12px;
	line-height: 130%;
	letter-spacing: 0.0025em;

	
}
.file-upload-files input {
	color: transparent;
}
.file-upload-files input::-webkit-file-upload-button {
	visibility: hidden;
}
.file-upload-files input:focus {
	color: transparent;
}


/* Investor List */
.il-upper-icons-wrapper .il-upper-icon{
	width: 2.5rem !important;
	height: 2.5rem !important;
	font-size: 1.5rem !important;
}
.il-upper-icons-wrapper .il-upper-icon:hover{
	border-color: var(--color-primary) !important;
	color: var(--color-primary);
	background-color: #bed5fd;
}
.il-upper-icons-wrapper .il-upper-icon.active{
	border-color: var(--color-primary) !important;
	color: var(--color-primary);
	background-color: #bed5fd;
}
.il-filter-sidebar{
	--cui-sidebar-width : 100%;
}
.il-card-name-icons{
	display:none;
}
.il-card-aum{
	display:none;
	position: absolute;
	top:0px;
	right:0px;
	z-index: 2;
}
.il-card-task{
	display:none;
	position:absolute;
	bottom:0px;
	right:0px;
	z-index: 2;
}
.investor-card{
	position: relative;
  	z-index: 1;
}
.il-card-icons-wrapper .il-card-icons .il-change-icon{
	width: 1.5rem !important;
	height: 1.5rem !important;
	font-size: 1.5rem !important;
}
.il-card-icons-wrapper .il-card-icons{
	position: relative;
}
.il-card-wrapper:hover {
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); /* Larger shadow on hover */
	transform: translateY(-2px); /* Slight lift effect */
	cursor: pointer; /* Change cursor to pointer */
	transition: box-shadow 0.5s ease, transform 0.5s ease; /* Softer and slower*/
}
.il-card-wrapper.select-mode-temp:hover {
	box-shadow: rgba(255, 255, 255, 0.2) 0px 2px 8px 0px;
	transform: none; 
	cursor: pointer; 
	transition: none; 
}
.selected-card, .select-mode-temp{
	box-shadow: rgba(255, 255, 255, 0.2) 0px 2px 8px 0px;
	border: 6px solid rgba(1, 99, 186, 0.9);
	border-radius: 0.375rem;
	
}
.btn-bulk button{
	box-shadow: rgba(255, 255, 255, 0.2) 0px 2px 8px 0px;
}
#overlayInvestorList {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000;
}

.clickable-div {
	position: relative;
	z-index: 1010; /* Higher than the overlay */
}
/* .family-card-update {
	position: relative;
} */
.family-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Larger shadow on hover */
	transform: translateY(-2px); /* Slight lift effect */
	cursor: pointer; /* Change cursor to pointer */
	transition: box-shadow 0.1s ease, transform 0.5s ease; /* Softer and slower*/
}
.family-remove:hover {
    color: var(--color-primary);
}
.aum-display {
    font-size: 1.2rem; /* Large font size for AUM */
    font-weight: bold; /* Bold font for AUM */
    color: #343a40; /* Dark color for AUM */
    text-align: right; /* Align text to the right */
}
.aum-label {
    font-size: 1rem; /* Font size for AUM label */
    font-weight: normal; /* Normal font weight for AUM label */
    color: #6c757d; /* Grey color for AUM label */
}
.aum-value {
    font-size: 1rem; /* Large font size for AUM value */
    font-weight: bold; /* Bold font for AUM value */
    color: #343a40; /* Dark color for AUM value */
}
 /* Select 2 */
.select2-container .select2-selection--single {
  height: calc(1.5em + 0.75rem + 2px) !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
/* Adjust the position of the dropdown arrow */
.select2-container .select2-selection--single .select2-selection__arrow {
  height: calc(1.5em + 0.75rem) !important;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

/* Vertically center the text */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.5 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: 0.1rem !important;
}

.il-card-icons-wrapper .il-card-icons:hover{
	background-color: rgba(128,128,128,0.25);
	border:1px solid black;
	height: 1.5rem;
	width: 1.5rem;
	border-radius: 50%;		

	.il-change-icon{
		position: absolute;
		top: 50%;   
		left: 50%;  
		transform: translate(-50%, -50%);
		width: 1rem !important;
		height: 1rem !important;
		font-size: 1rem !important;
		color: #7A818C;
		/* font-weight: 500; */
	}	
	.il-icon-diameter {
		position: relative;
		width: 100%;
		height: 1px;
		left: 0;
		top: 50%;
		background: black;
		transform: rotate(30deg);
	}
}

.il-card-icons-wrapper .il-card-icons.active{
	background-color: rgba(128,128,128,0.50);
	border:1px solid black;
	height: 1.5rem;
	width: 1.5rem;
	border-radius: 50%;		

	.il-change-icon{
		position: absolute;
		top: 50%;   
		left: 50%;  
		transform: translate(-50%, -50%);
		width: 1rem !important;
		height: 1rem !important;
		font-size: 1rem !important;
		color: #7A818C;
		/* font-weight: 500; */
	}		
	.il-icon-diameter {
		position: relative;
		width: 100%;
		height: 1px;
		left: 0;
		top: 50%;
		background: black;
		transform: rotate(30deg);
	}
}
.il-communication-sidebar{
	width : 45% !important;
}
.il-communication-sidebar .form-control, .il-communication-sidebar .form-select{
	font-size: .875em !important;
}

/* Investor Details sidebar */
.update-investor-details{
	width : 45% !important;
}
.update-investor-details .form-control, .update-investor-details .form-select{
	font-size: .875em !important;
}

/* Family Details Sidebar */
.update-family-sidebar{
	width : 45% !important;
}
.update-family-sidebar .form-control, .update-family-sidebar .form-select{
	font-size: .875em !important;
}
.family-head-radio-container {
	display: inline-block;
	cursor: pointer;
}

.family-head-radio-container input[type="radio"] {
	display: none;
}

.family-head-icon {
	font-size: 1rem;
	color: #6c757d;
	transition: color 0.3s ease;
}


.family-head-radio-container input[type="radio"]:checked + .family-head-icon, .family-head-radio-container input[type="radio"]:hover + .family-head-icon {
	color: var(--color-primary);
}

/* Investment Philosophy */
.nav-underline-border{
	width: max-content;
}
.selected-mutual-fund{
	align-items: center;
	padding: 0px 8px 0px 16px;
	gap: 4px;
	background: #0163BA;
	border-radius: 9999px;
	color: white;
}
.selected-mutual-fund span{
	cursor: pointer;
}
.fb-no-basket-available{
	min-height: calc(100vh - 40vh);
}
.create-basket-sidebar, .create-fund-sidebar{
	width : 50% !important;
}
.create-basket-sidebar .form-control, .create-basket-sidebar .form-select, .create-fund-sidebar .form-control, .create-fund-sidebar .form-select{
	font-size: .875em !important;
}

/* investor 360 */
.accordion-portfolio-summary:not(.collapsed){
	background-color: white;
	box-shadow: none;
	color: #202C3D;
}
.accordion-quick-reports:not(.collapsed){
	background-color: white !important;
	box-shadow: none  !important;
}
.accordion-portfolio-reviews:not(.collapsed){
	background-color:#F3F7FD !important;
}
.table-portfolio-review tr td{
	background-color: #F2F2F2;
}
/* .portfolio-review-wrapper .meeting-notes-wrapper:hover .edit-icon {
	opacity: 1;
}
.portfolio-review-wrapper .meeting-agenda-wrapper:hover .edit-icon {
	opacity: 1; 
} */
/* schedule-review-meeting */
.schedule-review-meeting-sidebar{
	width : 45% !important;
}
.schedule-review-meeting-sidebar .form-control, .schedule-review-meeting-sidebar .form-select{
	font-size: .875em !important;
}
/* add-points */
.add-points-sidebar{
	width : 45% !important;
}
.add-points-sidebar .form-control, .add-points-sidebar .form-select{
	font-size: .875em !important;
}
/* add-notes */
.add-notes-sidebar{
	width : 45% !important;
}
.add-notes-sidebar .form-control, .add-notes-sidebar .form-select{
	font-size: .875em !important;
}


/* Data Table */
.dt-paging{
	margin-top: 20px !important;
}
.pagination {
	/* width: 100%; */
	justify-content: center;
}
.page-link.disabled, .disabled > .page-link{
	background: unset !important;
	border: none;
}
.page-link{
	/* background: unset !important; */
	border: none;
	color: #0163BA;
}
.page-link.active, .active > .page-link{
	background: #0163BA;
	border-radius: 4px;
}
.page-link:focus {
	outline: none;
	box-shadow : none;
}
.mutual-fund-table tr {
	border: 1px solid #B8BCC1;
}
.mutual-fund-table tr td {
	padding: 15px;
}
table tfoot th{
	background-color: #B8BCC1 !important;
}

/* Table Loader */
@-webkit-keyframes moving-gradient {
    0% { background-position: -250px 0; }
    100% { background-position: 250px 0; }
}

.mutual-fund-table {
  width: 100%;
  tr {
    border-bottom: 1px solid rgba(0,0,0,.1);
    td {
      height: 50px;
      vertical-align: middle;
      padding: 8px;
      span {
        display: block;
      }
      &.mfstd-1 {
        width: 10%;
        span {
          height: 12px;
          background: linear-gradient(to right, #eee 20%, #ddd 50%, #eee 80%);
          background-size: 500px 100px;
          animation-name: moving-gradient;
          animation-duration: 1s;
          animation-iteration-count: infinite;
          animation-timing-function: linear;
          animation-fill-mode: forwards;
        }
      }
      &.mfstd-2 {
        width: 60%;
        span {
          height: 12px;
          background: linear-gradient(to right, #eee 20%, #ddd 50%, #eee 80%);
          background-size: 500px 100px;
          animation-name: moving-gradient;
          animation-duration: 1s;
          animation-iteration-count: infinite;
          animation-timing-function: linear;
          animation-fill-mode: forwards;
        }
      }
      &.mfstd-3 {
        width: 10%;
        span {
          height: 12px;
          background: linear-gradient(to right, #eee 20%, #ddd 50%, #eee 80%);
          background-size: 500px 100px;
          animation-name: moving-gradient;
          animation-duration: 1s;
          animation-iteration-count: infinite;
          animation-timing-function: linear;
          animation-fill-mode: forwards;
        }
      }
      &.mfstd-4 {
		width: 10%;
        span {
          height: 12px;
          background: linear-gradient(to right, #eee 20%, #ddd 50%, #eee 80%);
          background-size: 500px 100px;
          animation-name: moving-gradient;
          animation-duration: 1s;
          animation-iteration-count: infinite;
          animation-timing-function: linear;
          animation-fill-mode: forwards;
        }
      }
      &.mfstd-5 {
        width: 10%;
        span {
          height: 12px;
          background: linear-gradient(to right, #eee 20%, #ddd 50%, #eee 80%);
          background-size: 500px 100px;
          animation-name: moving-gradient;
          animation-duration: 1s;
          animation-iteration-count: infinite;
          animation-timing-function: linear;
          animation-fill-mode: forwards;
        }
      }
    }
  }
}


/* investor 360 */  

  .timeline {
	background: white; 
	counter-reset: section;
	margin: 20px auto;
	padding-left: 70px;
	padding-top: 50px;
  }
  
  .timeline .col-xs-12 {
	border-left: solid 4px orange;
	padding-bottom: 80px;
	padding-left: 40px;
	padding-right: 60px;
  }
  
  .timeline .col-xs-12:before {
	/* counter */
	counter-increment: section;
	content: counter(section);
	/* position */
	position: absolute;
	left: 140px; /* = (width + border-left) / 2 */
	/* top: -30px; */
	/* form & size */
	border-radius: 50%;
	height: 40px;
	width: 40px;
	/* colors & text */
	background: orange;
	color: white;
	font-size: 22px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
  }
  
  /* images */
  .timeline img {
	margin-top: 20px;
	width: 100%;
  }
  
  .text-primary {
	color: var(--color-primary) !important;
  }
  
  .bg-primary {
	background-color: var(--color-primary) !important;
  }
  
  .border-primary {
	border-color: var(--color-primary) !important;
  }


  .nav-tabs .nav-link {
	color: #000;
  }
  
  .nav-tabs .nav-link:hover,
  .nav-tabs .nav-link:focus {
	color: #000;
  }