*{
direction:rtl;
text-align:center;
}
.navbar-brand img{
	width:100px;
	height:70px;
}
header {
	box-shadow:0 0 10px 0 #b4c0ca;
	margin-bottom:20px;
}
.btn{
	margin-left: 0;
    margin-right: 5px;
    margin-bottom: 5px;
}
.centertext{
	text-align:center;
}
.lefttext{
	text-align:left;
}
.mytitl {
	margin:5px;
	padding:5px;
	border-radius:15px;
	   box-shadow:0 0 10px 0 #b4c0ca;
}

    .circle-image {
      width: 150px;        /* عرض الصورة */
      height: 150px;       /* ارتفاع الصورة */
      border-radius: 50%;  /* يجعل الصورة دائرية */
      object-fit: cover;   /* يجعل الصورة تتناسب داخل الإطار */
      border: 3px solid #ccc; /* إطار بسيط اختياري */
    }
	    .circle-imagesm {
      width: 70px;        /* عرض الصورة */
      height: 70px;       /* ارتفاع الصورة */
      border-radius: 70%;  /* يجعل الصورة دائرية */
      object-fit: cover;   /* يجعل الصورة تتناسب داخل الإطار */
      border: 3px solid #ccc; /* إطار بسيط اختياري */
		}
			    .circle-imagesms {
      width: 50px;        /* عرض الصورة */
      height: 50px;       /* ارتفاع الصورة */
      border-radius: 50%;  /* يجعل الصورة دائرية */
      object-fit: cover;   /* يجعل الصورة تتناسب داخل الإطار */
      border: 3px solid #ccc; /* إطار بسيط اختياري */
		}
    footer {
      box-shadow:0 -2px 10px 0 #b4c0ca;   /* لون الخلفية */
                /* لون النص */
      text-align: center;       /* توسيط النص */
      padding: 5px 0;          /* مسافة داخلية */
      position: fixed;          /* يجعله ثابت أسفل الصفحة */
      bottom: 0;
      width: 100%;
    }
.txtrow{
    margin:5px;
}
 
.marbtn {
    margin-left: 20px;
    margin-right: 20px;
}
.mdv {
    margin-bottom : 5px;
 
}
.dvf {
    box-shadow: 0 -2px 10px 0 #F3F3F3; /* لون الخلفية */
    /* لون النص */
    text-align: center; /* توسيط النص */
    padding: 5px 0; /* مسافة داخلية */
    position: fixed; /* يجعله ثابت أسفل الصفحة */
    bottom: 0;
    width: 100%;
}
.with {
    width: 200px;
}
.lftdv {
    left:80px;
}
th {
    text-align:center;
    background-color:darkslategray;
    color:white;
}
.center-box {
    width: 400px; /* اختياري */
    margin: 0 auto; /* المهم: هذا يجعل العنصر بالمنتصف */
}