@import "Site.css";

/* #136eb7 */


/* Scrollable menu
----------------------------------------------------------*/

ul.scrollable-menu {
    display: inline;
    margin: 0px;
    padding: 0px;
    list-style: none;
    height: auto;
    max-height: 500px;
    overflow-x: hidden;
}

    ul.scrollable-menu li {
        display: inline-block;
        margin: 0px;
        padding: 0px;
        position: relative;
        line-height: 1em;
    }

        ul.scrollable-menu li ul {
            display: none;
            margin: 0px;
            padding: 10px 0px;
            position: absolute;
            top: 1em;
            left: 0px;
            border: 1px solid black;
            box-shadow: 3px 3px 2px gray;
            height: auto;
            max-height: 500px;
            overflow-x: hidden;
            background-color: white;
            opacity: 1;
            z-index: 1000000;
        }

            ul.scrollable-menu li ul li {
                display: block;
                margin: 0px;
                padding: 4px 10px;
                background-color: white;
                white-space: nowrap;
            }

                ul.scrollable-menu li ul li hr {
                    margin: 4px 0px;
                }

                ul.scrollable-menu li ul li:hover {
                    background-color: #136eb7;
                }

                    ul.scrollable-menu li ul li:hover a {
                        display: block;
                        color: white;
                    }

                    ul.scrollable-menu li ul li:hover.no-block a,
                    ul.scrollable-menu li ul li:hover.no-block span.change-on-hover {
                        display: inline-block;
                        color: white;
                    }

        ul.scrollable-menu li.no-style:hover {
            background-color: white;
        }


/* Context menu
----------------------------------------------------------*/

div.context-menu {
    display: none;
    position: absolute;
    margin: 0px;
    padding: 10px 0px;
    border: 1px solid black;
    box-shadow: 3px 3px 2px gray;
    background-color: white;
    opacity: 1;
    z-index: 1000000;
}

    div.context-menu ul {
        margin: 0px;
        padding: 0px;
    }

        div.context-menu ul li {
            display: block;
            margin: 0px;
            padding: 4px 10px;
            background-color: white;
            white-space: nowrap;
            line-height: 1em;
        }

            div.context-menu ul li:hover {
                background-color: #136eb7;
            }

                div.context-menu ul li:hover a {
                    display: block;
                    color: white;
                }

            div.context-menu ul li hr {
                margin: 4px 0px;
            }

            div.context-menu ul li:hover.no-block a,
            div.context-menu ul li:hover.no-block span {
                display: inline-block;
                color: white;
            }

            div.context-menu ul li.no-style:hover {
                background-color: white;
            }


/* Table (data & border)
----------------------------------------------------------*/

table.table-data > tbody > tr > td {
    padding: 4px;
    border: none;
}

/* -- */

table.table-data-border > tbody > tr > td {
    padding: 4px;
    border: 1px solid #ccc;
}

    table.table-data-border > tbody > tr > td.no-border {
        padding: 4px;
        border: none;
    }

    table.table-data-border > tbody > tr > td.no-style {
        padding: 0px;
        border: none;
    }

table.table-data-border > thead > tr > th,
table.table-data-border > tbody > tr > th {
    padding: 4px;
    border: 1px solid #ccc;
    background-color: #136eb7;
    color: white;
    white-space: nowrap;
}

table.table-data-border > tbody > tr.secondary > th {
    background-color: gray;
}

table.table-data-border > thead > tr > th a:link, table.table-data-border > thead > tr > th a:visited, table.table-data-border > thead > tr > th a:hover, table.table-data-border > thead > tr > th a:active,
table.table-data-border > tbody > tr > th a:link, table.table-data-border > tbody > tr > th a:visited, table.table-data-border > tbody > tr > th a:hover, table.table-data-border > tbody > tr > th a:active {
    color: white;
    text-decoration: underline;
}


/* Table (freeze)
----------------------------------------------------------*/

table.table-freeze > thead > tr.freeze-row > th {
    position: sticky;
    top: 0px;
    /* Fix missing border */
    border: none;
    outline: 1px solid #ccc;
    outline-offset: -1px;
}

    table.table-freeze > thead > tr.freeze-row > th.freeze-column {
        left: 0px;
        z-index: 1;
    }

table.table-freeze > tbody > tr > th.freeze-column,
table.table-freeze > tbody > tr > td.freeze-column {
    position: sticky;
    left: 0px;
    /* Fix missing border */
    border: none;
    outline: 1px solid #ccc;
    outline-offset: -1px;
}

table.table-freeze > tbody > tr > td.format-as-header {
    color: white;
    background-color: #136eb7;
}


/* Paged list
----------------------------------------------------------*/

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #136eb7;
}


/* Navigation
----------------------------------------------------------*/

.navigation {
    text-align: center;
    color: white;
    background-color: white;
    box-shadow: 5px 10px 20px gray;
}

.navigation-icon {
    display: block;
    padding: 10px;
    background-color: #136eb7;
}

a.navigation-icon:link, a.navigation-icon:visited {
    color: white;
    text-decoration: none;
    background-color: #136eb7;
}

a.navigation-icon:hover, a.navigation-icon:active {
    color: white;
    text-decoration: none;
    background-color: #136eb7;
}

.navigation-item {
    display: none;
    margin-top: 1px;
    padding: 10px;
    background-color: #136eb7;
}

a.navigation-item:link, a.navigation-item:visited {
    color: white;
    text-decoration: none;
    background-color: #232f3e;
}

a.navigation-item:hover, a.navigation-item:active {
    color: white;
    text-decoration: none;
    background-color: #136eb7;
}

.responsive .navigation-item {
    display: block;
}

@media only screen and (min-width: 768px) {

    .navigation {
        padding: 0px 10px;
        text-align: center;
        background-color: #136eb7;
    }

    .navigation-icon {
        display: none;
    }

    a.navigation-icon:link, a.navigation-icon:visited {
        color: white;
        text-decoration: none;
        background-color: #136eb7;
    }

    a.navigation-icon:hover, a.navigation-icon:active {
        color: white;
        text-decoration: none;
        background-color: gray;
    }

    .navigation-item {
        display: inline-block;
        margin-top: 0px;
    }

    a.navigation-item:link, a.navigation-item:visited {
        color: white;
        text-decoration: none;
        background-color: #136eb7;
    }

    a.navigation-item:hover, a.navigation-item:active {
        color: white;
        text-decoration: none;
        background-color: #232f3e;
    }

    .responsive .navigation-item {
        display: inline-block;
    }
}


/* Miscellaneous
----------------------------------------------------------*/

input[type=button],
input[type=submit] {
    color: white;
    background: #136eb7;
}

input[type=button]:disabled,
input[type=submit]:disabled {
    color: white;
    background: #ccc;
}

.theme-background-color {
    background-color: #136eb7;
}