.grid-parent{
    width:100%; 
    max-width: 100%; 
    overflow-x: auto;
}
.mGrid { 
    width: 96%; 
    background-color: #fff; 
    margin: 5px 0 10px 0; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
    direction: rtl;
    text-align:center;

    margin-right: auto;
    margin-left: auto;
}
.mGrid td { 
    padding: 2px; 
    border: solid 2px #c1c1c1; 
    color: #717171; 
    height: 35px;
    font-size: large;
}
.mGrid th {  
    height: 40px;
    font-family:Tahoma;
    border-style: solid;
    border-color: #D6D6D6;
    border-bottom-color: #00AB67;
    border-width: 2px;
    border-bottom-width: 4px;
    background-color: #F0F0F0;
    color: #6F6166;
    font-size: medium;
}
.mGrid .alt { background: #f6f6f6; }
.mGrid .pgr { background: #424242 url(../images/grd_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px auto; }
.mGrid .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    height:20px;
    border-right: solid 1px #666; 
    font-weight: bold; 
    color: #fff; 
    line-height: 12px; 
 }   
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #fff; text-decoration: none; }

.desc-panel{
    margin: 5px 2px;
}

.text-input { 
    border-color:#cccccc; 
    padding:8px; 
    font-size:17px; 
    border-width:2px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    border-style:groove; 
    text-shadow:0px 0px 0px rgba(42,42,42,.0);  
    width:100%;
} 

.text-input:focus { 
    box-shadow: 0 0 5px rgba(180, 87, 87, 1);
    border: 2px solid rgba(180, 86, 86, 1);
    outline:none;
} 

.text-input-title{
    font-family: "Droid Arabic Kufi",sans-serif;
    font-size: .9em ;
    letter-spacing: 1px;
    text-decoration: none;
    padding: 15px 2px 0px 2px;
    color:#262626;
}

.text-input-form{
    width:40%; 
    padding-right:100px;
}

.hiddenCol{

}

.hiddenColSmall{

}

/*===========================================================================================*/
/*===========================================================================================*/


@media screen and (max-width: 1175px) { 
    .text-input-form { 
        width:50%;
        padding-right:60px;
    }

    .hiddenCol{

    }

    .hiddenColSmall{

    }
}

/*===========================================================================================*/

@media screen and (max-width: 767px) {  
    .text-input-form { 
        width:60%;
        padding-right:40px;
    }

    .hiddenCol{
        display:none;
    }

    .hiddenColSmall{

    }
    .mGrid th {
        font-weight: normal !important;
    }
}

/*===========================================================================================*/

@media screen and (max-width: 486px) { 

    .text-input-form { 
        width:80%;
        padding-right:20px;
    }

    .hiddenCol{
        display:none;
    }

    .hiddenColSmall{
        display:none;
    }
    .mGrid th {
        font-weight: normal !important;
    }
}