/*
Color Scheme:
-----------------------------------------
solid highlight blue: #0078d7
solid blue: #0373b3
solid LtBlue: #cad8eb
solid ltblue border: #80afef
solid green: #46c146
solid hot pink: #ff4081

*/

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");


body {
    background-image: url("/img/P1020086b.JPG");
    background-color: #cccccc;
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hm_hdr {
    color: #303030;
    font-size: 2.3em;
    font-weight:600;
    font-family: "Open Sans", sans-serif;
    padding: 25px;
    border: solid 0px #00ffff;
}

.kl-tdz {
    border: solid 0px #00ffff;
    height:400px;
    padding-top:100px;
}

.dv-LogPage {
    border: solid 0px #00ffff;
    text-align: center;
    color: dimgray;
    height: 99%;
}


.dv-footer {
    border: solid 0px #00ffff;
    text-align: center;
    color: aliceblue;
}


.tnTitlePort {
    float: left;
    width: 162px;
    font-weight: bold;
    padding: 3px;
    margin: 3px;
    margin-bottom: 17px;
    border: solid 0px #cad8eb;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .tnTitlePort:hover {
        background-color: #cdb2c6;
        border: 0px solid #cdb2c6;
    }

        .tnTitlePort:hover a {
            color: #fff;
            display: block;
        }

    .tnTitlePort a {
        display: block;
        height: 219px;
    }


.GridStyleHomePage {
    border: 0px solid #0373b3; /* rgb(217, 231, 255); #0373b3*/
    background-color: White;
    font-family: arial;
    line-height:22px;
    border-collapse: collapse;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-radius: 4px;
}

    .GridStyleHomePage tr {
        color: Black;
        height: 23px;
        margin-bottom: 25px;
    }

    .GridStyleHomePage th {
        background-color: #0373b3; /* rgb(217, 231, 255); */
        border: none;
        font-weight: 300;
        font-size: 1.2em;
        padding: 2px;
        color: #FFFFFF;
    }
    /* Your grid header link style */
    .GridStyleHomePage tr th a, .GridStyleHomePage tr th a:visited {
        color: darkgray;
    }

    .GridStyleHomePage tr th, .GridStyleHomePage tr td table tr td {
        border: none;
    }

    .GridStyleHomePage td {
        /* border-bottom: 1px solid rgb(217, 231, 255); */
        border: 1px solid rgb(255, 255, 255);
        padding: 5px;
        padding-left: 5px;
        font-size: 1.2em;
        border-radius: 3px;
        margin-bottom: 25px;
    }


.GridStyle_ppoc {
    border: 0px solid #0373b3; /* rgb(217, 231, 255); #0373b3*/
    background-color: White;
    font-family: arial;
    border-collapse: collapse;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-radius: 4px;
}

    .GridStyle_ppoc tr {
        color: Black;
        height: 23px;
    }

    .GridStyle_ppoc th {
        background-color: #0373b3; /* rgb(217, 231, 255); */
        border: none;
        font-weight: 300;
        font-size: 1.2em;
        padding: 2px;
        color: #FFFFFF;
    }
    /* Your grid header link style */
    .GridStyle_ppoc tr th a, .GridStyle_ppoc tr th a:visited {
        color: darkgray;
    }

    .GridStyle_ppoc tr th, .GridStyle_ppoc tr td table tr td {
        border: none;
    }

    .GridStyle_ppoc td {
        /* border-bottom: 1px solid rgb(217, 231, 255); */
        border: 1px solid rgb(255, 255, 255);
        padding: 5px;
        padding-left: 5px;
        font-size: 1.2em;
    }

.clsVer {font-size:small;color:cornflowerblue
}


.tmaps_stats th h1 {
        font-weight: bold;
        font-size: 1em;
        text-align: left;
        color: #185875;
    }

    .tmaps_stats td {
        font-weight: normal;
        font-size: 1em;
        -webkit-box-shadow: 0 2px 2px -2px #0E1119;
        -moz-box-shadow: 0 2px 2px -2px #0E1119;
        box-shadow: 0 2px 2px -2px #0E1119;
    }

.tmaps_stats {
    text-align: left;
    overflow: hidden;
    width: 80%;
    margin: 0 auto;
    display: table;
    padding: 0 0 8em 0;
}

    .tmaps_stats td, .tmaps_stats th {
        padding-bottom: 2%;
        padding-top: 2%;
        padding-left: 2%;
    }

    /* Background-color of the odd rows */
    .tmaps_stats tr:nth-child(odd) {
        background-color: #FFFFFF;
    }

    /* Background-color of the even rows */
    .tmaps_stats tr:nth-child(even) {
        background-color: #FAFAFA;
    }

    .tmaps_stats th {
        background-color: #FFFFFF;
    }

    .tmaps_stats td:first-child {
        color: #0E1119;
    }

    .tmaps_stats tr:hover {
        background-color: #464A52;
        -webkit-box-shadow: 0 6px 6px -6px #0E1119;
        -moz-box-shadow: 0 6px 6px -6px #0E1119;
        box-shadow: 0 6px 6px -6px #0E1119;
    }