.table-responsive span {
  position: relative;
  display: inline-block;
  font-weight: 400;
  font-size: 1rem;
  /* z-index: 1; */
}

span[data-title]:hover::after {
  content: attr(data-title);
  border-radius: 0.25rem;
  background: #FFF;
  color: var(--Black, #223770);
  padding: 1rem;
  /* Regular text */
  font-family: Helvetica;
  font-size: 1rem;
  font-style: normal;
  z-index: 2;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.00625rem;
  width: 120%;
  /* Dropdown */
  box-shadow: 2px 2px 20px 0px rgba(9, 24, 49, 0.06);
  position: absolute;
  top: -75%;
  left: 100%;
}

.disabledCheckboxState {
  background-color: #A2ABC3 !important;
  cursor: not-allowed !important
}

.scrollClass::-webkit-scrollbar {
  width: 0.5rem;
}

.scrollClass::-webkit-scrollbar-track {
  background: #FFF !important;
}

/* Handle */
.scrollClass::-webkit-scrollbar-thumb {
  background: #CBD5F6 !important;
}

.scroller::-webkit-scrollbar {
  width: 0.5rem;
}

.scroller::-webkit-scrollbar-track {
  background: #FFF !important;
}

/* Handle */
.scroller::-webkit-scrollbar-thumb {
  background: #CBD5F6 !important;
}

.userNameWrapper {
  display: flex;
  flex-direction: column;
}

.userNameWrapper .userMail {
  color: var(--light-grey, #A2ABC3);
  font-family: Helvetica;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.00625rem;
}

.userNameWrapper .userName {
  color: var(--Black, #223770);
  font-family: Helvetica;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.00625rem;
}

#add-Attachments .tags-dropdown {
  color: #30549E;

  /* small button text */
  font-family: Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1px;
  cursor: pointer;
}

table .tag-container {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}

table h4 {
  color: #223770;

  /* Heading 4 */
  font-family: Helvetica;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1px;
  padding-top: 0.6rem;
}

table h5 {
  color: #5F6F98;

  font-family: Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: -0.1px;
}

table .mb-3 {
  margin-top: 2rem;
}

table .form-check-input {
  margin-top: 0rem;
}

table .dropdown-menu {
  border-radius: 16px;
  border: none;
  background: #FFF;
  box-shadow: 0px 3px 44px -7px rgba(34, 55, 112, 0.20);
}

table .tagClass {
  display: flex;
  align-items: center;
  border-radius: 9px;
  border: 1px solid #A2ABC3;
  gap: 0.7rem;
  padding: 5px;
}

table .tagsClass {
  color: #223770;

  /* button text */
  font-family: Helvetica;
  font-size: 16px;

  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1px;
}

table #crossImage {
  padding-bottom: 2px
}

table .tags-container {
  display: flex;
  gap: 10px;
}

table .tagsSavedStyle {
  color: #223770;

  /* button text */
  font-family: Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1px;
}

table .tagsSaved {
  border-radius: 9px;
  border: 1px solid #A2ABC3;
  padding: 8px;
  gap: 8px;
  padding-inline: 14px;
  align-items: center;
  display: flex;
}

table .containerTagsSaved {
  display: flex;
  gap: 9px;
}

table #exampleDropdownFormInput {
  border-radius: 9px;
  background: url("../../dashboard/assets/tagImage.svg") no-repeat 1.2rem;
  background-color: var(--background-grey, #F0F2FC);
  color: #5F6F98;

  /* Regular text */
  font-family: Helvetica;
  font-size: 16px;
  padding-left: 3.5rem;
  ;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.1px;
  position: relative;
  height: 52px;
  border: none;
}

table #exampleDropdownFormInput::placeholder {
  color: #A2ABC3;
}

table #exampleDropdownFormInput:focus {
  box-shadow: none;
}

table .permanent-file-tag {
  color: #5F6F98;
  padding-left: 5px;
  font-family: Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: -0.1px;
}

table .checkbox-container {
  display: flex;
  padding-block: 1rem;
}

table #dropdownEdit .action {
  display: flex;
  justify-content: center;
  font-size: 16px;
  align-items: center;
}

table .tagContainer {
  width: fit-content;
  display: flex;
  gap: 6px;
  align-items: center;
}

