header { height: 125px; }#header-logo { height: 100px; margin-top: 5px; }.navbar-default { height: 125px; background: white; border-radius: 0; border: none; border-bottom: 5px solid #ffd200; box-shadow: none; }.navbar-default .container { position: relative; }.navbar-default .navbar-right a { color: #333 !important; text-shadow: none !important; font-size: 0.9em; }.navbar-default .navbar-right a i { color: #333 !important; }#header-text { line-height: normal; margin-top: 43px; margin-left: 15px; border-left: 1px solid #ddd; padding-left: 20px; }@media (max-width: 414px) { header .navbar-right { margin-top: 50px; }#header-text { margin-left: 10px; padding-left: 10px; font-size: 20px; }#header-logo { height: 100px; } }@media (max-width: 380px) { header .navbar-right { margin-top: 50px; }#header-text { margin-left: 5px; padding-left: 5px; font-size: 20px; }#header-logo { height: 70px; } }footer { background-color: transparent; font-size: .9em !important; color: black; border-top: 1px solid #000000; }footer a { color: black; text-decoration: underline; }footer a:hover { color: black; }body { background-color: transparent; color: #333; }#main-content h1 { color: black !important; }#main-content h3 { color: black; font-size: 1.5em; }#main-content h3 a.uas-help { font-size: 0.9em; }#main-content .container { background-color: transparent; padding-top: 0; }#pre-apply-filter-form label { color: #333; }a { color: #000000; }.caret { color: #036f9d; }.navbar-fixed-bottom { background-color: #ebebeb !important; }.ref-pin-label { width: 200px !important; }.well { background-image: none !important; background-color: #FCFCFC; box-shadow: none; }.pref-item-heading div, .course-item-heading div { font-weight: normal !important; }.pref-item .course-desc, .course-item .course-desc { font-weight: bold !important; }.domain-doc-name .text-bold { font-weight: normal !important; }#qual-add-menu .qual-add-types { width: 98% !important; }#qual-add-menu .qual-add-types .qual-type-help { font-size: 0.95em; }.btn-danger { color: #FFFFFF; background-color: #000000; border-color: #000000; font-weight: bold; }.btn-danger:hover, .btn-danger:focus, .btn-danger:active { color: #000000; background-color: #ffd200; border-color: #000000; font-weight: bold; }.btn-default { color: #000000; background-color: #FFFFFF; border-color: #000000; }.btn-default:hover, .btn-default:focus, .btn-default:active { color: #000000; text-shadow: none; background-color: #ffd200; border-color: #000000; }@font-face { font-family: 'Roboto Regular'; src: url("../../../fonts/acpe/Roboto-Regular.ttf") format("truetype"); }@font-face { font-family: 'Roboto Medium'; src: url("../../../fonts/acpe/Roboto-Medium.ttf") format("truetype"); }@font-face { font-family: 'Roboto Bold'; src: url("../../../fonts/acpe/Roboto-Bold.ttf") format("truetype"); }html { font-size: 100%; }body { font-family: "Roboto Regular", sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }h1, h2, h3, h4, h5, h6 { font-family: "Roboto Bold", sans-serif; color: #57585A; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }.form-control, .btn { font-size: 14px; }#progress-tracker .step-description { font-family: "Roboto Medium", sans-serif; font-size: 1.5em; }#preferences .action-button { font-family: "Roboto Bold", sans-serif !important; }#qualifications h4 { font-family: "Roboto Bold", sans-serif !important; }.brand-name { font-family: "Roboto Bold", sans-serif; display: inline-block; background-color: #C1D42C; color: #033156; padding: 5px 10px; }@media (max-width: 1024px) { #progress-tracker .step-description { font-size: 1.1em; } }#top-nav { background-color: #ffd200; margin-bottom: 5px; border-bottom: 5px solid #ffd200; }#top-nav .container { padding: 0 10px; background-color: #ffd200; }#top-nav ul:before { content: ""; }#top-nav ul li a { text-transform: uppercase !important; font-size: 1em; font-weight: 900; color: black; padding: 15px 25px; }#top-nav ul li a:hover { background-image: linear-gradient(#000000, #000000); color: white !important; text-decoration: none; }#top-nav ul li.active a { background-image: linear-gradient(#000000, #000000); color: white !important; }#top-nav .nav-pills > li + li { margin-left: 0; }#top-nav a:before { font-family: "Ionicons"; margin-right: 5px; font-size: 1.5em; }#top-nav a.nav-dashboard:before { content: "\f448"; }#top-nav a.nav-pd:before { content: "\f213"; }#top-nav a.nav-quals:before { content: "\f357"; }#top-nav a.nav-prefs:before { content: "\f453"; }#top-nav a.nav-docs:before { content: "\f12f"; }#top-nav a.nav-questionnaires:before { content: "\f376"; }.pref-item .course-desc, .course-item .course-desc { font-weight: bolder !important; }.filters-row { margin: 15px 0; }.filters-row .filters-container { margin-top: -5px; padding: 10px 10px 15px 10px; background-color: aliceblue; }.filters-row .filters-container multi-select { margin-left: 0; margin-right: 0; }.filters-row .filters-container select-fos { margin-left: 0; margin-right: 15px; }#pref-search-text { margin-left: 5px; margin-right: 25px; display: inline-block; width: auto; min-width: 50%; }@media (max-width: 767px) { .inst-select, .fos-select { margin-bottom: 10px; }#pref-search-text { min-width: 90%; }#preferences #apply-floating-bar button { margin-top: 0; } }@media (max-width: 320px) { #preferences #apply-floating-bar button { margin-top: 10px; } }#progress-tracker { background-color: transparent; }#progress-tracker .step-container { width: 25%; padding-top: 10px; padding-bottom: 10px; }#progress-tracker .step-num { float: left; height: 50px; width: 50px; border-radius: 25px; line-height: 50px; font-family: "Montserrat-Regular", sans-serif; font-size: 22px; text-align: center; background-color: #eaeaea; color: lightgrey; margin-left: 35%; }#progress-tracker .step-num a { color: white; text-decoration: none; }#progress-tracker .step-description { position: absolute; top: 0; left: -10px; bottom: auto; right: 0; width: 100%; text-align: center; margin-left: 2%; font-size: 18px; font-weight: 500; white-space: nowrap; }#progress-tracker .step-description.active { font-size: 14px; }#progress-tracker .step-container { padding-top: 40px; padding-left: 10px; }#progress-tracker .step-container.active .step-num { background-color: #ffd200; font-weight: bold; }#progress-tracker .step-container.active .step-num a { color: black !important; text-decoration: none; }#progress-tracker .step-container.active .step-description { color: inherit; }#progress-tracker .step-container.active .step-next { color: black; }#progress-tracker .step-container.active.current .step-num { background-color: black; }#progress-tracker .step-container.active.current .step-num a { color: #ffd200 !important; text-decoration: underline; }@media (max-width: 1024px) and (min-width: 768px) { #progress-tracker .step-container { padding-right: 0; }#progress-tracker .step-container .step-next { margin-left: 10px; vertical-align: middle; float: none; } }#social-login-container .social-login-button { width: 100%; margin-bottom: 10px; }#registration-form .row { margin-bottom: 10px; }#or-login-with-email { margin-bottom: 20px; }#or-login-with-email p { display: inline-block; padding: 5px 10px; background: #EEEEEE; }#or-login-with-email:after { content: ""; background-color: #ccc; height: 1px; width: 100%; display: block; margin-top: -25px; }@media (max-width: 320px) { .form-control { padding: 6px; } }