@import url("../default.css");

@import url(https://cdn.statistica-mena.com/fonts/notonaskharabicui/default.css);

:root {
    --theme-base-color: #563C5C;
    --theme-color-2: #2E3A36;
    --theme-color-3: #2A6E47;
    --theme-color-4: #02A95C;
    --theme-color-5: #A9CF48;
}

html {
    overflow-y: scroll;
}

body {
    font-size: 10pt;
    font-family: 'Segoe UI','Georgia';
    margin: 0;
    padding: 0;
    background-color: white;
    line-height: 1.5em;
    color: rgb(68, 68, 68);
}

p {
    margin: 6px 0 6px 0;
}

pre {
    font-size: inherit;
    font-family: inherit;
}

.arabic {
    font-family: 'Noto Naskh Arabic UI', serif;
    direction: rtl;
    text-align: left;
}

header {
    display: flex;
    gap: 9px;
    flex-direction: row;
    font-size: 15pt;
    padding: 5px;
    color: white;
    background-color: var(--theme-base-color);
}

    header div {
        padding: 4px
    }

/* ---------------------------- */

section#div {
    margin: 0;
    padding: 0 0 0 0px;
}

nav {
    margin: 0;
    padding: 0 0 0 0px;
    background-color: var(--theme-base-color);
}

main {
    margin: 0;
    padding: 0px 2px 0 8px;
}

    main span.site-map-path {
        display: block;
        margin: 7px 0 7px 0;
    }

    main:has(div#main-top) {
        margin: 0;
        padding: 0 0px 0 0px;
    }

    main div#main-top {
        margin: 0;
        padding: 0 2px 0 8px;
        font-size: 12pt;
        color: white;
        background-color: var(--theme-base-color);
        border: solid 1px var(--theme-base-color);
    }

        main div#main-top a:link {
            color: yellow;
            text-decoration: none;
        }

        main div#main-top a:visited {
            color: yellow;
            text-decoration: none;
        }

        main div#main-top a:hover {
            color: lightyellow;
            text-decoration: none;
        }

        main div#main-top .arabic {
            font-size: 13pt;
            direction: rtl;
            text-align: left;
        }

    /*
    main div#main-top img {
        float: left;
        max-width: 40%;
        min-width: 380px;
        height: auto;
        margin: 5px;
    }
     */

    main div#main-middle {
        margin: 0;
        padding: 0 2px 0 8px;
        background-color: ghostwhite;
    }

    main div#main-bottom {
        margin: 0;
        padding: 0 2px 0 8px;
        background-color: white;
    }

address {
    display: flex;
}

    address .arabic {
        font-size: 12pt;
    }

h1, h2, h3 {
    font-weight: bold;
    font-size: inherit;
}

    h1 > a, h2 > a, h3 > a {
        font-size: inherit;
    }

ul li, ol li {
    list-style-type: circle;
}

aside {
    background-color: var(--theme-base-color);
}

a:link {
    color: blue;
    text-decoration: none;
}

a:visited {
    color: blue;
    text-decoration: none;
}

a:hover {
    color: lightblue;
    text-decoration: none;
}

/* ---------------------------- */

input [type=text], input[type=password], input[type=email], input[type=number], textarea, select {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    background-color: white;
}

input, select, textarea {
    font-size: inherit;
    font-family: inherit;
}

table.gridview {
    margin-top: 15px;
    color: black;
}

    table.gridview caption {
        text-align: left;
        font-weight: bold;
        padding: 3px;
    }

    table.gridview th {
        font-weight: normal;
    }

    table.gridview .row-style {
        background-color: white;
    }

    table.gridview .alternating-row-style {
        background-color: ghostwhite;
    }

    table.gridview .selected-row-style, .selected-row-style {
        background-color: lightpink;
    }

/* ---------------------------- */

footer {
    margin: 0;
    padding: 5px;
    color: white;
    background-color: var(--theme-base-color);
}

    footer a:link {
        color: yellow;
        text-decoration: none;
    }

    footer a:visited {
        color: yellow;
        text-decoration: none;
    }

    footer a:hover {
        color: lightyellow;
        text-decoration: none;
    }

/**********************************/

table.gridview {
    border: none #e7e7ff 0px;
    margin-top: 15px;
    color: black;
}

    table.gridview th, table.gridview td {
        padding: 5px;
        margin: 1px;
    }

    table.gridview caption {
        text-align: left;
        font-weight: bold;
        padding: 30px;
    }

    table.gridview .header-style th {
        color: white;
        background-color: var(--theme-base-color);
        text-align: center;
    }

    table.gridview .row-style {
        background-color: white;
        text-align: center;
    }

    table.gridview .alternating-row-style {
        background-color: ghostwhite;
        text-align: center;
    }

    table.gridview .selected-row-style {
        background-color: lightpink;
        text-align: center;
    }

    table.gridview .edit-row-style {
        background-color: whitesmoke;
        text-align: center;
    }

    table.gridview .pager-style {
        color: white;
        background-color: #aaaadd;
        text-align: left;
    }

    table.gridview .footer-style {
        color: #4a3c8c;
        background-color: #b5c7de;
        text-align: center;
    }