svg{
	
}
.edit-delete-action{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    height: 50px;
	}
.action-eye{
	color: #0f1c28;
    width: 14px;
    height: 14px;
}
.feather-edit{
	color: #3577f1;
    width: 14px;
    height: 14px;
}

.feather-trash-2{
	color: #FF0000;
    width: 14px;
    height: 14px;
}
.p-2 {
    padding: .5rem !important;
}
.me-2 {
    margin-right: .5rem !important;
}
.edit-delete-action a{
	border: 1px solid rgba(145, 158, 171, 0.3);
    background-color: #ffffff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    padding: 8px;
}
.ddvZdT{
	font-weight: bold;
}

.modal .modal-footer {
    border: 0;
    justify-content: flex-end;
}
.modal .modal-footer .btn {
    min-width: 80px;
    padding: 8px;
}

/* page title and Background */
.pgmargin{
	margin-right:775px;
}

.table-top{
	padding-bottom:10px !important;	
	
}
.btn-searchset{
	top: 5px;
}
.form-control-sm{
	padding: 10px 0.8rem;
}
.search-input{
	width: 300px;
}

.GroupStyles {
    display: 'flex';
    align-items: 'center';
    justify-content: 'space-between';
}
.GroupBadgeStyles {
    background-color: '#EBECF0';
    border-radius: '2em';
    color: '#172B4D';
    display: 'inline-block';
    font-size: 12;
    font-weight: 'normal';
    line-height: '1';
    min-width: 1;
    padding: '0.16666666666667em 0.5em';
    text-align: 'center';
}
.FavoritesStar{
    color: #1261A0;
    margin-left: 116px;
}
.sweetalert{
    position: fixed;
    z-index: 9999;
    top: 0px;
    left: 39%;
}

/* grid css*/

.titlename{
    font-weight: 600;
    font-family: sans-serif;
    font-size: 14px;
}

