.page-subtitle {
  color: #127fbf;
  font-size: 15px;
  font-family: 'Inter', sans-serif;
}

.page-title {
  color: #0C1F39;
  font-size: 32px;
  font-weight: 600; /* Semi Bold */
  font-family: 'Inter', sans-serif;
}

:root {
  --color-title: #0C1F39;
  --color-label: #999A9A;
  --color-border: #dbdee0;
  --color-button-outline: #127fbf;
  --color-remove: #127fbf;
  --font-main: 'Inter', sans-serif;
}

/* === Profile Image Upload Box === */
.profile-photo-box {
  border: 2px solid var(--color-border);
  padding: 20px;
  display: flex;
  border-radius:8px;
  align-items: center;
  gap: 20px;
  width: 100%;
  max-width: 100% ;
  height: 140px;
}

  .profile-photo-box .image-placeholder {
    width: 70px;
    height: 70px;
    background-color: #FFFCFC;
    border: 1px solid #DDD;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .profile-photo-box .upload-text {
    color: #B2B2B2;
    font-size: 14px;
    font-family: var(--font-main);
  }

  .profile-photo-box .buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
  }

.btn-upload {
  border: 1px solid var(--color-button-outline);
  color: var(--color-title);
  font-size: 14px;
  padding: 4px 16px;
  height: 34px;
  width: 94px;
  border-radius: 18px;
  font-family: var(--font-main);
  background-color: transparent;
}

.btn-remove {
  color: var(--color-remove);
  font-size: 14px;
  font-family: var(--font-main);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

/* === General Layout Classes (already done) === */
.section-box-contact-information {
  padding: 16px;
  border-radius: 8px;
  height: 298px;
}
.section-box {
  border: 2px solid var(--color-border);
  padding: 16px;
  border-radius: 8px;
  /*  max-width: 961px;*/
  height: 320px;
}
.section-header {
  color: var(--color-title);
  font-size: 32px;
  font-family: var(--font-main);
  font-weight: 600;
  margin-bottom: 10px;
}

.info-label {
  color: var(--color-label);
  font-size: 15px;
  font-family: var(--font-main);
}

.info-value {
  color: var(--color-title);
  font-size: 15px;
  font-family: var(--font-main);
  font-weight: 500;
}

.edit-button {
  background-color: #B2B2B2;
  color: #F5F5F5;
  font-size: 14px;
  width: 78px;
  height: 34px;
  font-family: var(--font-main);
  border-radius: 8px;
  border: 1px solid #E0E0E0;
}

.img-preview {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid #CCC;
}
.btn.btn-primary {
  background-color: #127fbf !important;
  border-color: #127fbf !important;
}

  .btn.btn-primary:hover,
  .btn.btn-primary:focus {
    background-color: #127fbf !important;
    border-color: #127fbf !important;
  }
input.form-control,
textarea.form-control,
select.form-control {
  border-radius: 8px;
  border: 1px solid #dbdee0;
  box-shadow: none;
}
.btn-silver {
  background-color: #8592a3;
  color: #000;
  border: 1px solid #8592a3;
}

  .btn-silver:hover {
    background-color: #c0c0c0; 
    border-color: #c0c0c0;
    color: #000;
  }



.nav-tabs .nav-link {
  color: #000; /* أسود */
  background-color: transparent;
  border: none;
  border-radius: 0;
  font-weight: 500;
  padding: 0.5rem 1rem;
  transition: color 0.3s ease;
}

  .nav-tabs .nav-link:hover {
    color: #127fbf; /* لون فيروزي عند المرور */
    background-color: transparent;
  }

  .nav-tabs .nav-link.active {
    color: #127fbf !important; /* لما تكون التاب نشطة */
    background-color: transparent !important;
    border: none !important;
  }

.nav-tabs {
  border-bottom: none !important;
  gap: 0.5rem;
}

#layout-menu .menu-link,
#layout-menu .menu-header-text,
#layout-menu .text-truncate {
  color: #0C1F39 !important;
}


#layout-menu .menu-item.active > .menu-link .text-truncate,
#layout-menu .menu-item.active > .menu-link {
  color: #127fbf !important;
}
.switch-input:checked + .switch-toggle-slider {
  background-color: #127fbf !important;
  border-color: #127fbf !important;
}

.card {
  border-radius: 15px !important;
}

.form-check-input:checked {
  background-color: #127fbf !important;
  border-color: #127fbf !important;
}
.nav-pills .nav-link.active {
  background-color: #127fbf !important;
  color: #fff !important;
}

.nav-pills .nav-link:hover {
  background-color: rgba(5, 165, 166, 0.2) !important; /* نفس اللون بس شفاف */
  color: #127fbf !important;
}
.sub-tabs .nav-link {
  color: #127fbf; /* النص باللون الأساسي */
  background-color: transparent;
}

  .sub-tabs .nav-link:hover,
  .sub-tabs .nav-link.active {
    background-color: rgba(5, 165, 166, 0.2) !important; 
    color: #127fbf !important;
  }
.offcanvas.offcanvas-end {
  width: 50% !important;
}

/*.page-title {
  color: green;
}

.card-header {
  color: blueviolet !important;
}

th {
  color: red !important;
  background-color: #f0f0f0 !important;
  font-weight: bold !important;
}

td {
  color: blue !important;
  background-color: #f0f0f0 !important;
  font-weight: bold !important;
}

  td .badge {
    color: inherit !important;
  }


.card-body {
  color: #e1306c !important;
}
*/