table .tagContainer .elem {
  padding: 6px;
  border-radius: 0.5rem;
  background: var(--background-grey, #F0F2FC);
  display: flex;
  gap: 0.3rem;
  width: fit-content
}

table .tagContainer .remaining {
  border-radius: 50%;
  background: #F0F2FC;
  color: #223770;
  font-size: 1rem;
  padding: 8px 8px;
  font-weight: bold
}

table .tagContainer .addIcon {
  border-radius: 50%;
  background: #F0F2FC;
  padding: 8px;
  cursor: pointer
}

table .relatedTasks {
  display: flex;
  gap: 5px;
  align-items: center
}

table .relatedTasks .elem {
  border-radius: 0.625rem;
  background: #F0F2FC;
  color: var(--grey, #5F6F98);
  font-size: 1rem;
  padding: 0.45rem 0.87rem
}

table .relatedTasks .remaining {
  border-radius: 50%;
  background: #F0F2FC;
  color: #223770;
  font-size: 1rem;
  padding: 8px 8px;
  font-weight: bold
}

table .pdfContainer {
  color: #223770;
  font-size: 1rem;
  font-weight: bold;
}

table .boldContent {
  color: var(--Black, #223770);

  /* small button text */
  font-family: Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1px;
}

table .uploadedFile .elem {
  display: flex;
  padding: 8px 18px;
  align-items: center;
  border-radius: 30px;
  background: var(--background-grey, #F0F2FC);
  width: fit-content;
}

/*  */
.table-responsive .toggle-btn .switch {
  position: relative;
  display: inline-block;
  width: 17px;
  height: 9.7px;
}

.table-responsive .toggle-btn .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.table-responsive .toggle-btn .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E7ECFF;
  -webkit-transition: .4s;
  transition: .4s;
}

.table-responsive .toggle-btn .slider:before {
  position: absolute;
  content: "";
  height: 0.5rem;
  width: 0.5rem;
  left: 0px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.table-responsive .toggle-btn input:checked+.slider {
  background-color: #30549E;
}

.table-responsive .toggle-btn input:checked+.slider:before {
  -webkit-transform: translateX(0.5rem);
  -ms-transform: translateX(0.5rem);
  transform: translateX(0.5rem);
}

/* Rounded sliders */
.table-responsive .toggle-btn .slider.round {
  border-radius: 34px;
}

.table-responsive .toggle-btn .slider.round:before {
  border-radius: 50%;
}

.tinfoInfo {
  position: relative;
}

.tinfoInfo[data-title]:hover::after {
  content: attr(data-title);
  border-radius: 0.5rem;
  background: #FFF;
  color: var(--Black, #5f6f98);
  padding: 14px;
  /* Regular text */
  font-family: Helvetica;
  font-size: 14px;
  font-style: normal;
  z-index: 2;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.00625rem;
  width: 200px;
  max-height: 150px;
  overflow-y: auto;
  /* Dropdown */
  box-shadow: 2px 2px 20px 0px rgba(9, 24, 49, 0.06);
  position: absolute;
  top: -240%;
  left: -76%;
  white-space: pre-line;
}
.tabClients{
  color:#A2ABC3;
  font-family: Helvetica;
  font-size: 16px;
  font-weight: 400;
  cursor:pointer;
  padding-bottom:7px;
  padding-inline:6px;
  letter-spacing: -0.10000000149011612px;

}
.activeTablClients{
  font-family: Helvetica;
  font-size: 16px;
  cursor:pointer;
  padding-bottom:7px;
  padding-inline:6px;
  font-weight: 700;
  letter-spacing: -0.10000000149011612px;  
  color:#223770;
  border-bottom:3px solid#172B73
}
#accessModal .toggle-btn .switch {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 19px;
  margin-left: 9px;
}

#accessModal .toggle-btn .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

#accessModal .toggle-btn .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E7ECFF;
  -webkit-transition: .4s;
  transition: .4s;
}

#accessModal .toggle-btn .slider:before {
  position: absolute;
  content: "";
  height: 1rem;
  width: 1rem;
  left: 1px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

#accessModal .toggle-btn input:checked+.slider {
  background-color: #30549E;
}

#accessModal .toggle-btn input:checked+.slider:before {
  -webkit-transform: translateX(1.1rem);
  -ms-transform: translateX(1.1rem);
  transform: translateX(1.1rem);
}
.text-tooltip {
  position: relative !important;
  display: inline-block;
}
.text-tooltip-content {
  visibility: hidden;
  opacity: 0;
  position: absolute !important;
  top: 90%;
  left: 50%;
  transform: translateX(0%);
  background-color: #ffffff;
  color: #223770;
  padding: 6px 12px;
  border-radius: 6px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  max-width: 500px;
  width: 300px;
  white-space: normal;
  word-wrap: break-word;
  z-index: 1000;
  font-size: 13px;
  font-weight: 400;
  transition: opacity 0.2s ease;
}
.text-tooltip:hover .text-tooltip-content {
  visibility: visible;
  opacity: 1;
}

.deleted-info-tooltip-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.deleted-info-tooltip {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 50%;
  right: calc(100% + 10px);
  transform: translateY(-50%);
  background: #ffffff;
  color: #223770;
  border-radius: 10px;
  box-shadow: 0px 4px 20px rgba(9, 24, 49, 0.12);
  padding: 14px 16px;
  width: 220px;
  z-index: 1000;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.deleted-info-tooltip::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-left-color: #ffffff;
}
.deleted-info-tooltip-wrapper:hover .deleted-info-tooltip {
  visibility: visible;
  opacity: 1;
}
.deleted-info-tooltip p {
  margin: 0;
  font-family: Helvetica;
  font-size: 13px;
  line-height: 1.4;
  color: #223770;
}
.deleted-info-tooltip-title {
  font-weight: 700;
  font-size: 14px !important;
  margin-bottom: 2px !important;
}
.deleted-info-tooltip-sub {
  color: #5F6F98 !important;
  margin-bottom: 10px !important;
}
.deleted-info-tooltip-label {
  font-weight: 700 !important;
  margin-bottom: 2px !important;
}

/* Sccess Modal tooltiup */
.tooltip-wrapper {
  position: relative;
  display: inline-block;
}
.tooltip-wrapper img{
  cursor: pointer;
  margin-left: 0.25rem;

}
.info-icon {
  cursor: pointer;
  margin-left: 6px;
}

.tooltip-box {
  display: none;
  position: absolute;
  top: 24px;
  right: 0;
  z-index: 1000;

  background-color: white;
  border-radius: 10px;
  padding: 1rem;
  width: 260px;
  max-height: 350px;
  overflow-y: scroll;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.tooltip-wrapper:hover .tooltip-box:not(.LOSNotActive) {
  display: block;
}
.tooltip-wrapper .tooltip-box.active{
  display: block;
}
.tooltip-title {
  color: #223770;
  font-weight: 700;
  margin-bottom: 4px;
}

.tooltip-text {
  color: #5F6F98;
  font-weight: 400;
  margin-bottom: 8px;
}


/* Rounded sliders */
#accessModal .toggle-btn .slider.round {
  border-radius: 34px;
}

#accessModal .toggle-btn .slider.round:before {
  border-radius: 50%;

}

