.Hheader{
    text-align: right;
    margin-right: 8%;
    color: #0e0e58 !important;
    font-weight: bolder;
    font-size: 46px;

}
.col_update{
    margin-bottom: 26px; text-align: center;
}
.btnmy{
    background-color: #ff6f00d6;
    text-align: right;
    font-size: 20px !important;
    font-weight: bolder;
}

.btnmine{
    background-color: #ff6f00d6;
    text-align: right;
    font-size: 20px !important;
    font-weight: bolder;
    margin-left:0px;
    margin-right:0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 90%;

  
}
.btnchil_left{
    background-color: #0e0e58;
    padding: 13px;
    color: #fff;
   
}
.btnchil_right{
    padding: 8px;
    color: #fff;
    font-weight: bolder;
    font-size: 21px;
    width: 87%;
}
.btnchil_right_4{
    padding: 12px;
    color: #fff;
    font-weight: bolder;
    width: 79%;
}
.btnchil_left:hover {
    color: #fff !important;
    background-color: #0e0e58  !important;
    border-color: var(--bs-btn-hover-border-color);
}
.btnmine:hover {
    color: #fff !important;
    background-color: #ff6f00d6  !important;
    border-color: var(--bs-btn-hover-border-color);
}
.visible{
display: block !important;
}
.heddin{
    display: none !important;
}
.note span{
    text-align: right;
       padding: 4px;
}


/* أسلوب التنسيق للعنصر المظلل */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7); /* لون خلفية مظللة */
    z-index: 1000;
}

/* أسلوب تحديد الموقع لعنصر الرسالة */
.loading-message {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: #333;
}
input:focus-visible{
    border: none;
    outline: blue;
}
input{
    border: none;
    color: white;
    border: white;
}
.col-10{
    padding: 0px;
    width: 71%;
    margin-bottom: 0px;
}
.col-2{
    padding: 0px;
    width: 8.666667%;
}
.col-2 h3{
   width:100%;
   
}
.col-10 h3{
    width:100%;
    
 }
.col-sm-12{
    margin-bottom: 0px;
}
 .container{
    margin-right: 0px;
 }
 h3{
     font-family: Calibri !important;
 }
  h2{
     font-family: Calibri !important;
 }
  h1{
     font-family: Calibri !important;
 }
  p{
     font-family: Calibri !important;
 }
  span{
     font-family: Calibri !important;
 }
 a{
     font-family: Calibri !important;
 }
  h4{
     font-family: Calibri !important;
 }
  body{
     font-family: Calibri !important;
 }