@font-face {
    font-family: 'Droid Arabic Kufi';
    src: url('../../../../fonts/DroidKufi-Regular.eot');
    src: url('../../../../fonts/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../../../fonts/DroidKufi-Regular.woff2') format('woff'), 
        url('../../../../fonts/DroidKufi-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'Droid Arabic Kufi';
    src: url('../../../../fonts/Tajawal-Regular.eot');
    src: url('../../../../fonts/Tajawal-Regular.eot?#iefix') format('embedded-opentype'), url('../../../../fonts/Tajawal-Regular.woff2') format('woff'), url('../../../../fonts/Tajawal-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'ALGER';
    src: url('../../../../fonts/ALGER.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Barcode39';
    src: url('../../../../fonts/ElfringBar39FreeHb.ttf');
    font-weight: normal;
    font-style: normal;
}

.container{width:100%;}

.form-control {
    padding: 0.5rem .75rem;
    font-family: "Droid Arabic Kufi", sans-serif;
}

.scrolling-wrapper {
    overflow-x: auto;
}

.btn {border-radius:5px;width:100%;padding: 0.5rem 0.75rem;text-align: center;}
/*.btn-default {background-color: rgba(255, 255, 255, 0.4);}
.btn-primary {background-color: rgba(51, 122, 183, 0.4);}
.btn-success {background-color: rgba(92, 184, 92, 0.4);}
.btn-info {background-color: rgba(91, 192, 222, 0.4);}
.btn-warning {background-color: rgba(240, 173, 78, 0.4);}
.btn-danger {background-color: rgba(217, 83, 79, 0.4);}*/

.navbar .container {
    max-width: 100%;
    margin-right:0;
    margin-left:0;
  }

.intro-text{
	background:rgba(0,0,0,0.7);
	box-sizing:border-box;
	box-shadow:0 15px 25px rgba(0,0,0,0.6);
	border-radius:10px;
	font-size: 16px;
	text-align: justify;
	padding: 10px;
}
.intro-text h4{text-align:center;color: #fed136;padding-bottom:20px;}
.intro-text a:hover{color:whitesmoke;font-weight:bolder;text-decoration:none;}
.intro-text a:hover img{width:45px;}

.col, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: right;
    text-align: center;
    padding: 2px;
}
  
@media (min-width: 1200px) 
{.col,.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: right;
        text-align: center;
    }
}

.page-scroll{width:95px;}

.carousel {
  border:2px solid #fff;
  border-radius: 5px;
  direction:ltr;
}

.panel-default p{color:gray;}

.alert{margin-bottom:5px;}

.row {
    padding-bottom: 15px;
    --bs-gutter-x: 0rem;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

p{margin-top:10px;}

.TableFooter td{color:#c40808;background-color:#d9edff;text-align:center;font-size:15px;vertical-align:middle;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	vertical-align:middle;
	 text-align:center;
}
.table tbody:hover td {
	background-color: transparent;
	/*text-shadow: 0 0 3px #aaa;*/
}
.table tbody:hover tr:hover td {
    background-color: rgba(255, 255, 255, 0.35);
    /*font-weight:bolder;
    border-bottom:solid 1px black;
    border-top:solid 1px black;
    color: #444;
    text-shadow: 0 1px 0 #fff;*/
}
.table tbody:hover tr:hover td  a{color: #0161b3;}
.table tbody:hover tr:hover td  a:hover{color: #34c412;}
.table tbody th, .table tbody td{padding:2px;border-top:0px;}
.table tbody th{background-color:rgba(51,122,183,0.7);text-align:center;vertical-align:middle;}
.table tbody th a{color:#fff;}
.table tbody th a:hover{color:#fed136;text-decoration:none;}


.Pager {
    background-color: rgba(240, 173, 78,1)
}
.Pager a, .Pager span{
    display: block;
    height: 30px;
    width: 25px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.Pager a{
    background-color: #f5f5f5;
    color: #000;
    border: 1px solid #969696;
}
.Pager a:hover{color: #fff;background-color: #ffc107;}
.Pager span{
    background-color: #A1DCF2;
    color: #000;
    border: 1px solid #3AC0F2;
}

.lg:before {font-size:24px;}

.carousel-indicators {
  bottom: -5px;
}

label {
    padding: 0 8px 2px 0;
    margin-bottom: 0px;
    font-weight: normal;
    float: right;
}

div [type=checkbox] {
    float: right;
    margin-top: 7px;
}

.badge-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.badge-danger:focus{
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.badge-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.badge-danger:active{
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-group{width:100%;text-align:right;}

.dropdown-menu{min-width: 13rem;width:100%;right: 0px;text-align:right;background-color:rgba(0, 0, 0, 0.7);}
.dropdown-item:focus, .dropdown-item:hover a{
    color: #000;
    text-decoration: none;
    background-color: #f8f9fa;
}

.navbar-nav ,.navbar-nav > li{float:right;}

.btn-group{text-align:left;}

.modal-content{
	/*background-color:rgba(0,0,0,0.6);
	box-sizing:border-box;
	box-shadow:0 15px 25px rgba(255,255,255,0.5);
	border-radius:10px;*/
	direction:rtl;}
.modal-header .btn-close {margin: -.5rem auto -.5rem -.5rem;}
.modal-footer {display:block;}

.card {background-color: rgba(255,255,255,0.3);}
.card-heading{border-radius:5px;font-size:18px;}
.card-body{padding-bottom:0px;}
.bg-warning {padding:10px;color:#8a6d3b;font-weight:bolder;background-color: #fcf8e3;border-color:#faebcc;border-radius:5px;}

.Zero{padding:0 0px 0 0px;}
.Zero-l{padding-right:0px;}
.Zero-r{padding-left:0px;}

.left-col{
	border:1px solid dashed whitesmoke;
	background-color:rgba(254, 254, 254,0.3);
	height:100%;
}

hr {
	border: 1px;
    border-top: 1px dashed rgba(255, 255, 255, 0.9); 
}

.Mytooltip {
    position: relative;
    display: inline-block;}
.Mytooltip .tooltiptext {
    visibility: hidden;
    width: 150px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -80px;}
.Mytooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;}
.Mytooltip:hover .tooltiptext {visibility: visible;}