/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.BodyContentSplashPage{
    margin-left:10em;
    margin-right:10em;
    /*background-color:darkred;*/
}
/*.container {
    margin-left: 5px;
    margin-right: 5px;
}*/
/* Set widths on the form inputs since otherwise they're 100% wide */
/*input,
select,
textarea {
    max-width: 280px;
}*/
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

.rexGrid {
     background-color: white;
     border-color: black;
     border-style: solid;
     border-width: 1px;
     /*height: 100%;
     width: 100%;*/
     font-family: Tahoma;
     font-size: smaller;
     text-align: center;
     vertical-align: top;
    
}

    .rexGrid td {
        vertical-align: top;    /** i need this to make this rule explicit for some stupid reason **/
    }

  /*.rexGrid th {
      background-color: yellow;
      position: fixed;
}*/

/*.HeaderFreez {
    position: relative;
    top: expression(this.offsetParent.scrollTop-50);
    z-index: 10;
}*/ 

/*.rexGridHeader {
    font-size: large;
    font-weight: 500;
}*/

/*.rexGridHeader {
    position:static;
    color:black;
}*/

/*.subsToolWidMatched {
    color:green;
}

.subsToolWidNoMatch {
    color: firebrick;
}*/

.Top3 {
    background-color:midnightblue;
    color: white;
    font-family: Tahoma;
}

    .Top3 td .subsToolWidMatched {
        color: lightgreen;
    }

    .Top3 td .subsToolWidNoMatch {
        color: #ffc800;
    }

.Mid3 {
    background-color: royalblue;
    color: white;
    font-family: Tahoma;
}

    .Mid3 td .subsToolWidMatched {
        color: lightgreen;
    }

    .Mid3 td .subsToolWidNoMatch {
        color: #ffc800;
    }

.Bottom3 {
    background-color: white;
    color: black;
    font-family: Tahoma;
}

    .Bottom3 td .subsToolWidMatched {
        color: green;
    }

    .Bottom3 td .subsToolWidNoMatch {
        color: firebrick;
    }


.Top5 {
    background-color: midnightblue;
    color: white;
    font-family: Tahoma;
}

    .Top5 td .subsToolWidMatched {
        color: lightgreen;
    }

    .Top5 td .subsToolWidNoMatch {
        color: #ffc800;
    }

.TopMid5 {
    background-color: royalblue;
    color: white;
    font-family: Tahoma;
}

    .TopMid5 td .subsToolWidMatched {
        color: lightgreen;
    }

    .TopMid5 td .subsToolWidNoMatch {
        color: #ffc800;
    }

.Mid5 {
    background-color: dimgray;
    color: white;
    font-family: Tahoma;
}

    .Mid5 td .subsToolWidMatched {
        color: lightgreen;
    }

    .Mid5 td .subsToolWidNoMatch {
        color: #ffc800;
    }

.BotMid5 {
    background-color: silver;
    color: black;
    font-family: Tahoma;
}

    .BotMid5 td .subsToolWidMatched {
        color: green;
    }

    .BotMid5 td .subsToolWidNoMatch {
        color: firebrick;
    }

.Bottom5 {
    background-color: white;
    color: black;
    font-family: Tahoma;
}

    .Bottom5 td .subsToolWidMatched {
        color: green;
    }

    .Bottom5 td .subsToolWidNoMatch {
        color: firebrick;
    }

.uhToolHeaderBox {
    width: 5000px;
}

.subToolHeaderRow {
    /*position: absolute;*/
    /*position:fixed;*/
    /*position: sticky ;*/
    font-weight: bold;
}

.uhToolGrids {
    height: 500px;
    width: 5000px;
    overflow: auto;
    background-color: transparent;
}

th.w100, td.w100 {
    width: 100px;
    max-width: 100px;
    word-wrap: break-word;
    padding: 1px 1px 1px 1px;
    margin: 1px 1px 1px 1px;
    border: 1px thin;
}

th.w250, td.w250 {
    width: 250px;
    max-width: 250px;
    word-wrap: break-word;
    padding: 1px 1px 1px 1px;
    margin: 1px 1px 1px 1px;
    border: 1px thin;
}

th.w75, td.w75 {
    width: 75px;
    max-width: 75px;
    word-wrap: break-word;
    padding: 1px 1px 1px 1px;
    margin: 1px 1px 1px 1px;
    border: 1px thin;
}

th.w125, td.w125 {
    width: 125px;
    max-width: 125px;
    word-wrap:break-word;
    padding: 1px 1px 1px 1px;
    margin: 1px 1px 1px 1px;
    border: 1px thin;
}


.rexBox {
    /*
    padding: 50px;
    background-color: lawngreen;
    */
    height: 1400px;
    width: 8000px;
    overflow: auto;
    /*text-align: center;
     vertical-align: top;*/
}

/*.ManualHeaderRow {
    position: relative;
    width:6000px;
    background-color: yellow;
     font-family: Tahoma;
     font-size: large;
     font-weight: bold;
     text-align: center;
     vertical-align: top;
}*/

/*.ManualHeaderRow th {
    border-color: black;
     border-style: solid;
     border-width: 1px;
}
    */

.radioBit {
    width: 185px;
    display:inline-block;
}

.centerize {
    vertical-align: middle;
}

.bitOfPadding {
    padding-bottom: 5px;
    
}

.RexTopPart {
    width:2000px;
}

.All { width: 29px; }
.CountyName { width: 100px;  } /* color: deepskyblue; */
.InternalReportName { width: 163px; }
.ReportDisplayName { width: 163px; }
.InternalTablixName { width: 163px; }
.TablixDisplayName { width: 163px; }
.TablixDescription { width: 300px; }
.TablixHeaderText { width: 300px; }
.TablixSpecifications { width: 300px; }
.TablixGranularity { width: 117px; }
.TablixFormatInstructions { width: 300px; }
.TablixOrderLtoR { width: 100px; }
.TablixStatus { width: 100px; }
.TablixColumnName { width: 240px; }
.TablixColumnDescription { width: 300px; }
.TablixColumnFormatInstructions { width: 300px; }
.TablixColumnOrderLtoR { width: 100px; }
.TablixColumnNotes { width: 300px; }
.TablixColumnStatus { width: 100px; }
.TablixColumnDatasetReportColumnName { width: 350px; }
.TablixColumnBaseDatasetColumnNameDatasetName { width: 350px; }
.TablixColumnBaseDatasetColumnParameters { width: 350px; }
.TablixColumnBaseDatasetColumnSpecifications { width: 350px; }
.TablixColumnCoreDatasetName { width: 350px; }
.TablixColumnCoreDatasetParameters { width: 350px; }