/*Begin of tpc_css3.css*/
#menu a /*================================================================================================================================================*/
/*                            Cascading Style Sheet for TPC Website                                     menu                                          */
/* 2022-01-28 AEH Adding #bm_results_table for right border
/* 2022-01-19 AEH Adding padding to 'bodytext_medium'
/* 2020-01-12 AEH change font-color for text to gray (#ccc) in bg_red 
/* 2019-12-25 AEH Reduce padding on Top navigation bar 
        #toggle-menu, #menu a {
        padding: 0.5em;
    was:   padding: 1em 1.5em; */
    /* 2019-12-25 AEH Change padding of drop-icon from 1em to 0.1em (for narrower drop-down menus)                                                                                                                    */
    /* 2019-08-17 AEH Create                                                                                                                          */
    /*================================================================================================================================================*/
    /*                                                                                                                                                */
    /*                                                  Device Settings 
    /*  Device              Width       Length                                                                                                        */
    /* iPhone 6/7/8 Plus                                                                                                                              */
    /*================================================================================================================================================*/
    /*                            BEGIN Reset of defaults                                                                                             */
    /*================================================================================================================================================*/
    /* http://meyerweb.com/eric/tools/css/reset/ 
        v2.0 | 20110126
        License: none (public domain)                                                                                                                 */
    /*================================================================================================================================================*/
    /*================================================================================================================================================*/
    /*================================================================================================================================================*/
    /*                            BEGIN Reset of defaults                                                                                             */
    /*================================================================================================================================================*/
    /*================================================================================================================================================*/
    /*================================================================================================================================================*/
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, able, caption, tbody, tfoot, thead, tr, th, article, most-visited, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/*================================================================================================================================================*/
/* HTML5 display-role reset for older browsers */
article, most-visited, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    font-family: Helvetica, Arial, sans-serif; 
    font-size: 1vw;
    line-height: 1.1vw;
}

/* 
ol, ul {
	list-style: none;
}  */

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*================================================================================================================================================*/
/*                            END Reset of defaults                                                                                               */
/*================================================================================================================================================*/

