body {
    /* padding: 70px 20px 20px; */
}

footer {
    text-align: center;
    margin-top: 1em;
    clear: both;
}

h2.page-title {
    margin: 0.5em 0;
}

/**
 * Layout
 */
h1.layout_title {  }
h1.layout_title a { text-decoration:none; font-weight:bold; }

#middle_container { }
#content-container {
    padding: 20px;
}
#content-container.view-type-entry { text-align: center; }
#content-container.view-type-entry #content { text-align: left; margin: auto; max-width: 400px; }

/**
 * Form layout
 */
div.form_row { overflow:visible; margin-bottom:0.7em; }
div.form_row div.form_label { float:left; width:200px; text-align:right; margin-right:8px; }
div.form_row div.form_label label {  }
div.form_row div.form_data { margin-left:208px; }
div.button_row { margin-left:208px; }
div.button-row { margin-top:1.5em; text-align:right; overflow:auto; }
div.button-row.form_row { margin-top:0; margin-bottom:1.5em; }
div.button-row .btn-default { float:left; }

/**
 * Controls
 */
a.subtle { color:#999; font-size:0.8em; text-decoration:none; }
a.subtle:hover { text-decoration:underline; }
input[type=date], input[type=month] { -webkit-appearance:none; }

.form-control { background-color:#5d5d5d; color:#d5d5d5; }
.form-control:focus { background-color:#7d7d7d; color:#f1f1f1; border-color:#37af7f; }

/**
 * Utilities
.error { color:red; }
p.error { padding:10px; border:1px solid red; background-color:#FFEFEF; border-radius: 0.5em; }
tr.header_row th { background-color:#444; color:#FFF; padding:5px; }
tr.zebra_even td { background-color:#FFFFFF; }
tr.zebra_odd td { background-color:#EEEEEE; }
 */
.hidden { display:none !important; }
.clearfix:after {
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

/**
 * Bootstrap Overrides
 */
:root {
    --bs-body-color: rgba(218,218,218,1);
}
table.table {
    color: rgba(218,218,218,1);
}

/**
 * Individual Pages
 */

/** Login! **/
.reset_password { float:left; margin-top:20px; }
#login_wrapper { text-align:center; }
#login_container { margin:40px auto; width:400px; border:1px solid #777; border-radius:20px; -webkit-border-radius:20px; background:#EFEFEF; background:-moz-linear-gradient(top, #FFFFFF, #DDDDDD); text-align:center; overflow:hidden; }
#login_container input { display:block; margin:1em auto; width:344px; padding:8px; font-size:1.4em; border:1px solid #777; border-radius:6px; }
#login_container div.button_row { margin:0 25px 15px; padding:0; text-align:right; }
#login_container p {
    color: #333;
    margin: 2rem 1rem;
}


/** ---- Media: iPhone 5 landscape ---- **/
@media (max-width: 568px) {
    body {
        padding: 0;
    }
}