/* Borrowed from https://www.w3.org/TR/wai-aria-practices/examples/tabs/tabs-1/tabs.html */

[role="tablist"] {
  margin: 0 0 -.1em;
  overflow: visible;
  color:black;
}

[role="tab"] {
    position: relative;
    margin: 0;
    padding: .3em .5em .4em;
    border: 1px solid hsl(219, 1%, 72%);
    border-radius: .2em .2em 0 0;
    box-shadow: 0 0 .2em hsl(219, 1%, 72%);
    overflow: visible;
    font-family: inherit;
    font-size: inherit;
    background: hsl(220, 20%, 94%);
    color: black;
}

    [role="tab"]:hover::before,
    [role="tab"]:focus::before,
    [role="tab"][aria-selected="true"]::before {
        position: absolute;
        bottom: 100%;
        right: -1px;
        left: -1px;
        border-radius: 0.2em 0.2em 0 0;
        border-top: 3px solid hsl(20, 96%, 48%);
        content: '';
        color: black;
    }

    [role="tab"][aria-selected="true"] {
        border-radius: 0;
        background: hsl(220, 43%, 99%);
        outline: 0;
        color: black;
    }

        [role="tab"][aria-selected="true"]:not(:focus):not(:hover)::before {
            border-top: 5px solid hsl(218, 96%, 48%);
            color: black;
        }

        [role="tab"][aria-selected="true"]::after {
            position: absolute;
            z-index: 3;
            bottom: -1px;
            right: 0;
            left: 0;
            height: .3em;
            background: hsl(220, 43%, 99%);
            box-shadow: none;
            content: '';
            color: black;
        }

    [role="tab"]:hover,
    [role="tab"]:focus,
    [role="tab"]:active {
        outline: 0;
        border-radius: 0;
        color: inherit;
        color: black;
    }

        [role="tab"]:hover::before,
        [role="tab"]:focus::before {
            border-color: hsl(20, 96%, 48%);
            color: black;
        }

[role="tabpanel"] {
    position: relative;
    z-index: 2;
    padding: .5em .5em .7em;
    border: 1px solid hsl(219, 1%, 72%);
    border-radius: 0 .2em .2em .2em;
    box-shadow: 0 0 .2em hsl(219, 1%, 72%);
    background: hsl(220, 43%, 99%);
    color: black;
}

    [role="tabpanel"]:focus {
        border-color: hsl(20, 96%, 48%);
        box-shadow: 0 0 .2em hsl(20, 96%, 48%);
        outline: 0;
        color: black;
    }

        [role="tabpanel"]:focus::after {
            position: absolute;
            bottom: 0;
            right: -1px;
            left: -1px;
            border-bottom: 3px solid hsl(20, 96%, 48%);
            border-radius: 0 0 0.2em 0.2em;
            content: '';
            color: black;
        }
tab-container table td {
    font-size: 14px;
    padding: 15px 2px;
    vertical-align:middle!important;
}

tab-container table {
    border: 1px solid #ddd;
}
.title {
    background-color: #693E16;
    color: #fff;
}
.title td{
    font-size:20px;
}
.hall {
    background-color: #8F8F8F;
    color: #fff;
}
.color-main-hours{
    font-size:12!important;
    color:darkred;
}
.color-child-hours {
    color: #3989c7;
}
.bgcolor-gray {
    background-color: #e4e2e2;
}
.break {
    background-color: #f7eece;
    color: #693E16;
    font-weight: 900;
    font-family: sans-serif;
}
.lunch {
    background-color: #f7e08c;
    color: #ff7e07;
    font-weight: 900;
    font-family: sans-serif;
}