/*================================================================================================================================================*/
/*================================================================================================================================================*/
/*================================================================================================================================================*/
/*=========================== This is valid for all devices  =====================================================================================*/
/*================================================================================================================================================*/
/*================================================================================================================================================*/
/*================================================================================================================================================*/
@media only screen { /*  All Devices */
    body {
        padding: 0 !important;
    }

    .nav-no-js .nav-button:hover + .nav, .nav-no-js .nav-button:hover + .nav + .nav-close, .nav-no-js .nav:hover, .nav-no-js .nav:hover + .nav-close {
        display: block
    }

    .nav-button, .nav-close {
        position: fixed;
        top: 0;
        width: 2.4rem;
        height: 4.4rem;
        overflow: hidden;
        z-index: 902;
        cursor: pointer;
        text-decoration: none;
        line-height: 4.4rem;
        background: #26201C;
        color: #ddd;
    }

        .nav-button:before, .nav-close:before {
            display: block;
            text-align: center;
        }

    .nav-button {
        display: block;
        right: 1rem;
        font-size: 1.7rem;
    }

        .nav-button:before {
            content: "\E003";
        }

    .nav-close {
        display: none;
        right: 4rem;
        font-size: 1.9rem;
    }

        .nav-close:before {
            content: "\E002";
        }

    .nav {
        padding-top: 4.4rem;
        line-height: 3.4rem;
        background: white;
        color: #ddd;
    }

        /* Top Navigation Bar*/
        .nav ul {
            border-radius: 0 0 6px 6px;
            background: #eee;
            margin: 0.1em;
            padding: 0.1em;
            font-size: 0.9em;
        }
            /* Top Navigation Bar*/

            .nav ul li {
                background: #369;
                color: #eee;
                padding: 0 1em 0 1em;
                border: none;
                margin: 0;
                font-size: 1.1em;
            }
            /* First pull-down menu (except 'Results') */

            /* for 'Results' only */
            .nav ul .results li {
                background: #369;
                color: white;
                margin: 0.1em;
            }

                .nav ul .results li li {
                    background: green;
                    color: white;
                    font-size: .9em;
                    padding: 0.1em;
                    margin: inherit;
                    border: .1em solid white;
                }

                    .nav ul .results li li li {
                        background: blue;
                        color: white;
                        font-size: 1em;
                        padding: 0.1em;
                        margin: .1em;
                        border: .1em solid white;
                    }

                        .nav ul .results li li li li {
                            background: #f60;
                            color: white;
                            font-size: .8em;
                            padding: 0.1em;
                            margin: .1em;
                            border: .1em solid white;
                        }

                            .nav ul .results li li li li li {
                                background: red;
                                color: white;
                                font-size: .9em;
                                padding: 0.1em;
                                margin: .1em;
                                border: .1em solid white;
                            }

            .nav ul ul ul {
                background: grey;
            }

                .nav ul ul ul ul {
                    background: black;
                    font-size: 1.1em;
                }

                    .nav ul ul ul ul ul {
                        background: #493e36
                    }

        .nav li {
            border-top: 1px solid #59544F;
            cursor: pointer;
        }

            .nav li.nav-active > a, .nav li:hover > a {
                color: #eee;
                background: #2E2722;
            }

        .nav .nav-submenu > ul {
            margin-left: 10px;
        }

        .nav .nav-submenu > a {
            padding-right: 30px !important;
        }

        /*=== Top Navigation bar - (Home, About the TPC, Benchmark, ...) =============================================*/
        .nav a, .nav a:active, .nav a:hover, .nav a:visited, .nav ul li {
            border-radius: 6px;
            padding: 0 1em 0 1em;
            color: #eee;
            text-decoration: none;
            font-size: 1.1em;
        }

        .nav .nav-submenu > a:after {
            position: absolute;
            display: block;
            right: 10px;
            top: 1px;
            content: "\E005";
        }

    .nav-lock-scroll {
        overflow: hidden
    }

    .nav {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 900;
        overflow-x: hidden;
        overflow-y: auto
    }

    .nav ul {
        display: block;
        position: relative;
        list-style-type: none;
        margin: 0;
        padding: 0
    }

    .nav a, .nav a:active, .nav a:hover, .nav a:visited {
        display: block;
        position: relative
    }

    /**************************************************************************************************************************************/
    /**************************************************************************************************************************************/
    /**************************************************************************************************************************************/
    /**************************************************************************************************************************************/
    /* TPC Newsletter                                                                                                                  */
    /**************************************************************************************************************************************/
    /**************************************************************************************************************************************/
    /**************************************************************************************************************************************/
    /**************************************************************************************************************************************/
    .newsletter_base {
        position: absolute;
        left: 50vw;
        top: 0.5vw;
        padding: 0;
        z-index: 1;
        display: inline-block;
    }

    .newsletter_picture {
        vertical-align: text-bottom;
        background-color: #fff;
        opacity: 0.8;
        width: 12vw;
    }

    .tooltip {
        position: relative;
        display: inline-block;
    }

        .tooltip .tooltiptext {
            visibility: hidden;
            width: 18vw;
            background-color: #c20808;
            color: #fff;
            text-align: center;
            border-radius: 1vw;
            padding: 2vw 0;
            position: absolute;
            z-index: 1;
            bottom: -5%;
            left: 30%;
            margin-top: -20vw;
            margin-left: -5vw;
        }

            .tooltip .tooltiptext a {
                color: #bbb;
                background-color: inherit;
                text-decoration: underline;
                margin: 0vw 0.1vw 0.6vw 0;
            }

            .tooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -1vw;
                border: none;
            }

        .tooltip:hover .tooltiptext {
            visibility: visible;
        }

    .tooltipheader {
        font-size: 1.5vw;
    }

    .newsletter_picture {
        animation: slideIn 4s;
        background: transparent;
    }

    @keyframes slideIn {
        0% {
            transform: translate(0px, 0px) scale(1);
        }

        25% {
            transform: translate(-400px, 150px) scale(2.5);
        }

        75% {
            transform: translate(-400px, 150px) scale(2.5);
        }

        100% {
            transform: translate(0px, 0px) scale(1);
        }
    }

    /**************************************************************************************************************************************/
    /* Hexagon for TPCx-AI Homepage                                                                                                                  */
    /**************************************************************************************************************************************/
    #grid {
        position: relative;
        width: 30%;
        margin: 0 auto;
        padding: 0; /* Clears unordered list default of 40px */
    }

    .clr:after {
        content: "";
        display: block;
        clear: both;
    }

    #grid li {
        list-style-type: none;
        position: relative;
        float: left;
        width: 27.85714285714286%;
        padding: 0 0 32.16760145166612% 0;
        -o-transform: rotate(-60deg) skewY(30deg);
        -moz-transform: rotate(-60deg) skewY(30deg);
        -webkit-transform: rotate(-60deg) skewY(30deg);
        -ms-transform: rotate(-60deg) skewY(30deg);
        transform: rotate(-60deg) skewY(30deg);
        overflow: hidden;
        visibility: hidden;
    }

        #grid li * {
            visibility: visible;
        }

        #grid li .hexagon {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fdbf00;
            -o-transform: skewY(-30deg) rotate(60deg);
            -moz-transform: skewY(-30deg) rotate(60deg);
            -webkit-transform: skewY(-30deg) rotate(60deg);
            -ms-transform: skewY(-30deg) rotate(60deg);
            transform: skewY(-30deg) rotate(60deg);
            overflow: hidden;
        }

        #grid li:nth-child(3n+2) {
            margin: 0 1%;
        }

        #grid li:nth-child(6n+4), #grid li:nth-child(6n+5), #grid li:nth-child(6n+6) {
            margin-top: -6.9285714285%;
            margin-bottom: -6.9285714285%;
            -o-transform: translateX(50%) rotate(-60deg) skewY(30deg);
            -moz-transform: translateX(50%) rotate(-60deg) skewY(30deg);
            -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
            -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
            transform: translateX(50%) rotate(-60deg) skewY(30deg);
        }

        #grid li:nth-child(6n+4) {
            margin-left: 0.5%;
        }

    .p, p a {
        margin: 0;
        position: absolute;
        top: 20%;
        left: 50%;
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .p_center {
        margin: 0;
        position: absolute;
        top: 60%;
        left: 50%;
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    #grid li .hexagonc {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #4472c3;
        background: green;
        -o-transform: skewY(-30deg) rotate(60deg);
        -moz-transform: skewY(-30deg) rotate(60deg);
        -webkit-transform: skewY(-30deg) rotate(60deg);
        -ms-transform: skewY(-30deg) rotate(60deg);
        transform: skewY(-30deg) rotate(60deg);
        overflow: hidden;
    }

    #grid li .hexagon1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #df9df3;
        -o-transform: skewY(-30deg) rotate(60deg);
        -moz-transform: skewY(-30deg) rotate(60deg);
        -webkit-transform: skewY(-30deg) rotate(60deg);
        -ms-transform: skewY(-30deg) rotate(60deg);
        transform: skewY(-30deg) rotate(60deg);
        overflow: hidden;
    }

    #grid li .hexagon2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #585858;
        -o-transform: skewY(-30deg) rotate(60deg);
        -moz-transform: skewY(-30deg) rotate(60deg);
        -webkit-transform: skewY(-30deg) rotate(60deg);
        -ms-transform: skewY(-30deg) rotate(60deg);
        transform: skewY(-30deg) rotate(60deg);
        overflow: hidden;
    }

    #grid li .hexagon3 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #ffbf00;
        -o-transform: skewY(-30deg) rotate(60deg);
        -moz-transform: skewY(-30deg) rotate(60deg);
        -webkit-transform: skewY(-30deg) rotate(60deg);
        -ms-transform: skewY(-30deg) rotate(60deg);
        transform: skewY(-30deg) rotate(60deg);
        overflow: hidden;
    }

    #grid li .hexagon4 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #5a99d3;
        -o-transform: skewY(-30deg) rotate(60deg);
        -moz-transform: skewY(-30deg) rotate(60deg);
        -webkit-transform: skewY(-30deg) rotate(60deg);
        -ms-transform: skewY(-30deg) rotate(60deg);
        transform: skewY(-30deg) rotate(60deg);
        overflow: hidden;
    }

    #grid li .hexagon5 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #70ab46;
        -o-transform: skewY(-30deg) rotate(60deg);
        -moz-transform: skewY(-30deg) rotate(60deg);
        -webkit-transform: skewY(-30deg) rotate(60deg);
        -ms-transform: skewY(-30deg) rotate(60deg);
        transform: skewY(-30deg) rotate(60deg);
        overflow: hidden;
    }

    #grid li .hexagon6 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #eb7c30;
        -o-transform: skewY(-30deg) rotate(60deg);
        -moz-transform: skewY(-30deg) rotate(60deg);
        -webkit-transform: skewY(-30deg) rotate(60deg);
        -ms-transform: skewY(-30deg) rotate(60deg);
        transform: skewY(-30deg) rotate(60deg);
        overflow: hidden;
    }

    .align_left_hex {
        text-align: left;
        vertical-align: middle;
        border: none;
    }

    .align_center_hex {
        text-align: center;
        vertical-align: middle;
        border: none;
    }

    .font_blue, .font_blue a {
        color: #369;
        background-color: inherit;
        margin: 0vw 0.1vw 0.6vw 0.6vw;
    }

    .h2_hex, h2_hex, h2_hex {
        font-family: inherit;
        font-size: 1.5vw;
        line-height: 1.5vw;
        color: #FCFCFC;
        font-weight: bold;
        text-shadow: 1px 4px 4px #555;
        padding: 0.1em 0 2em 0;
    }

    .h3, H3, h3 {
        font-family: inherit;
        font-size: 1.2vw;
        line-height: 1.5vw;
        color: #FCFCFC;
        font-weight: normal;
        text-shadow: 1px 4px 4px #555;
        padding: 0.1em 0 2em 0;
    }

    .a, A, a {
        text-decoration: none;
        color: #FCFCFC;
    }

    .anchor, anchor {
        text-decoration: none;
        color: #851515;
    }


    .underline {
        text-decoration: underline;
    }

    .ai_graph {
        justify-content: left;
        height: 100%;
    }

    /**************************************************************************************************************************************/
    /**************************************************************************************************************************************/
    /**************************************************************************************************************************************/
    /**************************************************************************************************************************************/
    /* Responsive Design                                                                                                                  */
    /**************************************************************************************************************************************/
    /**************************************************************************************************************************************/
    /**************************************************************************************************************************************/
    /**************************************************************************************************************************************/
    .bg_gold {
        color: #b81;
        background-color: inherit;
        margin: 0vw 0.1vw 0.6vw 0;
    }

        .bg_gold a {
            color: #369;
            background-color: inherit;
            text-decoration: underline;
            margin: 0vw 0.1vw 0.6vw 0;
        }


    .bg_darkgray {
        color: #369;
        background-color: #d6d6d6;
    }

    .bg_lightgray {
        color: #369;
        background-color: #ddd;
    }

    .bg_red {
        color: #369;
        background-color: sandybrown;
    }

    .bg_white {
        color: #369;
        background-color: #fff;
    }

    .bg_yellow {
        color: #369;
        background-color: #ff9;
    }

    .bg_blue {
        color: #69c;
        background-color: inherit;
    }

    .bg_red_button {
        color: #eee;
        background-color: #c22;
        font-weight: bold;
        padding: 0.1em 0.1em 0.1em 0.1em;
    }

    .bg_blue_button {
        color: #eee;
        background-color: #69c;
        font-weight: bold;
        padding: 0.1em 0.1em 0.1em 0.1em;
    }

    bg_not_visible {
        background-image: url('/tpc_common_library/images/result_not_visible.png');
    }

    .width3 {
        width: 3%;
    }

    .width10 {
        width: 10%;
    }

    .width19 {
        width: 19%;
    }

    .width30 {
        width: 30%;
    }

    .width40 {
        width: 40%;
    }

    .width45 {
        width: 45%;
    }

    .width100 {
        width: 100%;
    }

    .table_header {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 1.2vw;
        vertical-align: inherit;
        font-weight: bold;
        padding: 0.5em 0em 0.5em 0.5em;
        border-collapse: collapse;
        border-spacing: 0;
    }

    .table_item {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 1.0vw;
        vertical-align: inherit;
        font-weight: normal;
        padding: 0.3em 0em 0.3em 0.5em;
    }


    .no_decoration, no_underline, no_underline {
        text-decoration: none;
    }

    /* *********************************************************************************************************************/
    /* New Pull Down Menu   */
    /* *********************************************************************************************************************/
    #menu {
        background-color: blue;
        display: block;
        font-size: 1.2vw;
    }

        #menu ul {
            margin: 0;
            padding: 0;
        }

            #menu input[type="checkbox"], #menu ul span.drop-icon {
                display: none;
            }

        #menu .sub-menu {
            background-color: white;
            border-width: 1px 1px 0;
            margin: 0 1em;
        }

            #menu .sub-menu li:last-child {
                border-width: 0;
            }

        #menu li, #toggle-menu, #menu a {
            position: relative;
            display: block;
            color: white;
            text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
            text-decoration: none;
        }

        #menu a {
            transition: all .125s ease-in-out;
        }

            #menu a:hover {
                background-color: #669;
                color: #eee;
                transition: 2s background-color;
                transition-delay: 1s;
            }

        #menu li a:hover {
            background-color: #444; /* AEH 'Dark Gray' - background color when hovering */
            color: #eee;
            border-radius: 7px;
        }

        #menu .sub-menu {
            display: none;
        }

        #menu input[type="checkbox"]:checked + .sub-menu {
            display: block;
        }

        #menu .sub-menu a:hover {
            color: #eee; /* AEH light Gray' - font color when hovering */
        }

        #menu li, #toggle-menu, #menu .sub-menu {
            border-style: solid;
            border-color: black;
        }

        #menu li, #toggle-menu {
            border-width: 0 0 1px;
        }

        #toggle-menu, #menu label.drop-icon {
            display: none;
        }

        #menu ul span.drop-icon {
            display: inline-block;
        }

        #menu li {
            float: left;
            border-width: 0 1px 0 0;
            background-color: #369;
        }

        #menu .sub-menu li {
            float: none;
            background-color: #369;
            transition-delay: 0.5s;
            transition: 0.5s background-color;
            transition-duration: 1s;
        }

            #menu .sub-menu li li {
                float: none;
                color: #eee;
                background-color: green;
                transition-delay: 0.5s;
                transition: 0.5s background-color;
                transition-duration: 1s;
            }

                #menu .sub-menu li li li {
                    float: none;
                    background-color: blue;
                }

                    #menu .sub-menu li li li li {
                        float: none;
                        background-color: #f60; /* Orange */
                    }

                        #menu .sub-menu li li li li li {
                            float: none;
                            background-color: red;
                        }

        #menu .sub-menu {
            border-width: 0;
            margin: 0;
            position: absolute;
            top: 100%;
            left: 0;
            width: 12em;
            z-index: 3000;
        }

        #menu .sub-menu, #menu input[type="checkbox"]:checked + .sub-menu {
            display: none;
        }

            #menu .sub-menu li {
                border-width: 0 0 1px;
            }

            #menu .sub-menu .sub-menu {
                top: 0;
                left: 100%;
            }

            #menu .sub-menu .drop-icon {
                position: absolute;
                top: 0;
                right: 0;
                padding: 0.2em;
            }

        #menu li:hover > input[type="checkbox"] + .sub-menu {
            display: block;
        }

    #toggle-menu {
        background: #333;
    }

    #toggle-menu, #menu a {
        padding: 0.7vw;
        line-height: 1.2;
    }

        #toggle-menu .drop-icon, #menu li label.drop-icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        #menu label.drop-icon, #toggle-menu span.drop-icon {
            padding: 0.1em;
            text-align: center;
            background-color: #ccc;
            text-shadow: 0 0 0 transparent;
            color: green;
        }

    .thin-yellow-line {
        width: 100%;
        height: 0.1em;
        margin: 0 0 0.1em 0;
        padding: 0 0 0 0;
        display: block;
    }

    .wrapper-footer {
        width: 100%;
        float: left;
        margin-top: 0.1em;
    }

    header h1:before {
        content: "\E001";
    }

    .nav-button {
        display: none;
    }

    .nav {
        padding: 0 !important;
    }

        .nav > ul > li {
            border-top: none;
        }

        .nav li > ul {
            box-shadow: 0 0 5px 0 rgba(0,0,0,.75);
        }

        .nav ul ul ul {
            border-radius: 0 6px 6px;
        }

            .nav ul ul ul li:first-child {
                border-top: none;
            }

        .nav .nav-left > ul {
            border-radius: 6px 0 6px 6px;
        }

        .nav .nav-submenu li {
            min-width: 110px;
        }

        .nav .nav-submenu > ul {
            margin: 0
        }

        .nav > ul > .nav-submenu > a:after {
            content: "\E005"
        }

        .nav .nav-submenu > a:after {
            content: "\E006"
        }

    .wrapper-mission {
        width: 100%;
        float: left;
        margin: 1em 0 0 0;
    }

    .mission {
        width: 100%;
        height: 100%;
        float: left;
        font-size: 1em;
        margin: 0;
        font-style: italic;
        vertical-align: top;
        padding: 0 0 0 0;
        color: #369;
    }

    .wrapper-whats-new {
        width: 100%;
        float: left;
        margin: 1em 0 0 0;
    }

    .whats-new-col1 {
        width: 8%;
        float: left;
        font-size: 1em;
        margin: 0;
        padding: 0 3px 0 0;
    }

    .whats-new-col2 { /* copy to other sections */
        width: 87%;
        float: left;
        font-size: inherit;
        margin: 0.1em 0 0 0;
        padding: 0;
        text-decoration: none;
    }

        .whats-new-col2 a { /* copy to other sections */
            text-decoration: underline;
            float: none;
            display: inline;
            font-family: inherit;
            font-size: inherit;
            line-height: inherit;
            padding: 0.2em 0 0 0;
            margin: inherit;
        }

            .whats-new-col2 a:hover {
                width: 100%;
                float: left;
                display: block;
                font-family: inherit;
                font-size: inherit;
                line-height: inherit;
                padding: 0;
                margin: 0;
                vertical-align: top;
                text-decoration: underline;
            }

    .whats-new-align {
        width: 100%;
        float: left;
        display: block;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        margin: 0 0 0 0;
        padding: 0.2em 0 0 0;
        vertical-align: middle;
    }

    /* Benchmarks and Results */
    .wrapper-benchmarks-and-results {
        width: 100%;
        float: left;
    }

    /* Recent Activities */
    .wrapper-recent-activities {
        width: 100%;
        /*  For General and Smartphones - spacing between wrapper-benchmarks-and-results and wrapper-recent-activities */
        float: left;
        margin: 1em 0 0 0;
    }

    .recent-activities-text-light, recent-activities-text-light a {
        float: left;
        width: 100%;
        display: block;
        color: #369;
        background-color: #ddd;
        vertical-align: middle;
        padding: 0.2em 0 0.3em 0;
    }

    .recent-activities-text, recent-activities-text a {
        float: left;
        width: 100%;
        display: block;
        color: #ddd;
        background-color: #ccc;
        padding: 0 0 0.3em 0;
    }

    .recent-activities-text-dark, recent-activities-text-dark a {
        float: left;
        width: 100%;
        display: block;
        color: #369;
        background-color: #bbb;
        vertical-align: middle;
        padding: 0.2em 0 0.3em 0;
    }

    .recent-activities {
        float: left;
        width: 100%;
        display: block;
        background-color: #ddd;
        padding: 0 0 0.3em 0;
    }

    .wrapper-recent-activities-row {
        width: 100%;
        height: 100%;
        float: none;
        font-size: inherit;
        margin: 0.1em 0 0 0.15em;
        vertical-align: middle;
        padding: 0 0 0 0;
        display: inline-block;
        color: #369;
    }

    .recent-activities-col1 {
        width: 6%;
        height: 100%;
        float: left;
        font-size: 0.8em;
        margin: 0;
        vertical-align: top;
        padding: 0 10px 0 0;
        color: #369;
    }

        .recent-activities-col1 a {
            text-decoration: underline;
            font: inherit;
            display: inline;
            width: auto;
            float: none;
            margin: inherit;
            padding: inherit;
        }

            .recent-activities-col1 a:hover {
                color: red;
                text-decoration: underline;
                font: inherit;
                display: inline;
                width: auto;
                float: none;
                margin: inherit;
                padding: inherit;
            }

    .recent-activities-col2 {
        width: 90%;
        height: 100%;
        float: none;
        font-size: inherit;
        margin: 0 0 0 0;
        vertical-align: top;
        padding: 0 3px 0 3px;
        display: inline-block;
        color: #369;
        font-size: 0.8em;
    }

        .recent-activities-col2 a {
            text-decoration: underline;
            font: inherit;
            display: inline;
            width: auto;
            float: none;
            margin: inherit;
            padding: inherit;
        }

            .recent-activities-col2 a:hover {
                color: red;
                text-decoration: underline;
                font: inherit;
                display: inline;
                width: auto;
                float: none;
                margin: inherit;
                padding: inherit;
            }

    /* Most Visited*/
    .wrapper-most-visited {
        width: 100%;
        float: left;
        background-color: #ddd;
    }

    .BodyTextTight {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        color: #369;
        padding: 0;
    }

    .main-content {
        float: left;
        color: #369;
        width: 100%;
        display: block;
        background-color: #ddd;
        padding: 0.5vw;
    }

    .boldtext {
        font-weight: bold;
    }

    .result_left {
        font-family: inherit;
        font-size: 0.65em;
        color: #369;
        text-align: left;
        vertical-align: middle;
        padding: 0 1em 0 1em;
        border-collapse: collapse;
        border: 0.1em solid white;
    }

        .result_left a {
            font-family: inherit;
            font-size: 0.85em;
            color: #369;
            text-align: left;
            vertical-align: middle;
            text-decoration: none;
            padding: 0.25em;
            text-decoration: underline;
        }

    .result_center {
        font-family: inherit;
        font-size: 0.65em;
        color: #369;
        text-align: center;
        vertical-align: middle;
        padding: 0 1em 0 1em;
        border-collapse: collapse;
        border: 0.1em solid white;
    }

    .result_right {
        font-family: inherit;
        font-size: 0.65em;
        color: #369;
        text-align: right;
        vertical-align: middle;
        padding: 0 1em 0 1em;
        border-collapse: collapse;
        border: 0.1em solid white;
    }

    .table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
    }

    #bm_results_table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 98.5%;
        margin: 0 1.5em 0 0;
    }

    .tr tr #tr {
        width: 100%;
    }

    .td td #td {
        vertical-align: middle;
        border-collapse: collapse;
        color: #369;
    }

    h1, H1, .h1 {
        font-family: inherit;
        font-size: 1.4vw;
        line-height: 1.6vw;
        color: #a33; /* Red */
        font-weight: bold;
        padding: 1.0em 0 0 0;
    }

    h2, H2, .h2 {
        font-family: inherit;
        font-size: 1.2vw;
        line-height: 1.4vw;
        color: #369;
        font-weight: bold;
        padding: 0.1em 0 2em 0;
    }

    .bodytext_medium {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        color: #369;
        padding: 1rem;
    }

    company_header, .company_header {
        font-family: inherit;
        font-size: 1.2vw;
        line-height: 1.4vw;
        color: #a33; /* Red */
        font-weight: bold;
        padding: 1em 0 0.5em 0;
    }

    reference_url, .reference_url {
        font-family: inherit;
        font-size: 0.9vw;
        line-height: 1.1rem;
        color: #369; /* blue */
        font-weight: normal;
        padding: 0.5em 0 1.3em 0;
    }

    .red, red {
        color: #a33; /* Red */
    }

    .center, center {
        text-align: center;
    }

    .ul, ul {
        padding: 0 0 0 1.5em;
    }

    .ol, ol {
        padding: 0 0 0 1.5em;
    }

    .no_underline, no_underline {
        text-decoration: none;
    }

    .no_border, no_border {
        border: none;
    }

    #menu ul {
        margin: 0;
        padding: 0;
    }

    header {
        position: relative;
    }

        header h1:before {
            content: "\E001";
        }

    .nav-button {
        display: none;
    }

    .nav {
        padding: 0 !important;
    }

        .nav > ul > li {
            border-top: none;
        }

        .nav li > ul {
            box-shadow: 0 0 5px 0 rgba(0,0,0,.75);
        }

        .nav ul ul ul {
            border-radius: 0 6px 6px;
        }

            .nav ul ul ul li:first-child {
                border-top: none;
            }

        .nav .nav-left > ul {
            border-radius: 6px 0 6px 6px;
        }

        .nav .nav-submenu li {
            min-width: 110px;
        }

        .nav .nav-submenu > ul {
            margin: 0
        }

        .nav > ul > .nav-submenu > a:after {
            content: "\E005"
        }

        .nav .nav-submenu > a:after {
            content: "\E006"
        }

    .trwithdrawnnew {
        background: #ff9;
        border-collapse: collapse;
        border: 0.1em solid #111;
    }

    .trwithdrawnold {
        background: #c22;
        border-collapse: collapse;
        border: 0.1em solid #eee;
    }

    .trhistoric {
        background: lightgray;
        border-collapse: collapse;
        border: 0.1em solid #eee;
    }

    .tractive {
        background: white;
        border-collapse: collapse;
        border: 0.1em solid #eee;
    }

    .bold {
        font-weight: bold;
    }

    .bolditalic {
        font-weight: bold;
        font-style: italic;
    }

    .trcol2 {
        padding: 0 0 0 2em;
    }

    .tdleft {
        vertical-align: middle;
        text-align: left;
        border-collapse: collapse;
        border: 0.1em solid #eee;
    }

    .tdcenter {
        vertical-align: middle;
        text-align: center;
        border-collapse: collapse;
        border: 0.1em solid #eee;
    }

    .tdright {
        vertical-align: middle;
        text-align: right;
        border-collapse: collapse;
        border: 0.1em solid #eee;
    }

    .dark-grey {
        background-color: #d6d6d6;
    }

    .light-grey {
        background-color: #ddd;
    }


    .yellow {
        font-family: inherit;
        font-size: inherit;
        color: #c90;
    }

    .gold {
        font-family: inherit;
        font-size: inherit;
        color: #c90;
    }

    .BodyText {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        color: #369;
        padding: 0.5em 0 1em 0.2em;
    }

    .wrapper-page {
        margin: 0 .5vw 0 .5vw;
        padding: 0 0 0 0;
    }

    .main-container {
        margin: 0 0.1vw 0 0.1vw;
        padding: 0 0 0 0;
    }

    .boldtext {
        font-weight: bold;
    }

    .resultshead {
        color: #eee;
        background-color: #69C;
        font-family: inherit;
        font-size: 1.1vw;
        font-weight: bold;
        line-height: inherit;
        text-align: center;
        vertical-align: middle;
        padding: 0.2vw;
        border: 0.1vw solid white;
    }

        .resultshead a {
            color: #eee;
            background-color: #69C;
            font-family: inherit;
            font-size: inherit;
            font-weight: bold;
            line-height: inherit;
            text-align: center;
            vertical-align: middle;
            text-decoration: underline;
            padding: 0.2vw;
        }

    .table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
    }

    .tr tr #tr {
        width: 100%;
    }

    .td td #td {
        vertical-align: middle;
        border-collapse: collapse;
        color: #369;
    }

    img {
        vertical-align: middle;
        border: none;
        width: 6vw;
    }

    .no_border {
        border: none;
    }

    .bannerimg {
        vertical-align: middle;
        text-align: center;
        border: 0.1vw solid black;
        width: 75%;
    }

    .more {
        width: 3vw;
    }

    .valign_middle {
        vertical-align: middle;
        padding: 0.3vw;
    }

    .BodyTextTight {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        color: #369;
        padding: 0;
    }

    .main-content {
        float: left;
        color: #369;
        width: 98%;
        display: block;
        background-color: #ddd;
        padding: 1em;
    }

    .align_left {
        font-family: inherit;
        font-size: inherit;
        line-height: 1.1vw;
        color: inherit;
        text-align: left;
        vertical-align: middle;
        padding: 0 1em 0 1em;
        border-collapse: collapse;
        border-spacing: 0;
        border: 0.1em solid black;
    }

    .border_none {
        border: none;
    }

    .align_right {
        font-family: inherit;
        font-size: inherit;
        line-height: 1.1vw;
        color: inherit;
        text-align: right;
        vertical-align: middle;
        padding: 0 1em 0 1em;
        border-collapse: collapse;
        border-spacing: 0;
        border: 0.1em solid black;
    }

    .align_center {
        font-family: inherit;
        font-size: inherit;
        line-height: 1.1vw;
        color: inherit;
        text-align: center;
        vertical-align: middle;
        padding: 0 1em 0 1em;
        border-collapse: collapse;
        border-spacing: 0;
        border: 0.1em solid black;
    }

    .tpctc_h1, tpctc_H1, .tpctc_h1 {
        font-family: inherit;
        font-size: 1.4vw;
        line-height: 1.6vw;
        color: inherit;
        font-weight: bold;
        padding: 1.0em 0 0 0;
    }

    .tpctc_h2, tpctc_H2, .tpctc_h2 {
        font-family: inherit;
        font-size: 1.0vw;
        line-height: 1.2vw;
        color: inherit;
        font-weight: normal;
        padding: 1.0em 0 0 0;
    }

    bm_details_subheader, .bm_details_subheader {
        font-family: inherit;
        font-size: inherit;
        line-height: 0.85rem;
        color: #c90; /* Gold */
        background-color: #ddd;
        font-weight: bold;
        padding: 1em 0 0.3em 0;
    }

    bm_details_line_header, .bm_details_line_header {
        color: #eee;
        background-color: #69C;
        font-family: inherit;
        font-size: inherit;
        font-weight: bold;
        text-align: left;
        padding: 0.2em;
        border: 0.1em solid black;
    }

    bm_details_line_content, .bm_details_line_content {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        color: #369; /* blue */
        text-align: right;
        font-weight: normal;
        border: 0.1em solid black;
        padding: 0.1em 0.3em 0.1em 0.4em;
    }

    .center, center {
        text-align: center;
    }

    .ul, ul {
        padding: 0 0 0 1.5em;
    }

    .ol, ol {
        padding: 0 0 0 1.5em;
    }

    .no_border, no_border {
        border: none;
    }

    .w3c_cert {
        width: 25%;
        float: left;
        margin: 0 0 0 0;
    }

    .standard_certification {
        width: 2.5vw;
        display: inline;
        margin: 0 0.3vw 0 0;
        float: left;
    }

    .copyright {
        width: 50%;
        font-family: inherit;
        font-size: 0.65vw;
        line-height: inherit;
        color: #369;
        text-align: center;
        display: inline;
        float: none;
        background-color: white;
    }

        .copyright a:link {
            width: 75%;
            font-family: inherit;
            font-size: 0.65vw;
            line-height: inherit;
            color: #369;
            text-align: center;
            text-decoration: underline;
            display: inline;
            float: none;
        }

    .social_networks {
        width: 10%;
        float: right;
        margin: 0 0 0 0;
    }

    .socialmedia {
        width: 2.5vw;
        display: inline;
        margin: 0 0.3vw 0 0;
        float: left;
    }

    .socialmedia_r {
        width: 2.0vw;
        display: inline;
        margin: 0 0.3vw 0 0;
        float: right;
    }

    div.box-header {
        background: white;
        height: 16vw;
        width: 100%;
        left: 1%;
        border: none;
        position: relative;
    }

    .box1 {
        float: left;
        width: 100%;
        padding: 5px;
        border-collapse: collapse;
        border-spacing: 0;
    }

    div.box-twitter { /* Twitter*/
        background: white;
        width: 29%;
        height: 25vw;
        top: 2.2vw;
        left: 1%;
        padding: 0px 5px 0px 5px;
        border: 0.1vw solid black;
        border-collapse: collapse;
        position: relative;
    }

    .box2a {
        float: left;
        width: 30%;
        padding: 0.1vw;
        border-collapse: collapse;
        border-spacing: 0;
    }

    div.box-recent-benchmark-activities { /* Recent Activities*/
        background: white;
        height: 25vw;
        width: 69.258%;
        top: 2.2vw;
        left: 1%;
        margin: 0 0 0 0.1vw;
        border: 0.1vw solid black;
        border-collapse: collapse;
        position: relative;
    }

    .box2b {
        float: left;
        width: 70%;
        padding: 0.1vw;
        border-collapse: collapse;
        border-spacing: 0;
    }

    div.box-performance-puls {
        background: white;
        width: 100%;
        left: 1%;
        border: 0.1vw solid black;
        border-collapse: collapse;
        position: relative;
    }

    .box3 {
        float: left;
        width: 100%;
        border-collapse: collapse;
        position: relative;
    }

    div.box-footer {
        background: white;
        width: 100%;
        left: 1%;
        border: none;
        position: relative;
    }

    .clearfix::after {
        content: "";
        clear: both;
        display: table;
    }

    /*** Scroling mission statement on home-screen********************************************************************/
    .tpc_mission {
        height: 2.7vw;
        overflow: hidden;
        position: relative;
        color: #369;
        font-weight: bold;
        vertical-align: middle;
        /* padding: 0 1vw 0.3vw 0;  */
        /* background: #369;
             border: 0.1vw solid black;
             color: #fffeff;    */
    }

        .tpc_mission m3 {
            position: absolute;
            top: 0.7vw;
            width: 100%;
            height: 100%;
            margin: 0;
            line-height: 1vw;
            text-align: left;
            /* Apply animation to this element */
            -moz-animation: tpc_mission 15s ease-out;
            -webkit-animation: tpc_mission 15s ease-out;
            animation: tpc_mission 15s ease-out;
        }

    /* Move it (define the animation) */
    @-moz-keyframes tpc_mission {
        0% {
            -moz-transform: translateX(100%);
        }

        100% {
            -moz-transform: translateX(0%);
        }
    }

    @-webkit-keyframes tpc_mission {
        0% {
            -webkit-transform: translateX(100%);
        }

        100% {
            -webkit-transform: translateX(0%);
        }
    }

    @keyframes tpc_mission {
        0% {
            -moz-transform: translateX(100%); /* Firefox bug fix */
            -webkit-transform: translateX(100%); /* Firefox bug fix */
            transform: translateX(100%);
        }

        100% {
            -moz-transform: translateX(0%); /* Firefox bug fix */
            -webkit-transform: translateX(0%); /* Firefox bug fix */
            transform: translateX(0%);
        }
    }

    /*** Arrows ******************************************************************************************************/
    .arrow {
        vertical-align: middle;
        border: solid white;
        margin: 0.5vw;
        border-width: 0 0.3vw 0.3vw 0;
        display: inline-block;
        padding: 0.3vw;
    }

    .right {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .left {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }

    .up {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }

    .down {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .tpc-banner-with-border tpc-banner-with-border #tpc-banner-with-border {
        border: solid 0.2px #336699;
    }

    /*================================================================================================================================================*/
    /* End of @media only screen  */
    /*================================================================================================================================================*/
    div.test-box-header {
        background: white;
        height: 24vw;
        width: 100%;
        left: 1%;
        border: none;
        position: relative;
    }

    div.test-box-carousel {
        background: white;
        height: 19vw;
        width: 100%;
        vertical-align: baseline;
        left: 1%;
        padding-top: 2vw 0 0 0;
        border: none;
        position: relative;
    }

    .test_box1 {
        float: left;
        width: 100%;
        padding: 5px;
        border-collapse: collapse;
        border-spacing: 0;
    }

    .boxt {
        float: left;
        width: 90%;
        padding: 80px 0 0 80px;
        text-align: center;
        border-collapse: collapse;
        border-spacing: 0;
    }

    .flag {
        width: 2.85vw;
        height: 1.42vw;
        vertical-align: text-bottom;
        background-color: #369;
        margin: 0 6.66vw 0 0;
    }

    .newsletter_row, .anchor_css {
        font-family: inherit;
        color: var(--tpc_blue);
        font-size: 0.9vw;
        font-weight: bold;
        text-decoration: none;
    }

    .recent_results_row, .anchor_css {
        font-family: inherit;
        color: var(--tpc_blue);
        font-size: 0.9vw;
        font-weight: bold;
        text-decoration: none;
    }
}
/*================================================================================================================================================*/
/*  EOF - End of css file   */
/*================================================================================================================================================*/