/* afarka_id style */



        .img-account-profile {
            height: 10rem;
        }

        .rounded-circle {
            border-radius: 50% !important;
        }

        .card {
            box-shadow: 0 0.15rem 1.75rem 0 rgb(33 40 50 / 15%);
        }

        .card .card-header {
            font-weight: 500;
        }

        .card-header:first-child {
            border-radius: 0.35rem 0.35rem 0 0;
        }



        .card-header {
            padding: 1rem 1.35rem;
            margin-bottom: 0;
            background-color: rgba(33, 40, 50, 0.03);
            border-bottom: 1px solid rgba(33, 40, 50, 0.125);
        }

        .nav-borders .nav-link.active {
            color: #0061f2;
            border-bottom-color: #0061f2;
        }

        .nav-borders .nav-link {
            color: #69707a;
            border-bottom-width: 0.125rem;
            border-bottom-style: solid;
            border-bottom-color: transparent;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            padding-left: 0;
            padding-right: 0;
            margin-left: 1rem;
            margin-right: 1rem;
        }

        .btn-danger-soft {
            color: #000;
            background-color: #f1e0e3;
            border-color: #f1e0e3;
        }



  .list-group-item {
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
    transition: all 0.3s ease;
  }

  .list-group-item:hover {
      box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  }

  .border-primary {
      border-left: 4px solid #0061f2 !important;
  }

  .small {
      font-size: 0.875rem;
  }

  .badge {
      font-size: 0.65rem;
      vertical-align: middle;
  }
  .swal2-popup {
    font-family: inherit;
  }

  .swal2-title {
    font-size: 1.25rem;
  }

  .swal2-content {
    font-size: 1rem;
  }

  .is-invalid {
    border-color: #dc3545 !important;
  }

  .invalid-feedback {
    display: block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
  }

  .img-account-profile {
    height: 10rem;
  }
  
  .rounded-circle {
    border-radius: 50% !important;
  }
  
  .card {
    box-shadow: 0 0.15rem 1.75rem 0 rgb(33 40 50 / 15%);
  }
  
  .card .card-header {
    font-weight: 500;
  }
  
  .card-header:first-child {
    border-radius: 0.35rem 0.35rem 0 0;
  }
  
  .card-header {
    padding: 1rem 1.35rem;
    margin-bottom: 0;
    background-color: rgba(33, 40, 50, 0.03);
    border-bottom: 1px solid rgba(33, 40, 50, 0.125);
  }
  
  .nav-borders .nav-link.active {
    color: #0061f2;
    border-bottom-color: #0061f2;
  }
  
  .nav-borders .nav-link {
    color: #69707a;
    border-bottom-width: 0.125rem;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0;
    padding-right: 0;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .info-card {
    background: #fff;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
    border-left: 4px solid #0061f2;
  }

  .info-card h5 {
    color: #0061f2;
    margin-bottom: 0.5rem;
  }

  .info-card p {
    margin-bottom: 0;
    color: #69707a;
  }

  .form-container {
    padding-right: 2rem;
  }