/*body { padding-top: 50px; padding-bottom: 20px; }*/

/* Set padding to keep content from hitting the edges */
/*.body-content { padding-left: 15px; padding-right: 15px; }*/

/*/* Set width on the form input elements since they're 100% wide by default */
/* styles for validation helpers */
.field-validation-error { color: #b94a48; }

.field-validation-valid { display: none; }

input.input-validation-error { border: 1px solid #b94a48; }

input[type="checkbox"].input-validation-error { border: 0 none; }

.validation-summary-errors { color: #b94a48; }

.validation-summary-valid { display: none; }

/*.dl-horizontal dt { width: 300px; }*/


#loading { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; }

ul.nav.nav-tabs li.active a { background-color: #ecf0f5 }

.tab-pane.active { background-color: #ecf0f5 }

div.tab-content { clear: both; background: #ecf0f5 }

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white */
.loadingmodal { display: none; position: fixed; z-index: 9999; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .8 ); }

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .loadingmodal { overflow: hidden; }

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loadingmodal { display: block; }