fieldset {
    margin-bottom: 8px;
}

.jumbo {
    font-weight: bold;
    font-size: 36px;
    color: #0c0c0c;
}

/* Bootstrap undos */
label
{
    font-weight: normal;
    display: inline;
}

.newfooter {
    background-color: #333333;
    padding-top:10px;
    margin-top: 25px;
}

.BootstrapHidden {
    display: none;
}

/* @note : data and datalist are duplicates because of bad planning of css classes */
/* Only applies when BootStrap table class is not set. */
table.data:not(.table) td, table.datalist td {
    padding:5px;
}

/* nth child is css 3 */
/* Only applies when BootStrap table class is not set. */
.data:not(.table) tr:nth-child(odd), .dojoxGridRowOdd, .list_odd:not(.table) { background-color : white ; }
.data:not(.table) tr:nth-child(even), .dojoxGridRow, .list_even:not(.table) { background-color : rgb(220,221,210);  }

/* Only applies when BootStrap table class is not set. */
.list_footer .data:not(.table) { background-color: #bbbbbb !important; }

/* Only applies when BootStrap table class is not set. */
.data:not(.table) tr:first-child { background: rgb( 210,210,210) !important; }

/* Bogus tundra dojo CSS undo */
.tundra .dijitComboBox .dijitButtonNode {
    padding: 0.1em 0.2em 0.2em 0.2em;
}

/* Bootstrap grid customizations
Remembser that row margins should match col padding and container padding.
Otherwise, the row width will vary depending on column count and horizontal scrollbars may appear
@note: it seems necessary to overlap the max-width with the next min-width to ensure that there are no single pix width "holes" in the styling.
*/

@media only screen and (min-width: 1px) and (max-width: 768px)
{
    div[class*="col-"]{ padding-left:3px; padding-right:3px;}
    .row{ margin-left:-3px; margin-right:-3px; }
    #content.container-fluid{ padding-left:3px; padding-right:3px;}
}

@media only screen and (min-width: 768px) and (max-width: 992px)
{
    div[class*="col-"]{ padding-left:5px; padding-right:5px;}
    .row{ margin-left:-5px; margin-right:-5px; }
    #content.container-fluid{ padding-left:5px; padding-right:5px;}
}
/* Medium devices (desktops, 992px and up) */

@media only screen and (min-width: 992px) and (max-width: 1200px)
{
    div[class*="col-"]{ padding-left:10px; padding-right:10px;}
    .row{ margin-left:-10px; margin-right:-10px; }
    #content.container-fluid{ padding-left:10px; padding-right:10px;}
}
/* Large devices (large desktops, 1200px and up) */
/* use bootstrap default 15px so you don't need this */

/* add row-no-padding class for every row that you want no padding on will affect first level of columns */
.row.row-no-padding { margin-left:0px; margin-right:0px; }
.row-no-padding div[class*='col-']{ padding-left:0px; padding-right:0px;}