/* delete modal  */

 .custom-alert-icon svg{
	 width:50px;
	 height:50px;
 }

 .modalheader-width{
	text-align: center;
    display: list-item;
	padding:0px;
 }
 
 .modalfooter-width{
	text-align: center;
    display: list-item;
	padding:0px;
 }
 
 .ddbtnicon{
	width: 86px;
    height: 38px;
    border: 0px solid var(--Stroke, rgba(145, 158, 171, 0.3));
    background: #1261a0;
    border-radius: 8px;
    font-size: 15px;
	color: #ffffff;
 }

 .react-datepicker-wrapper{
    display: inline-block;
    padding: 0;
    border: 0;
    width: 100%;
 }

 .rdt_TableHead > div > div > div > span{
    position: absolute;
    right:0;
    opacity: 1;
 }

 .css-1nmdiq5-menu{
    z-index: 101 !important;
 }

 .task-client-investment-grid {
    border-top: none !important;
 }

 .task-client-investment-grid-body {
    padding: 0 !important;
 }

 .datatable-grid-input{
    height: calc(100% - 15px) !important;
    width: 100%;
 }

 .task-modal .modal-body{
    overflow: auto;
    height: 629px;
 }
 .tasking-comment-history{
    padding: 7px !important;
 }
 .tasking-comment-history ul li{
    width: 14%;
    padding: 0px;
 }
 .pd-15{
	 padding:10px;
 }
 .mg-em{
	 margin-bottom:0.5em;
 }
 .tl-r{
	 text-align:right;
 }
 .noti-title {
    color: #343a40;
    font-weight: 500;
  }
  .noti-details {
    color: #adb5bd;
    margin: 0;
    font-size: 0.8000rem;
  }
  .notification-time {
    font-size: 12px;
    line-height: 1.35;
    color: #67748E;
    cursor: pointer;
  }
  .scrollable-history-comments {
    max-height: 400px;
    overflow-y: auto;
    padding-right: 5px; /* optional to prevent scrollbar overlap */
  }
  .scrollable-comments {
    max-height: 400px;       /* Adjust height as needed */
    overflow-y: auto;
    margin-bottom: 1rem;
    padding-right: 6px;      /* Prevents content clipping behind scrollbar */
    margin-top: 1rem;
  }
  .refresh-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
 }
 .arroright{
    margin-top: -1px;
 }
 .filter-dropdown-wrapper {
    position: relative;
  }
  
  .remove-icon {
    margin-left: 5px;
    margin-top: 9px;
    cursor: pointer;
    color: #1261a0;
    font-weight: bold;
    display: none; /* hide by default */
  }
  
  .filter-dropdown-wrapper:hover .remove-icon {
    display: inline; /* show on hover */
  }
  
  .remove-icon {
    transition: opacity 0.2s;
    opacity: 0;
  }

  .filter-dropdown-wrapper:hover .remove-icon {
    opacity: 1;
  }

  .filter-dropdown-container{
    margin-left: 20px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  .filter-dropdown-wrapper{
    position: relative;
    display: flex;
    align-items: center;
  }
  .GridDropdown{
    width: calc(100% - 10px);
    border-radius: 0px;
  }
  .editable-cell-with-icon {
    position: relative;
    height: 100%;
    width: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .editable-cell-with-icon .cell-content {
    flex: 1;
  }
  
  .editable-cell-with-icon .edit-icon {
    position: absolute;
    top: 4px;
    right: 4px;
    opacity: 0.6;
    transition: opacity 0.2s ease;
  }
  
  .editable-cell-with-icon:hover .edit-icon {
    opacity: 1;
  }

  .reports-module{
    padding: 10px !important;
  }

  .disabled-link {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
  }

  .centered-card-message {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 1.5rem; /* equivalent to p-4 */
    margin-bottom: 1rem; /* equivalent to mb-4 */
    border: 1px solid #dee2e6; /* optional, keeps card look */
    border-radius: 0.25rem;
    background-color: #fff; /* or transparent if you prefer no color */
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); /* subtle shadow */
}

.custom-search-input {
  height: 39px !important; /* Or whatever height you want */
  font-size: 14px; /* Optional: adjust text size */
  padding: 6px 12px; /* Optional: tweak spacing */
}

.btn-searchset {
  height: 39px !important;;
  padding: 6px 12px;
}

.search-set .search-input {
  position: relative;
  margin-right: 0px !important;
}

.pg-header-dividor{
  padding-bottom: 0;
  border-bottom: 1px solid rgba(145, 158, 171, 0.3);
}

/* RoleSecurityMain.css */

.transform-none {
  transform: none !important;
}

.relative-position {
  position: relative !important;
}

.static-position {
  position: static !important;
}

.scroll-hidden {
  overflow: hidden !important;
}

.scroll-visible {
  overflow: visible !important;
}

.box-border {
  box-sizing: border-box !important;
}

.min-height-1 {
  min-height: 1px !important;
}

.scrollbar {
  background: #ccc !important;
  width: 7px !important;
  position: absolute !important;
  top: 0 !important;
  opacity: 0.4 !important;
  display: none !important;
  border-radius: 7px !important;
  z-index: 99 !important;
  right: 1px !important;
  height: 893px !important;
}

.scrollbar-rail {
  width: 7px !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  display: none !important;
  border-radius: 7px !important;
  background: #333 !important;
  opacity: 0.2 !important;
  z-index: 90 !important;
  right: 1px !important;
}

.resize-sensor {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
  z-index: -1 !important;
  visibility: hidden !important;
}

.resize-expand,
.resize-shrink {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  overflow: hidden !important;
  z-index: -1 !important;
  visibility: hidden !important;
}

.resize-expand > div {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  transition: all !important;
  width: 258px !important;
  height: 907px !important;
}

.resize-shrink > div {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  transition: 0s !important;
  width: 200% !important;
  height: 200% !important;
}

.add-role-button{
  padding: 5px 0px 5px 5px;
}

.ddbtnicon2 {
  width: 120px;
  height: 38px;
  border: 0px solid var(--Stroke, rgba(145, 158, 171, 0.3));
  background: #1261a0;
  border-radius: 8px;
  font-size: 15px;
  color: #ffffff;
}

.role-item {
  color: #5B6670;
  white-space: unset;
  padding: 0.5rem 0.9375rem;
  font-size: 0.8125rem;
}

.sidebars.settings-sidebar .slimScrollDiv {
  height: auto !important;
}
.rdt_ExpanderRow .rdt_TableHead {
  display: none !important;
}
.followup-label{
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #5B6670 !important;
  margin-bottom: 8px !important;
}

alink-whilte{
	font-weight: bold;
    color: #ffffff;
}

.topnav-dropdown-footer p{
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}

.filter-by{
  padding-bottom: 10px !important;
}