/* Additional content for the supplier and academic access pages. */
.supplier-access .signin-welcome { background: linear-gradient(135deg, #143c49, #1d5b64); }
.supplier-access .signin-welcome h1 { margin-top: 18px; }
.supplier-services { display: flex; flex-direction: column; margin-top: 22px; }
.supplier-services a { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid #b9dfe329; color: #e0f0f3; font-size: 12px; }
.supplier-services a > .fa { width: 17px; color: #99d9d7; }
.supplier-services a > span:last-child { margin-left: auto; }
.supplier-services a:hover { color: #fff; background: #ffffff0b; }
.academic-access .signin-welcome { background: linear-gradient(135deg, #252f50, #41476c); }
.academic-access .signin-welcome h1 > span { color: #c5c5ed; }
.academic-browse { display: inline-flex; align-items: center; gap: 22px; padding: 11px 16px; border: 1px solid #bfc8e55c; border-radius: 6px; color: #eef0ff; font-size: 12px; }
.academic-browse:hover { color: #fff; background: #ffffff0c; }
.access-confirmation { display: block; text-align: center; font-size: 11px; color: #3d668a; margin-top: 14px; }
.access-confirmation:hover { text-decoration: underline; }
.academic-courses { margin-top: 30px; scroll-margin-top: 20px; }
.academic-heading { display: flex; justify-content: space-between; align-items: end; gap: 15px; margin-bottom: 18px; }
.academic-heading h2 { font-size: 24px; font-weight: 650; letter-spacing: -.5px; margin-top: 5px; }
.academic-heading > p { font-size: 12px; color: #6f8092; }
.academic-filters { display: grid; grid-template-columns: 1fr 1.2fr 1.2fr auto; align-items: end; gap: 16px; background: #fff; padding: 20px; border: 1px solid #dfe6ed; border-radius: 10px; }
.academic-filters > div, .academic-filters fieldset { min-width: 0; }
.academic-filters label, .academic-filters legend { font-size: 11px; color: #3b5369; font-weight: 600; margin: 0 0 7px; }
.academic-filters legend { padding: 0; border: 0; line-height: inherit; }
.academic-filters .form-control { width: 100%; height: 40px !important; padding: 8px 10px !important; border: 1px solid #d7e0e9; border-radius: 6px !important; box-shadow: none; font-size: 12px; }
.academic-filters .form-control:focus { border-color: #397bac; box-shadow: 0 0 0 3px #397bac17; }
.academic-filters fieldset { margin: 0; padding: 0; border: 0; }
.academic-radios { display: flex; align-items: center; gap: 9px; min-height: 40px; flex-wrap: wrap; }
.academic-radios label { display: flex; align-items: center; gap: 5px; margin: 0; font-size: 11px; font-weight: 400; cursor: pointer; }
.academic-radios input { margin: 0; accent-color: #41476c; }
.academic-filters .btn { height: 40px; padding: 8px 15px; background: #194b70; border-color: #194b70; border-radius: 6px; font-size: 12px; }
.course-status { color: #697d90; font-size: 13px; padding: 15px 0; }
.course-status:empty { padding: 0; }
.academic-courses #containerCursos { margin-top: 15px; }
.academic-courses .box { border: 1px solid #dfe6ed; border-radius: 10px; box-shadow: none; overflow: hidden; }
.academic-courses .box-body { padding: 16px 20px; }
.academic-courses .box-footer { background: #f0f4f8; padding: 14px 20px; font-size: 12px; }
.academic-courses .box-footer .btn { border-radius: 5px; padding: 6px 12px; }
@media (max-width: 900px) { .academic-filters { grid-template-columns: 1fr 1fr; } .academic-heading { align-items: start; flex-direction: column; gap: 8px; } }
@media (max-width: 767px) {
   .supplier-access .signin-welcome { order: 2; }
   .supplier-access .signin-form-panel { order: 1; }
   .supplier-services a { min-height: 44px; }
   .academic-browse { margin-top: 17px; }
   .academic-filters { padding: 17px; gap: 15px; }
   .academic-filters .form-control { font-size: 16px; }
   .academic-filters > div { grid-column: 1 / -1; }
   .academic-courses .box-footer .text-center { text-align: left; margin: 8px 0; }
   .academic-courses .box-footer .pull-right { float: none !important; }
}
@media (max-width: 420px) { .academic-filters { grid-template-columns: 1fr; } .academic-filters .btn { width: 100%; } }