@media screen {
    .print {
        display: none;
    }
}

@media print {
    .screen {
        display: none;
    }

    input[type=button], input[type=submit] {
        display: none;
    }
}

@font-face {
    font-family: 'N';
    src: url('fonts/N.eot');
    src: url('fonts/N.eot?#iefix') format('embedded-opentype'), url('fonts/N.woff') format('woff'), url('fonts/mohammad_bold_art_1.ttf') format('truetype'), url('fonts/N.svg#mohammad_bold_art_1regular') format('svg');
}

@font-face {
    font-family: "GESSTwoLight";
    src: url('fonts/droidkufi-regular.eot');
    src: url('fonts/droidkufi-regular.eot?#iefix') format('embedded-opentype'), url('fonts/droidkufi-regular.woff') format('woff'), url('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: 'CoconNextArabic';
    src: url('fonts/CoconNextArabic-Light.woff2') format('woff2'), url('fonts/CoconNextArabic-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'C';
    src: url('fonts/CoconNextArabic-Light.woff2') format('woff2'), url('fonts/CoconNextArabic-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

*{  font-family:N;}
body {
    direction: rtl;
}

input, select {
    border: 1px solid #077cd0;
    border-radius: 10px;
}

    input:hover, input:focus, select:hover, select:focus {
        background: #fdfee9;
    }

    input[type=button], input[type=submit], .button {
        min-width: 100px;
        background: #077cd0;
        color: #fff!important;
        font-family: gesstwolight;
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
        text-align: center;
        border-radius: 10px;
    }

        input[type=button]:hover, input[type=submit]:hover, .button:hover {
            background: #268ed8;
        }

h1, h2, h3, h4, h5, h6, .h1 {
    margin: 5px;
    text-align: center;
    font-family:C, GESSTwoLight;
    /*font-family: GESSTwoLight;*/
    font-weight: bold;
    text-shadow: #e2e2e2 1px 1px 1px;
    color: #077cd0;
    /*text-decoration: overline;*/
    background: #f2faff;
}

table {
    margin: auto;
    width: 452px;
}

    table.grid {
        margin: 0 auto;
        color: #464646 /*#000*/;
        font: bold 12pt arial;
        border-collapse: collapse;
    }

        table.grid th, table.grid th a {
            color: White;
            background-color: #507CD1;
            font-weight: bold;
        }

        table.grid td, table.grid th {
            padding: 5px;
            padding-right: 14px;
        }

        table.grid tr {
            background: white;
        }

            table.grid tr:nth-child(2n+1) {
                background: #e2e5e7 /*#739c93#EFF3FB*/;
            }

            table.grid tr:hover {
                background: #fffec9!important;
                /*background: #f3f5a1;*/
                color: black;
            }

td {
    vertical-align: top;
}

hr {
    border: 1px solid lightgray;
}

.n {
    min-width: inherit;
}

.note {
    color: gray;
    font: normal 8pt tahoma;
}

.h {
    display: none;
}

.c {
    text-align: center;
}

.f1 {
    font-family: GESSTwoLight;
}

.hl{    background: #e2e5e7 ;}