/* @font-face {
    font-family: 'Sahel';
    src:  url('../fonts/Sahel.eot') format('eot'),
          url('../fonts/Sahel.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  } */


  
@font-face {
  font-family: 'Sahel';
src:  url('../fonts/Sahel.woff') format('woff'),
   url('../fonts/Sahel.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

  body{
      font-family: 'Sahel' !important;
      background-image:url('../img/bg-coffee.jpg') !important;
      background-attachment: fixed !important;
      background-size: cover !important;
      background-repeat: no-repeat !important;
      direction:rtl !important;
      text-align:right !important;
      font-size:13px;
  }
  a{
    text-decoration: none !important;
  
  }

.main{
  background-color: rgba(0, 0, 0, 0.705);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height:100%;
}

img{
  object-fit: cover !important;
}

.bg-dark2{
  background-color:#343a40e7 !important;
}

.bg-white2{
  background-color:#ffffff73 !important;
}

.animation-opacity-zoomin {
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow, transform;
  max-width: 100%;
}

.animation-opacity-zoomin:hover, .animation-opacity-zoomin:focus, .animation-opacity-zoomin:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  transform: scale(1.1);
  filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  border:rgb(172, 172, 172) 3px groove;
}

.z-i{
  z-index: 1 !important;
}

.button-color{
  background-color:rgb(39, 39, 39) !important;
}

.c-p{
  cursor: pointer !important;
}

.menu a:link,.menu a:visited,.menu a:hover,.menu a:active{
  color:white;
}

.bg-hover-yellow:hover{
  background-color: #ffc107 !important;
}
.bg-hover-yellow{
  transition:1s !important;
border-radius:5px !important; 
border-width:2px !important;
}

/* Patient detail — structured sections */
.pd-section-title{
  color:#ffc107;
  font-weight:700;
  font-size:1.05rem;
  margin-bottom:.75rem;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
}
.pd-card{
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  border:2px solid rgba(255,193,7,.55);
  box-shadow:0 6px 18px rgba(0,0,0,.25);
}
.pd-kv{
  border-bottom:1px solid #dee2e6;
}
.pd-kv:last-child{
  border-bottom:0;
}
.pd-k{
  background:#f8f9fa;
  color:#343a40;
  padding:.75rem .9rem;
  font-weight:600;
  border-left:1px solid #dee2e6;
}
.pd-v{
  background:#fff;
  color:#212529;
  padding:.75rem .9rem;
  font-weight:500;
}

.pd-para-list{
  display:flex;
  flex-direction:column;
  gap:.75rem;
}
.pd-para-card{
  background:linear-gradient(135deg,#fff 0%,#f3eefc 100%);
  border-radius:12px;
  padding:1rem 1.1rem;
  border-right:5px solid #413967;
  box-shadow:0 4px 14px rgba(65,57,103,.28);
  color:#2b2b2b;
  text-align:right;
}
.pd-para-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  margin-bottom:.4rem;
}
.pd-para-badge{
  display:inline-block;
  background:#413967;
  color:#fff;
  border-radius:999px;
  padding:.25rem .85rem;
  font-weight:700;
  font-size:.9rem;
}
.pd-para-date{
  color:#6c757d;
  font-size:.85rem;
}
.pd-para-center{
  color:#413967;
  font-weight:600;
  margin-bottom:.35rem;
  font-size:.92rem;
}
.pd-para-desc{
  color:#343a40;
  font-size:.9rem;
  line-height:1.6;
}

.pd-timeline{
  position:relative;
  padding-right:1rem;
}
.pd-timeline::before{
  content:"";
  position:absolute;
  top:.4rem;
  bottom:.4rem;
  right:.15rem;
  width:3px;
  background:linear-gradient(180deg,#ffc107,#413967);
  border-radius:2px;
  opacity:.7;
}
.pd-visit-card{
  position:relative;
  background:#fff;
  border-radius:12px;
  padding:1rem 1.1rem;
  margin-bottom:.9rem;
  margin-right:.9rem;
  border:1px solid rgba(65,57,103,.2);
  box-shadow:0 5px 16px rgba(0,0,0,.22);
  color:#212529;
}
.pd-visit-card::before{
  content:"";
  position:absolute;
  top:1.15rem;
  right:-1.05rem;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#ffc107;
  border:3px solid #413967;
  box-shadow:0 0 0 3px rgba(255,193,7,.25);
}
.pd-visit-head{
  margin-bottom:.65rem;
  padding-bottom:.55rem;
  border-bottom:1px dashed #ced4da;
}
.pd-visit-when{
  font-weight:700;
  color:#413967;
  margin-bottom:.25rem;
}
.pd-visit-meta{
  font-size:.88rem;
  color:#495057;
  margin-top:.15rem;
}

.pd-vitals{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin-bottom:.7rem;
}
.pd-vital-chip{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  min-width:4.5rem;
  padding:.4rem .65rem;
  background:#413967;
  color:#fff;
  border-radius:10px;
  box-shadow:0 2px 6px rgba(65,57,103,.35);
}
.pd-vital-label{
  font-size:.7rem;
  opacity:.85;
  margin-bottom:.1rem;
}
.pd-vital-value{
  font-weight:700;
  font-size:1rem;
}

.pd-adm-cf{
  background:#f8f9fa;
  border-radius:8px;
  overflow:hidden;
  margin-bottom:.65rem;
  border:1px solid #e9ecef;
}
.pd-clinical{
  margin-top:.55rem;
  text-align:right;
}
.pd-clinical-label{
  display:inline-block;
  background:#ffc107;
  color:#212529;
  font-weight:700;
  font-size:.75rem;
  border-radius:4px;
  padding:.15rem .55rem;
  margin-bottom:.25rem;
}
.pd-clinical-body{
  background:#fafafa;
  border-radius:6px;
  padding:.55rem .7rem;
  border:1px solid #eee;
  font-size:.9rem;
  line-height:1.55;
}

.pd-visit-money{
  font-size:.78rem;
  color:#ffc107;
  margin-right:.3rem;
}

a.btn.disabled {
background-color: gray;
}
.pwt-btn-today{
  background: antiquewhite;
  border: 1px solid;
}
.pwt-btn-submit{
  background: #ddfad7;
  border: 1px solid;
}