.minfoInfo {
  position: relative;
}
.min_tooltip.minfoInfo[data-title]:hover::after {
  min-width: 250px;
  cursor: pointer;
  text-transform: none !important;
}
.report_lib_tooltip.minfoInfo[data-title]:hover::after{
  left: -150%;
}
.minfoInfo[data-title]:hover::after {
  content: attr(data-title);
  border-radius: 0.5rem;
  background: #FFF;
  color: var(--Black, #5f6f98);
  padding: 14px;
  /* Regular text */
  font-family: Helvetica;
  font-size: 14px;
  font-style: normal;
  z-index: 2;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.00625rem;
  width: fit-content;
  max-height: 350px;
  overflow-y: auto;
  /* Dropdown */
  box-shadow: 2px 2px 20px 0px rgba(9, 24, 49, 0.06);
  position: absolute;
  top: 75%;
  left: 90%;
  white-space: pre-line;
}

.linfoInfo {
  position: relative;
}
.linfoInfo[data-title]:hover::after {
  content: attr(data-title);
  border-radius: 0.5rem;
  background: #FFF;
  color: var(--Black, #5f6f98);
  padding: 14px;
  /* Regular text */
  font-family: Helvetica;
  font-size: 14px;
  font-style: normal;
  z-index: 2;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.00625rem;
  width: 130px;
  max-height: 350px;
  overflow-y: auto;
  /* Dropdown */
  box-shadow: 2px 2px 20px 0px rgba(9, 24, 49, 0.06);
  position: absolute;
  top: 75%;
  left: 90%;
  white-space: pre-line;
}

input[type='radio'] {
  accent-color: #223770;
  margin-right: 4px;
}
.attributeLogsAction .deleted{
  color:#EC1C24;
  padding:6px;
  border-radius: 9px;
  background: #FFEBEB;
}
.attributeLogsAction .edited{
  color:#CFAE00;
  padding:6px 10px;
  border-radius: 9px;
  background: #FBFAC6;
}
.attributeLogsAction .added{
  padding:6px;
  border-radius: 9px;
  background-color: #DBEDED   ;
  color:#249789;
}