﻿@media screen{
    .print {display: none;}
}
@media print{
    .screen {display: none;}
     input[type=button],input[type=submit]{display: none;}
}
@font-face {
    font-family: 'MOHAND';
    src: url('../images/fonts/mohammad_bold_art_1.eot');
    src: url('../images/fonts/mohammad_bold_art_1.eot?#iefix') format('embedded-opentype'), url('../images/fonts/mohammad_bold_art_1.woff') format('woff'), url('../images/fonts/mohammad_bold_art_1.ttf') format('truetype'), url('../images/fonts/mohammad_bold_art_1.svg#mohammad_bold_art_1regular') format('svg');
    /*src: url("../images/fonts/mohammad_bold_art_1.ttf") format("opentype");*/
}
@font-face {
    font-family: "myfont";
    src: url('../images/fonts/droidkufi-regular.eot');
    src: url('../images/fonts/droidkufi-regular.eot?#iefix') format('embedded-opentype'), url('../images/fonts/droidkufi-regular.woff') format('woff'), url('../images/fonts/droidkufi-regular.ttf') format('truetype'), url('/onts/droidroidkufi-regular.svg#droid_arabic_kufiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "N";
    src: url('../images/fonts/N.eot');
    src: url('../images/fonts/N.eot?#iefix') format('embedded-opentype'), url('../images/fonts/N.woff') format('woff'), url('../images/fonts/N.ttf') format('truetype'), url('/onts/N.svg#droid_arabic_kufiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sky';
    src: url('../images/fonts/HelveticaNeueW23forSKY-Reg.woff2') format('woff2'), url('images/fonts/HelveticaNeueW23forSKY-Reg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*   {font-family:N;}
body {
    direction:rtl;
}
input,select,textarea ,.button{ border:1px solid #4B7A91/*#077cd0*/; border-radius:3px; padding:3px; text-decoration:none; 
}
    input:hover, input:focus, select:hover  ,select:focus ,textarea:hover  ,textarea:focus{
        background:#fcffa4;
    }
    input[type=button],input[type=submit],.button {display:inline-block; min-width:100px;/*background:#4B7A91#077cd0;*/ color:#000 !important; font-family:myfont; cursor:pointer;
    }
    input[type=button]:hover,input[type=submit]:hover, .button:hover{       background: lightgray; }

h1, h2, h3, h4, h5, h6, .h1 {
    padding: 5px;
    text-align: center;
    font-family: Sky /*myfont*/;
    font-weight: bold;
    text-shadow: #e2e2e2 3px 3px 3px;
    color: #158e9c /*#2385a5*/ /*#0a5060*/ /*#4B7A91*/;
    /*text-decoration:overline;*/
    /*background:#e8f3fc*/
}


table {margin:auto;
    width: 452px;
}

    table.grid {
        margin: 0 auto;
        color: #158e9c!important;
        /*color: #000;*/
        font: normal 10pt myfont;
        border-collapse: collapse;
    }

    table.grid th, table.grid th a {
        color: #2D3B42 !important;
        background-color: #D0D6DA/*#077CD0*//*#077CD0*/;
        font-weight: normal;
    }

    table.grid tr {
        background: white;
    }

        table.grid tr:nth-child(2n+1) {
            background: #f3f3f3/*#c3e0f6 #739c93 #EFF3FB*/;
        }

        table.grid tr:hover {
            background: #fcffa4 !important;
            color: black;
        }
    table.grid td ,table.grid th { padding:4px; vertical-align:middle;    }
    .grid a{    text-decoration:none; color:#003257;}
   
td {
    vertical-align: top;
}
hr { border:3px solid #b2dfff;
}
.n {min-width:inherit;
}
.note {color:gray; font:normal 8pt tahoma !important;
}
.h {display:none ;}

.c{    text-align: center;}
nav {text-align:center;margin:0px auto;  }
nav a,#hlMain input{ padding:2px 5px; text-decoration:none;  display:inline-block;  background:#035868/*#4B7A91*/;
       margin:0; border:1px solid lightgray; border-color:transparent!important; border-top:0; border-bottom:0; padding:0 10px; border-bottom:1px solid lightgray;color:#fff;  font-family:N/*myfont*/; cursor:pointer; transition:ease-in-out 0.5s; }
@media only screen and (max-width: 600px) {
    nav { width:100%;} nav a { display:block;}

}
nav a:hover, #hlMain input:hover {
    background: #0487b1/*#9b8e4b*/ /*#947d58*/;
    transition: ease-in-out 0.5s; /*background:#fff; color:#4B7A91;*/
}
nav a img{ vertical-align:middle;}
.b * {font-weight:bold;}
input[type=button][value='حذف'],input[type=submit][value='حذف'] {background:#FF5050 !important; color:#fff !important;}
input[type=button][value='حذف']:hover,input[type=submit][value='حذف']:hover {background:#ff2929 !important; color:#fff !important;}
input[type=button][value='عودة'],input[type=button][value='تراجع'],input[type=button][value='إلغاء الأمر'],input[type=button][value='حذف']{background:#7cb29d !important;}

.Pager table {width:auto;}
.Pager td {color: #676c72; background-color: #e9e6e6; font-size:14pt;   font-weight: bold;}
.Pager span, .Pager a {border: 1px solid; color: gray!important; padding: 0 10px;    border-radius: 8px;}
.Pager a {color: #007eff!important;}
.Pager span, .Pager a:hover { background:#fff; border-bottom:1px solid;}