.bg-primary-soft {
    background-color: #DEF4FF !important;
}

.custom_avatar {
    /* vertical-align: middle;
    text-align: center; */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ffffff;
    font-size: x-large;
}

.custom-pt-10 {
    padding-top: 10%;
}

.custom-text-align-left {
    text-align: left !important;
}

.custom-hight-dashboard-card {
    height: 130px;
}

.custom-widget-header {
    justify-content: left !important;
}

[dir=ltr] .custom-widget-header__actions {
    margin-right: 0.625rem !important;
}

.saw-indicator .custom-widget-header__title {
    font-weight: 700 !important;
    font-size: 1.2rem;
}
.custom-indicator__value{
    text-align: left !important;
    margin-left: 3.7rem !important;
}
.permission-checkbox{
    padding-top: 1.3rem;
    padding-right: 1.3rem;
}

.text-wrapping {
    white-space: nowrap; /* Prevent text from wrapping */
    overflow: hidden; /* Hide overflowing content */
    text-overflow: ellipsis; /* Display ellipsis (...) for truncated text */
}
.row_size{
    width: 200px;

}

.pdf_table table tr td {
    border: 1px solid #999;
  }

.pdf_table .copyright {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5; /* Adjust the opacity as needed */
    z-index: -1;
}
.text_limit_2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2;
    -webkit-box-orient: vertical;
 }
.text_limit_1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
            line-clamp: 1;
    -webkit-box-orient: vertical;
 }
#customers {
    border-collapse: collapse;
    width: 100%;
}

#customers td, #customers th {
    border: 1px solid #7e7f83;
}

#customers th {
    background-color: #D9D9D9E7;
    color: #212529;
}


/* Form 102 */
.ellipsis-td {
    white-space: nowrap;   /* Prevent text from wrapping */
    overflow: hidden;      /* Hide overflowing text */
    text-overflow: ellipsis; /* Display ellipsis when text overflows */
    max-width: 100px;       /* Set the maximum width of the <td>; adjust as needed */
}
/* Form 102 end */

.qr_btn {
    width: fit-content;
    align-self: center;
}


/* Define the @media print rule */
@media print {
    .hide-in-print {
      display: none; /* Hide the element when printing */
    }
  }

/* CSS */
.floating-box{
  background: rgb(26 91 72 / 90%);
  color: #fff !important;
  border: 1px solid #00a629;
  border-radius: 12px;                       /* কর্ণার রাউন্ডেড */
  box-shadow: 0 6px 18px rgba(2,12,30,0.06),  /* নরম মূল শ্যাডো */
              0 1px 3px rgba(2,12,30,0.04);   /* মৃদু বিস্তারিত শ্যাডো */
  padding: 1.5rem 3rem;                             /* ভিতরের স্পেসিং */
  max-width: 520px;
  margin: 1rem auto;
  backdrop-filter: blur(6px) saturate(120%); /* পেছনের কনটেন্ট হালকা ব্লার (optional) */
  -webkit-backdrop-filter: blur(6px) saturate(120%);
  transition: transform .18s ease, box-shadow .18s ease;
}

.floating-box:hover {
  transform: scale(1.05); /* বক্স ৫% বড় হবে */
  box-shadow: 0 12px 30px rgba(2,12,30,0.10),
              0 4px 10px rgba(2,12,30,0.06);
}
.arrow-box {
    padding: 8px 12px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.border_bottom_1_white {
    border-bottom: 1px solid #ffffff !important;
}
/* scroll start */


/* scroll end */