/* Additions for the ASP.NET Core version of the application site. */

/* bootstrap 3 has no RTL grid: float the columns to the right (the old site loaded bootstrap-rtl from a CDN that no longer exists) */
html[dir="rtl"] [class*="col-"] { float: right; }
body { background: #fff; color: #333; }
.page-section { padding-top: 40px; }

.lookup-btn { padding: 10px 20px; color: #773135; font-weight: bold; border: 1px solid #aaa;
              box-shadow: 0 4px 11px rgba(0,0,0,.32); }

/* the header shows the university logo (Mlogo.png) */
#Mlogo { background: url(../img/Mlogo.png) no-repeat center / contain; }

.form-section { margin: 25px 0 10px; text-align: center; font-size: 120%; font-weight: bold; clear: both; }
.circle { padding: 0 10px; margin: 0 10px; border-radius: 50px; background-color: #2c3e50; color: #fff; }

.choose-list { margin: 10px 0 20px; }
.choose-list select { font-size: 110%; }

.form-block label { display: block; margin: 12px 0 4px; font-weight: normal; color: #333; }
.form-block .help { color: #777; font-size: 85%; }

.validation-box { color: #a94442; }
.validation-box ul { padding-right: 20px; list-style: disc; }

.submit-btn { padding: 10px 20px; color: #333; font-weight: bold; float: left; margin-top: 15px; }

.done-box { text-align: center; }
.done-box img { margin-bottom: 10px; }

@media (max-width: 767px) {
    .jumbotron { padding: 2rem 1rem 3rem; }
    html[dir="rtl"] [class*="col-"] { float: none; }
}