/* css for scaleton */

.skeleton {
  background: linear-gradient(90deg, #e0e0e0 25%, #f8f8f8 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite linear;
  border-radius: 8px;
}

 /* Animation for the shimmer effect */
 @keyframes loading {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

/* Skeleton Card */
.skeleton-card {
  width: 100%;
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

.skeleton-image {
  width: 100%;
  height: 150px;
}

.skeleton-title {
  width: 80%;
  height: 20px;
  margin: 15px 0;
}

.skeleton-text {
  width: 100%;
  height: 14px;
  margin-bottom: 10px;
}
.skeleton-button {
  width: 100px;
    height: 30px;
    margin-bottom: 10px;  
} 

/* end  */
input[type="text"], input[type="number"], input[type="email"], .form-select {
  font-weight: 300;
  box-shadow: #E8E8E8 0px 4px 3px 0px;
}
.unset-boxshadow{
  box-shadow: unset!important;
}


.text-matblack {
    color: #292d32 !important;
  }
  
  .border-grey {
    border: 1px solid #e3e3e3 !important;
  }
  
  .border-lightgrey {
    border: 1px solid #dedede !important;
  }
  
  .bg-tabDiv {
    background-color: #faf8ff !important;
  }
  
  .text-blue {
    color: #042790 !important;
  }
  
  .bg-primary {
    background-color: #042790 !important;
  }
  
  /* .activeTab{
      border: 1px solid #C2C7E3 !important;
      color: #042790 !important;
      border-radius: 100px !important;
  } */
  
  .fw-400 {
    font-weight: 400;
  }
  .fw-500 {
    font-weight: 500;
  }
  .fw-600 {
    font-weight: 600;
  }
  .fw-700 {
    font-weight: 700;
  }
  .fw-800 {
    font-weight: 800;
  }
  .fw-900 {
    font-weight: 900;
  }
  
  .fs-8 {
    font-size: 8px;
  }
  .fs-10 {
    font-size: 10px;
  }
  .fs-12 {
    font-size: 12px;
  }
  .fs-14 {
    font-size: 14px;
  }
  .fs-16 {
    font-size: 16px;
  }
  .fs-18 {
    font-size: 18px;
  }
  .fs-20 {
    font-size: 20px;
  }
  .fs-22 {
    font-size: 22px;
  }
  .fs-24 {
    font-size: 24px;
  }
  .fs-26 {
    font-size: 26px;
  }
  
  .fs-30 {
    font-size: 30px;
  }
  
  .fs-50 {
    font-size: 50px;
  }
  
  .outline-none {
    outline: none !important;
  }
  
  .br-15 {
    border-radius: 15px !important;
  }
  
  .br-8 {
    border-radius: 8px !important;
  }
  
  .border-purple {
    border: 1px solid #bba7fe !important;
  }
  
  .border-matgrey {
    border: 1px solid #bfbfbf !important;
  }
  
  .border-footer {
    border: 1px solid #bababa !important;
  }
  
  .form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none !important;
  }
  
  .w-100 {
    width: 100% !important;
  }
  
  /* @media screen and (min-width: 480px) {
    #divTab {
      width: 24% !important;
    }
  } */
  /* @media screen and (max-width: 480px) {
    #divTab {
      width: 100% !important;
    }
  } */
  
  @media screen and (max-width: 768px) {
    #searchDiv {
      display: flex !important;
      justify-content: start !important;
    }
  }
  
  @media screen and (max-width: 750px) {
    #mobileIcon {
      display: flex;
      justify-content: start !important;
    }
  }
  @media screen and (min-width: 470px) {
    .img {
      width: 18% !important;
    }
  }
  
  .w-32 {
    width: 32px !important;
  }
  .h-32 {
    height: 32px !important;
  }
  .text-welcome {
    color: #0c1c48 !important;
  }
  
  .text-lightgreen {
    color: #41921b !important;
  }
  
  .loginActive {
    background-color: #ced4e3 !important;
  }
  
  .border-signin{
      border: 1px solid #f7f7f7 !important;
  }
  
  .border-mobileInput{
      border: 1px solid #CCCCCC !important;
  }
  
  .border-signUp{
  border: 1px solid #D6D6D6;
  }
  
  .w-50{
      width: 50% !important;
  }
  
  .input-boxshadow{
      box-shadow: #E8E8E8 0px 4px 3px 0px !important;
  }
  
  .text-matgrey{
      color: #ACB8DA !important;
  }
  
  .border-topradius{
      border-top-left-radius: 15px !important;
      border-top-right-radius: 15px !important;
  }
  
  .bg-yellow{
      background-color: #FF8A30 !important;
  }
  
  .border-cardbox{
      border: 1px solid #D1D1D1 !important;
  }
  
  .br-10{
      border-radius: 10px !important;
  }
  
  .text-black{
      color: #000000 !important;
  }
  
  .text-lightblack{
      color: #4D4D4D !important;
  }
  
  .bg-lightGrey{
      background-color: #F2F4F9 !important;
  }
  
  .border-textarea{
      border: 1px solid #D4D4D4 !important;
  }
  
  .text-purple{
      color: #5424FD !important;
  }
  
  .bg-lightPurple{
      background-color: #F6F4FF !important;
  }
  
  .text-comments{
      color: #666666 !important;
  }
  
  .border-number{
    border: 1px solid #E8E8E8 !important;
  }