@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&display=swap');




body {
  font-family: "Noto Sans Arabic", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


.shake-animated {
  display: inline-block;
  animation: shake 2s ease-in-out infinite;
}

@keyframes shake {
  0%,
  100% {
    transform: rotate(-5deg);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: rotate(5deg);
  }
  20%,
  40%,
  60%,
  80% {
    transform: rotate(-15deg);
  }
}

.view-list-title-rtl {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;        
  font-weight: 500;      
  margin-bottom: 0.5rem; 
  direction: rtl;
}
.view-list-title {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;        
  font-weight: 500;
  font-size: 20px;      
  margin-bottom: 0.5rem; 
  margin-left: 1rem; 
}

.view-list-content {
  height: 300px;
  overflow-y: auto;
}
.view-list-content-rtl {
  height: 300px;
  overflow-y: auto;
  direction: rtl;
}

.view-list-item1 {
  text-align: start;       /* .text-end (aligns text to right in LTR, left in RTL) */
  font-size: 14px;
  font-weight: 500;      /* Bootstrap .h6 weight */
  padding-left: 0.5rem;  /* .ps-2 (padding-start: 0.5rem in LTR) */
  /* Ensure text wraps */
  white-space: normal !important;
  word-break: break-word; /* Break long words if needed */
}

.view-list-sub-item {
  font-size: 0.8em;
  color: gray;
}

.view-list-item2 {
  text-align: end;          /* .text-end */
  padding-bottom: 0.25rem;  /* .pb-1 = 0.25rem */
  padding-right: 3rem;      /* .pe-5 = 3rem (padding-end) */
  font-size: 14px;
  font-weight: 500;      /* Bootstrap .h6 weight */
  color: #0dcaf0 ;           /* .text-info (Bootstrap 5 'info' color) */
  vertical-align: top;      /* .align-top */
  width: 1%;                /* from inline style */
  white-space: nowrap;      /* from inline style */
  direction: ltr;           /* from dir attribute */
}
.view-list-item2-rtl {
  text-align: end;          /* .text-end */
  padding-bottom: 0.25rem;  /* .pb-1 = 0.25rem */
  padding-right: 3rem;      /* .pe-5 = 3rem (padding-end) */
  font-size: 14px;
  font-weight: 500;      /* Bootstrap .h6 weight */
  color: #0dcaf0 ;           /* .text-info (Bootstrap 5 'info' color) */
  vertical-align: top;      /* .align-top */
  width: 1%;                /* from inline style */
  white-space: nowrap;      /* from inline style */
  direction: rtl;           /* from dir attribute */
}

.view-list-count{
  background: #e9ecef;
  color: #343a40;
  padding: 0.05em 0.5em;        /* Matches .badge.padding and .rounded-pill for pill shape */
  border-radius: 10rem;      /* Matches .rounded-pill for full pill rounding */
  font-size: 13px;
  display: inline-block;   
}

.view-list-total {
  color: var(--theme-color-main);
  direction: ltr;
}