.Title{
    position: absolute;
    top: 13px;
}
.add{
    background-color: #12a212;
}
.isActive{
  color: #2fdf85 !important;
}
.bi-caret-down-fill{
  color:#6b7280;
}
.active{
    border: 1px solid #aca6a6;
    width: 9rem;
    border-radius: 18px;
    height: 2.5rem;
    color: black;
    margin-top: 0.5rem;
    background-color: white;
}
:host ::ng-deep{
  .cPaginator{
    position: absolute;
    margin-top: 7rem;
    left: 0%;
  }
}
.styled-table{
  width: 98%!important;
}
[dir="rtl"] .styled-table th,
[dir="rtl"] .styled-table td {
    text-align: center; /* Adjust alignment for Arabic */
}

:host ::ng-deep .p-dialog-header-close{
    background-color: white!important;
}//***********************
.school{
  margin-right: 5px;
  margin-top: 0rem;
}

// this for form

.group {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 0.2fr));
    gap: 20px;
  }
  
  .container{
    margin-top: -2rem;
  }
  .form-control {
    display: flex;
    border:none;
    flex-direction: column;
    gap: 5px; /* Space between label and input */
  }
  
.showFee{
    position: relative;
    right: 87%;
    top: -8rem;
}
.button{
  background-color: #12a212;
    color: white;
    position: absolute;
    top: 1rem;
    right: 9rem;
    border: 1px solid green;
    border-radius: 3px;
    padding: 3px 10px;
}
.typing{
    margin-right: 5rem;
    background-color:white;
    color:black;
}
.image,.name{
    position: absolute;
    top: 1px;
    width: 4.5rem;
    border-radius: 28px;
    left: 8%;
}
.name{
    width: auto;
    top: 4rem;
    left: 6%;
}
//disply _____________________________________________________________________
.modal-container {
    background-color: white;
  }
:host ::ng-deep .p-dropdown .p-dropdown-clear-icon {
  color: #6b7280;
  left: 3rem!important; /* Align to the left */
  direction: rtl;
}
@media (max-width:900px){
  p-paginator{
    display: none;
  }
  .school{
    margin-top: 0;
  }
}
:host
  ::ng-deep
  .mdc-text-field--outlined.mdc-text-field--focused
  .mdc-notched-outline__leading {
  border-color: #2fdf85 !important;
  border-width: 2px 2px 2px 0 !important;
  transition: border-color 0.2s;
}
:host
  ::ng-deep
  .mdc-text-field--outlined.mdc-text-field--focused
  .mdc-notched-outline__trailing {
  border-color: #2fdf85 !important;
  // box-shadow: 0 0 5px 0 #2fdf85!important;
  border-width: 2px 0 2px 2px !important;
  transition: border-color 0.2s;
}
:host
  ::ng-deep.mdc-text-field--outlined.mdc-text-field--focused
  .mdc-notched-outline__notch {
  border-color: #2fdf85 !important;
  // box-shadow: 2px 0 5px 0 #2fdf85!important;
  border-width: 2px 0 2px 0 !important;
  transition: border-color 0.2s;
}
:host ::ng-deep{
  .chipsOne{
    position: absolute;
    margin-top: -5.2rem;
    left: 3%;
    width: 14%;
  }
  .chipsOneEn{
    position: absolute;
    margin-top: -5.2rem;
    right: 3%;
    width: 14%;
  }
}
