.ajax-load {
     margin: 0px 0px 0px 20px; 
     z-index: 9999;  
     float: right;
}
.progress-content:after {
    content: "ملاحظة :عند تجمد الشاشة أثناء المعالجة ،، الرجاء عدم إغلاقها بشكل مباشر أو الضغط المتكرر عليها ,,, انتظر بعض الوقت ....";
    position: relative;
    float:right;
    width: 260px;
    margin-top: 6px;
    margin-right: 90px;
    font-weight:normal;
    font-size:small;
}
.progress-content {
    background: url("images/loading.gif") no-repeat scroll right center;
    /*background: url("images/loading.svg") ;*/
    width: 85px;
    height: 88px;
}
.progress-modal
{
    position: fixed;
    z-index: 9999;
    height: 100%;
    width: 100%;
    top: 0;
    left:0;
   
}

.progress-center
{
    z-index: 1000;
    margin: 0 auto 0 auto;
    top: 40%;
    position:relative;
    padding: 10px;
    width: 25%;
     color:red;
    min-width: 250px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    height: 111px;
     border: 3px solid #337AB7;
}
@media(max-width:768px) {
    .progress-center {
         width: 90%;
    }
}
.ajax-load2 {
    position:absolute;
    left:0;
    top:28px;
    height: 14px;
    width: 14px;
}
.ajax-load3 {
  position:absolute;
  left:0;
  top:38px;
  height: 14px;
  width: 14px;
}
#wrapper {
    width: 100%;
}
#page-wrapper {
    padding: 0 15px;
    min-height: 568px;
    background-color: #fff;
}
@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 250px 0 0 ;
        border-left: 1px solid #e7e7e7;
    }
}