@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;
}

.rtl{text-align:right !important;}
.ltr{text-align:left !important;}
.justify{text-align:justify !important;}

.copyright {
    width: 100%;
    bottom: 0px;
    position: fixed;
    padding: 10px 0;
    margin-top: 55px;
    background-color: whitesmoke;
    z-index: 9999999;
}

.container {
    width: 100%;
}

input[type="radio"], input[type="checkbox"] {
    float: right;
    margin: 4px 4px 4px 2px;
}
.form-check label {
    padding: 0 0px 2px 8px;
}
* {
    font-family: "Droid Arabic Kufi", sans-serif;
}

.ajax__combobox_inputcontainer {
    position: inherit !important;
    display: table !important;
    width: 100% !important;
}

.ajax__combobox_buttoncontainer button {
    display: flex;
    width: 20px !important;
    height: 51px !important;
}

.list-group {padding: 0px;}
.list-group-item {background-color:transparent;padding:0.1rem 0rem;border:none;}

.form-control {
    height: calc(36px + 2px);
    padding: 6px 12px;
    font-size: 16px;
    border-radius: 4px;
}
.form-control-lg {
    height: calc(46px + 2px);
    padding: 8px 16px;
    line-height: 1.5;
    border-radius: 5px;
}

.btn {
    border-radius: 5px;
    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);}*/
.btn-lg {
    padding: 17.6px 8px !important;
}

.table thead, .table tbody, .table tfoot, .table tr, .table td, .table th {
    border-width: 0.32px;
    vertical-align:middle;
    text-align:center;
}
.table th {background-color: #559af3;}
.table a i {color: #559af3;font-size:24px;}
.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-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,
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{
    float: right;
    text-align: center;
    padding: 2px;
}
  
@media (min-width: 1200px) 
{
    .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,
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-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:5px;
    --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;}

.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;
    font-size:14px;
}

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;}

.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;}