@CHARSET "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Sacramento');

body {
    background: #444;
    color: #333;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
}

div#outer-container {
    width: 98%;
    max-width: 1400px;
    min-height: 100%;
    background: #fff;
    padding: 0 10px;
    margin: 0 auto;
}

div#header-container {
    padding: 20px 10px;
}

div#header-top { padding: 0; background: #3b3737; }
div#header-top div { padding: 0; background: #3b3737; }

div.header-footer {
    clear: both;
    min-height: 84px;
    color: #fff;
    background: #3b3737;
    line-height: 84px;
    margin: 0 auto;
}

div.header-footer a {
    color: #fff;
}

div#header-top div#header-phone {
    line-height: 84px;
    color: #fff;
    margin: 0;
}

div#header-top div#header-email {
    line-height: 80px;
    color: #fff;
    margin: 0;
}

div#header-search {
    min-width: 100px;
    height: 100px;
    background: #9dd3df !important;
}

div#header-search a.search {
    display: block;
    width: 46px;
    height: 36px;
    line-height: 100px;
    background: #9dd3df url(/images/hwu/hwu_sprite.png) no-repeat 0 0;
    margin: 32px auto;
}

div#header-register { border-left: 1px #75787b solid; }

div#header-signin,
div#header-register,
div#top-login { font-size: 2rem; line-height: 100px; }

div#header-register div.icon,
div#header-signin div.icon, 
div#top-login div.icon {
    float: left;
    width: 32px;
    height: 34px;
    background: #75787b url(/images/hwu/hwu_sprite.png) no-repeat -174px -78px ;
    margin: 33px 12px 33px 20px;
}

div#header-signin div.icon, div#top-login div.icon { background: #75787b url(/images/hwu/hwu_sprite.png) no-repeat -208px -78px ; }

div#header-bottom {
    clear: both;
    background: #f7f7f7;
    margin: 0;
}

div#header-navbar ul { width: 100%; }
div#header-navbar li { margin-top: 10px; }
div#header-navbar li div { width: 35px; height: 15px; margin: 20px auto 0; }
div#header-navbar li.active div { background: #f7f7f7 url(/images/hwu/hwu_sprite.png) no-repeat -171px -55px; }
div#header-navbar li a { display: block; font-size: 1.7rem; white-space: nowrap; color: #961e2a; }
div#header-navbar li a:hover { text-decoration: underline; }
div#header-navbar li.active a { background: #961e2a; color: #f7f7f7; }

div#main-container {
    clear: both;
    min-height: 400px;
    margin: 0 10px;
}

div#tail-top {
    color: #f7f7f7;
    background: #444;
    text-align: center;
    padding: 10px;
    margin: 0 10px;
}

div#tail-top p.choose {
    font-size: 2.8rem;
    font-weight: normal;
    margin: 56px 0;
}

div#tail-top div.choose {
    font-size: 2.8rem;
    font-weight: normal;
    margin: 56px 0;
}

div#tail-top p.register {
    font-size: 3.0rem;
    font-weight: bold;
    line-height: 68px;
}

div#tail-top p.register a {
    display: inline-block;
    width: 320px;
    color: black;
    background: white;
    font-size: 28px;
    cursor: pointer;
    padding: 10px 40px;
    margin: 12px 20px;
}

div#tail-top div.register {
    font-size: 3.0rem;
    font-weight: bold;
    line-height: 68px;
    display: inline;
}

div#tail-top div.register a {
    display: inline-block;
    width: 320px;
    color: black;
    background: white;
    font-size: 28px;
    cursor: pointer;
    padding: 10px 40px;
    margin: 12px 20px;
}

div#tail-sponsor {
    color: #333;
    background: #ffffff;
    text-align: center;
    padding: 10px;
    margin: 0 10px;
}

div#tail-sponsor a {
    color: black;
}

div#tail-bottom {
    background: #f7f7f7;
    margin: 0 10px;
}

div#tail-bottom-nav {
    padding: 0 60px;  
}

div#tail-bottom-nav a {
    white-space: nowrap;
    color: #3b3737;
    font-size: 15px;
}

div#tail-bottom-social-buttons {
    clear: right;
    width: 170px;
    height: 32px;
    background: #f7f7f7 url(/images/hwu/hwu_sprite.png) no-repeat -225px -43px;
    padding: 0;
    margin: 0 56px;
}

div#tail-bottom-social-buttons a {
    display: inline-block;
    width: 20px;
    height: 32px;
    cursor: pointer;
    padding: 0;
}

div#tail-bottom-social-buttons a#facebook-link {}
div#tail-bottom-social-buttons a#twitter-link { margin-left: 24px; }
div#tail-bottom-social-buttons a#linkedin-link { margin-left: 24px; }
div#tail-bottom-social-buttons a#feed-link{ margin-left: 24px; }

div#tail-bottom-copyright {
    padding: 40px 60px 0;
}

div#tail-bottom-copyright a {
    color: #75787b;
    font-size: 14px;
}

div#footer-container {
    display: none;
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 84px;
    width: 100%;
    background: #444;
}

div#footer {
    width: 95%;
    max-width: 1600px;
}

div#footer-action {
    float: left;
}

div#footer-register {
    float: right;
    width: 120px;
    height: 40px;
}

div#footer-login {
    float: right;
    width: 120px;
    height: 40px;    
}

div#close-footer {
    float: right;
    width: 20px;
    line-height: 32px;
}

div#close-footer a {
    text-decoration: none;
    cursor: pointer;
}

a#forgot-link, label#remember-me { color: white; line-height: 54px; font-style: italic; font-size: 1.6rem; }
a#forgot-link { text-decoration: underline; }
input#remember { width: 2rem; height: 2rem; margin-right: 8px; }
div#login-register { font-size: 18pt; margin-top: 80px; }
div#login-register-button { margin-top: 20px; }

/* overwrite bootstrap modal styles */
.modal-backdrop.show { opacity: 0.9; }
.modal-dialog a { color: #9dd3df; text-decoration: underline; }
.modal-dialog a:hover { color: #81abb4; }
.modal-dialog { margin-top: 120px; max-width: 98%; margin: 1.75rem auto; }
.modal-content { background-color: transparent; border: none; }
.modal-header, .modal-footer, .modal-body { color: white; border: none; }
.modal-header button.close {
    cursor: pointer;
    font-size: 6rem;
    font-weight: lighter;
    line-height: 54px;
    color: white;
    opacity: 1.0;
    padding: 0; 
    margin: 0;
}
.modal-header.compact button.close { line-height: 48px; }
.modal-header .modal-title { font-size: 40px; font-weight: bold; }
.modal-header.compact .modal-title { font-size: 36px; }
.modal-body p { font-size: 2rem; } 
.modal-body p.fancy { font-family: "Sacramento", sans-serif; font-size: 76px; margin-top: 80px; }
.modal-body input, .modal-body select, .modal-body button.multiselect { font-size: 2rem; padding: 20px; border-radius: 0; margin: 20px 0; }
.modal-body select { margin-top: 0; padding: 0 4px; }
div#credits-container select { color: #333; background: #fff; font-size: 14px; padding: 22px 10px; margin: 20px 0; }
div#credits-container, div#credits-container div.form-group { padding: 0; }
button#add-more-credits { white-space: normal; margin-top: 50px; }

.modal-content button.btn-primary {
    cursor: pointer;
    width: 100%;
    font-size: 3rem;
    font-weight: normal;
    color: #333;
    background: #9dd3df;
    padding: 12px;
    border: none;
    border-radius: 0;
}
.modal-content button.btn-primary-na {
    width: 100%;
    font-size: 3rem;
    font-weight: normal;
    color: #333;
    background: #9dd3df;
    padding: 12px;
    border: none;
    border-radius: 0;
}

.modal-content button.btn-primary:hover { background: #81abb4; }
.modal-content button.btn-secondary {
    cursor: pointer;
    width: 60%;
    font-size: 3rem;
    font-weight: normal;
    color: #fff;
    background: transparent;
    padding: 12px;
    border: #fff 1px solid;
    border-radius: 0;
}
.modal-content button.btn-secondary:hover { background: #4d4848; }
.modal-content div.panel {
    background: #fff;
    color: #333;
    margin-bottom: 4px;
}
.modal-content div.panel-heading {
    background: #f7f7f7;
    color: #333;
    padding: 20px;
}
.modal-content div.panel-heading h4 { margin: 0; }
.modal-content div.panel-heading h4 a { color: #333; }
.modal-content div.panel-heading h4 a { color: #333; }
.modal-content div.panel-body { padding: 20px; }
.modal-content .help-block { font-size: 1.8rem; }
.modal-content div.panel-body .help-block { color: #75787b; }
.modal-content div.panel-body label { font-size: 12pt; text-transform: uppercase; margin-top: 10px; }
.modal-content div.panel-body input { margin-top: 0; }

input#profile-not-aia { margin-right: 8px; }
label.checkbox { white-space: nowrap; }

/* pages */
h2#home-tag-line { font-size: 1.6rem; font-weight: normal; margin: 4px auto 24px; }
h2#home-tag-line span { color: #961e2a; }
div#home-left {}
div#home-right { margin: 0; }
div#home-tab-new button,
div#home-tab-featured button,
div#home-tab-topic button { float: right; cursor: pointer; font-weight: bold; color: #fff; background: transparent; border: 2px #fff solid; border-radius: 0; }
div#home-tab-new { position: relative; height: 335px; color: #fff; }
div#home-tab-new h3 { font-size: 60px; font-weight: bold; }
div#home-tab-new h4 { font-size: 28px; font-weight: normal; }
div#home-tab-new p { float: left; font-size: 18px; }
div#home-tab-new button { height: 60px; }

div#home-tab-featured h3, div#home-tab-topic h3 { font-size: 2.2rem; font-weight: bold; }
div#home-tab-featured h4, div#home-tab-topic h4 { font-size: 1.2rem; font-weight: normal; }
div#home-tab-featured p, div#home-tab-topic p { float: left; max-width: 280px; font-size: 0.9rem; }
div#home-tab-featured button, div#home-tab-topic button { height: 48px; }
div#home-featured-topic { color: #fff; margin-top: 32px; }
div#home-tab-featured { position: relative; width: 100%; height: 272px; margin: 0 0 32px 0; }
div#home-tab-topic { position: relative; height: 272px; margin-bottom: 32px; }
div.featured-topic h3 {}
div.screen { position: absolute; bottom: 0; left: 0; width: 100%; background: url(/images/hwu/home-dimmer.png) repeat 0 0; }

div.home-ad { flex: 0; height: 250px; padding: 0; }
div.home-ad div.ad-wrap { width: 300px; min-width: 300px; overflow: hidden; padding: 0; margin: 0; }
div.container.body-content-container { max-width: 96%; margin: 32px auto; backgrround: pink; }
div.container.last-container { position: relative; margin-bottom: 0px; }
div.body-content h5 { color: #961e2a; font-size: 1.5rem; font-weight: normal; text-transform: uppercase; }
div.body-content h4 { font-size: 3rem; font-weight: bold; text-transform: uppercase; padding: 8px 0; }
div.body-content p { color: #75787b; font-size: 1rem; padding: 4px 0; }
div.body-content-container img.img-fluid { max-width: 400px; }

div#me-top, div#progress-top, div#library-top { width: 100%; height: 314px; text-align: center; color: #fff; background: #fff url(/images/hwu/stock5.jpg) no-repeat -10px 0px; }
div#library-top { background: #fff url(/images/hwu/stock1.jpg) no-repeat -10px -400px; margin-bottom: 20px; }
div#me-top h3, div#progress-top h3 { text-transform: uppercase; font-size: 40px; padding: 48px 0 16px; }
div#progress-top h3 span { font-weight: bold; }
div#progress-top img { margin-top: 40px; }
div#library-top h3 { font-weight: bold; font-size: 40px; padding: 48px 0 8px; }
div#me-top p { width: 320px; line-height: 64px; background: #fff; font-weight: bold; margin: 0 auto; }
div#library-top p { width: 600px; font-size: 14px; color: #fff; margin: 0 auto 8px; }

div#asearch-container nav { padding: 0; }
div#asearch-container button.navbar-toggler { font-size: 2rem; }
div#asearch-container ul.navbar-nav { padding: 0; }
div#asearch-container ul.navbar-nav li.nav-item { padding: 0 12px 2px 0; }
div#asearch-container ul.asearch-list { background: #f7f7f7; width: 960px; padding: 24px 24px 0 24px; border: none; border-radius: 0; margin: 2px 0; }
div#asearch-container ul.asearch-list li { float: left; background: #f7f7f7; width: 300px; padding: 0; margin: 0; }
div#asearch-container ul.asearch-list li label.checkbox { display: block; position: relative; min-height: 54px; font-size: 1.5rem; font-weight: bold; white-space: normal; padding: 0 8px 0 30px; }
div#asearch-container ul.asearch-list li label.checkbox:hover { text-decoration: underline; }
div#asearch-container ul.asearch-list li label.checkbox input { position: absolute; opacity: 0; cursor: pointer; }
div#asearch-container ul a { color: #333; }

div#asearch-container a.dropdown-toggle { white-space: nowrap; background: #f7f7f7; height: 58px; line-height: 58px; min-width: 132px; font-size: 2rem; text-align: left; padding: 0 0 0 12px; border-radius: 0; }
div#asearch-container a.dropdown-toggle span { float: right; width: 20px; height: 20px; background: #f7f7f7 url(/images/hwu/hwu_sprite.png) no-repeat -244px -77px; margin: 19px 4px; }
div#asearch-container li a.dropdown-toggle::after { display: none !important; }
div#asearch-container li.show a.dropdown-toggle span { background: #f7f7f7 url(/images/hwu/hwu_sprite.png) no-repeat -244px -97px; }
form#asearch-form { padding: 0 2px 2px;}
div#asearch-container p.search-results { font-size: 1.5rem; margin: 12px auto 0; }

@include media-breakpoint-up(lg) {
    //div#asearch-container ul.navbar-nav li.nav-item { min-width: 196px; }    
}

div#asearch-container span.checkmark { position: absolute; top: 7px; left: 0; height: 20px; width: 20px; background-color: #fff; border: 1px #333 solid; }
div#asearch-container input:checked ~ span.checkmark { background-color: #961e2a; }

input#asearch-terms { width: auto; padding: 16px; border-color: #333; border-radius: 0; }
div#asearch-submit-container { padding: 0; } 
button#asearch-submit { color: #333; background: #9DD3DF; padding: 17px 12px; border: none; margin-left: 20px; }
button#asearch-submit:hover { background: #81abb4; }

div#me-top p a { color: #000; }
div#me-top img, div#library-top img { padding-top: 16px; }
div#me-bottom { background: #f7f7f7; }
div#me-bottom>div { padding: 0; }
div#me-nav { height: 100%; min-height: 540px; background: #f7f7f7; padding: 0; }
div#me-nav li { min-height: 64px; font-size: 16px; padding: 10px 0; border-bottom: 1px #ddd solid; }
div#me-nav li.active { background: #961e2a; }
div#me-nav li a { color: #333; }
div#me-nav li.active a { color: #fff; }
div#datatable-container { background: #fff; min-height: 540px; }
div#datatable_wrapper { background: #fff; margin: 40px 32px 80px 20px; }
div#datatable_filter { display: none; }
div#datatable-container table#datatable { margin: 0; border: none; border-collapse: collapse !important; }

div#datatable-container tr th, div#datatable-container tr td { border: none; }
div#datatable-container table#datatable tr { text-transform: uppercase; font-size: 11px; font-weight: normal; border-bottom: 1px #aaa solid; }
div#datatable-container table#datatable th.table-cap { font-size: 32px; }
div#datatable-container table#datatable th { background: #fff; }
div#datatable-container table#datatable tbody tr { font-size: 13px; }
div#datatable-container table#datatable td { padding: 24px 0; font-size: 1.5rem; }
div#datatable-container table#datatable th:not(:first-child), div#datatable-container table#datatable td:not(:first-child) { border-left: 1px #aaa solid; }

div#datatable-container td button { width: 32px; font-size: 2rem; padding: 0; margin: 0 4px; background: transparent; }
div#datatable-container td button.launch-button { color: #961e2a; }

div#datatable-container table#datatable tbody td.center-align { text-align: center; }
div.datatable-course-icon { float: left; }
div.datatable-course-icon button { width: 28px; color: #00cd66; }
div.datatable-course-icon button.hwu-course { color: #961e2a; }
tr.parent div.datatable-course-icon button { transform: rotate(180deg); }
div.datatable-course-title { float: left; width: 272px; margin: 0 8px 0 12px; }
div.datatable-course-title a { color: #333; }
div.datatable-course-launch { float: left; }
div#datatable_wrapper tr.parent { background: #eee; }
div#datatable_wrapper tr.child { background: #f7f7f7; }
div#datatable_wrapper td:first-child:before { display: none; }
div#datatable_wrapper span.dtr-data div.my-rating { display: inline; margin-left: 10px; }
div.my-rating img { width: auto; height: 24px; margin: 0 4px 4px 4px; }
div#datatable_wrapper div.row { width: 100%; }
div#datatable_wrapper div.row div.col-xs-6 { float: right; width: 100%; }
div#datatable_wrapper li.paginate_button { padding: 4px; margin: 0; }
div#datatable_wrapper li.paginate_button:hover { background: #fff !important; color: #333 !important; border: none !important; }
div#datatable_wrapper li.paginate_button a { display: block !important; font-size: 13px; color: #333; border: 1px #aaa solid !important; border-radius: 0; }
div#datatable_wrapper li.paginate_button.active a { font-weight: bold; background: #f7f7f7; }
div#datatable_wrapper li.paginate_button a:hover { text-decoration: none; }
div#datatable_wrapper ul.dtr-details { width: 100%; padding: 20px; }
div#datatable_wrapper ul.dtr-details li { padding-bottom: 4px; border-bottom: 1px #ddd solid; }
div#datatable_wrapper span.dtr-data { float: right; clear: right; }


a.cert-link { color: #333; }
div#progress-text { margin: 20px auto; }
div#progress-text p { font-size: 14px; color: #333; }
div#progress-text a { color: #333; }
div#progress-container { font-size: 14px; margin: 20px auto; }
div#progress-container p.progress-label { text-align: center; font-size: 20px; font-weight: bold; min-height: 60px; margin: 24px; }
div#progress-container p.progress-message { text-align: center; min-height: 80px; margin: 24px; }
div#progress-container p.progress-message a { color: #961e2a; text-decoration: underline; }
div#progress-links { text-align: center; margin: 20px auto; }
div#progress-links-container { margin: 0 auto; }
div#progress-links button { font-size: 14px; white-space: normal; border-radius: 0; margin: 8px; }
div#progress-links button.btn-primary { background: #9dd3df; color: #333; border: 1px #9dd3df solid; }
div#progress-links button.btn-primary:hover { background: #81abb4; }
div#progress-links button.btn-secondary { background: #fff; color: #333; border: 1px #333 solid; }
div#progress-links button.btn-secondary:hover { background: #f7f7f7; }
div#progress-links button.btn-wallet { background: #961e2a; color: #fff; border: 1px #961e2a solid; }
div#progress-links button.btn-wallet:hover { background: #991818; }
div.progress-chart { font-size: 12em; color: #333; }
div.progress-chart span.label { color: #333; }
div.progress-chart div.shadow { border-color: #333; }
div.pie-wrapper { position: relative; width: 1em; height: 1em; margin: 0px auto; }
.pie-wrapper .pie { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; clip: rect(0, 1em, 1em, 0.5em); }
.pie-wrapper .half-circle { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0.1em solid #1abc9c; border-radius: 50%; clip: rect(0em, 0.5em, 1em, 0em); }
.pie-wrapper .right-side { transform: rotate(0deg); }
.pie-wrapper .label { position: absolute; top: 0.52em; right: 0.4em; bottom: 0.4em; left: 0.4em; display: block; background: none; border-radius: 50%; color: #7F8C8D; font-size: 0.25em; line-height: 2.6em; text-align: center; cursor: default; z-index: 2; }
.pie-wrapper .smaller { padding-bottom: 20px; color: #BDC3C7; font-size: .45em; vertical-align: super; }
.pie-wrapper .shadow { width: 100%; height: 100%; border: 0.1em solid #BDC3C7; border-radius: 50%; }

div#faq-top { width: 100%; height: 314px; text-align: center; color: #fff; background: #fff url(/images/hwu/stock1.jpg) no-repeat -10px -290px; margin-bottom: 40px; }
div#faq-top h3 { font-weight: bold; font-size: 40px; padding: 100px 0 72px; }
div#faq-text p { color: #333; text-align: center; font-size: 16px; margin: 0 auto 40px; }
div#faq-text p#faq-p-main { font-weight: bold; font-size: 28px; }
div#faq-text p#faq-p-main span { text-transform: uppercase; color: #961e2a; }
div#faq-content { margin: 0 auto; }
div#faq-content h5 { font-size: 28px; font-weight: bold; background: #fff url(/images/hwu/faq-icon.png) no-repeat 0 22px; padding: 20px 48px; }
div#faq-content h4 a { display: block; width: 100%; text-transform: uppercase; background: #f7f7f7; background: #f7f7f7 url(/images/hwu/faqs-open.png) no-repeat 98% 50%; padding: 10px 100px 10px 10px; margin-bottom: 20px; }
div#faq-content h4 a.open { background: #f7f7f7 url(/images/hwu/faqs-close.png) no-repeat 98% 50%; }
div#faq-content a { color: #333; }
div#faq-content p { font-size: 14px; padding-left: 20px; }

div#course-list { min-height: 100px; margin: 0 -12px; }
div.course-panel-container { }
div.course-panel-condensed { border: 1px #333 solid; border-radius: 0; margin: 12px 0 4px 0; min-height: 380px; }
div.course-panel div.course-image { text-align: center; margin: 20px; }
div.course-panel img.sponsor-image { width: auto; height: 80px; }
div.course-image { overflow: hidden; }
div.course-panel h3 { color: #333; font-size: 1rem; font-weight: bold; text-transform: uppercase; text-align: center; margin: 12px 20px 4px; }
div.course-panel h3 a { color: #333; }
div.course-panel div.row { margin: 10px 0; }
div.course-abstract { text-align: justify; font-size: 1.5rem; padding: 0 20px; } /*0.7*/
div.course-abstract p { margin: 0; }
div.course-left { padding: 0; }
div.course-credits, div.course-rating { clear: both; font-size: 14px; font-weight: bold; padding: 0 20px; margin-top: 4px; }
div.course-credits { }
div.course-credits span.credit-list-item { font-weight: normal; white-space: nowrap; }
div.course-right { text-align: right; padding-right: 20px; } /* here min-height: 140px; */
div.course-right button { min-width: 120px; height: 54px; border: 1px #333 solid; }
div.course-right button.btn-primary { color: #333; background: #9dd3df; border-color: #9dd3df; }
div.course-right button.btn-primary:hover { background: #81abb4; }
div.course-right button.btn-secondary { color: #333; background: #fff; }
div.course-right button.btn-secondary:hover { background: #f7f7f7; }
div#course-list div#course-list-pager { text-align: right; margin-bottom: 20px; }
div#course-list a.course-list-page { display: inline-block; min-width: 48px; text-align: center; color: #333; font-size: 2rem; padding: 2px; border: 1px #333 solid; margin: 2px; }
div#course-list a.course-list-page.active { font-weight: bold; background: #eee; text-decoration: underline; }
div#course-list a.course-list-page:hover { background: #ddd; }

div.course-view-container { width: 100%; margin: 10px auto; }
div.course-view-container div.course-panel { border: none; }
div.course-view-container img.sponsor-image { max-height: 200px; height: auto; width: auto;}
div.course-view-container h3 { font-size: 40px; margin: 32px auto; }
div.course-view-container div.course-abstract { font-size: 14px; margin: 0 auto; }
div.course-view-container div.course-credits { text-align: center; font-size: 20px; margin: 32px 0; }
div.course-view-container div.course-credits span { font-size: 14px; }
div.course-view-container div.course-programLevel{ text-align: center; font-size: 20px; margin: 32px 0; }
div.course-view-container div.course-programLevel span { font-size: 14px; }
div.course-view-container div.course-expireDate { text-align: center; font-size: 20px; margin: 32px 0; }
div.course-view-container div.course-expireDate span { font-size: 14px; }
div.course-view-container div.course-rating { text-align: center; font-size: 20px; margin: 32px 0; }
div.course-view-container button.btn-primary { cursor: pointer; height: 80px; font-size: 40px; font-weight: bold; color: #333; background: #9dd3df; border-color: #9dd3df; border-radius: 0; }
div.course-view-container button.btn-primary-na { font-size: 40px; font-weight: bold; color: #333; background: #9dd3df; border-color: #9dd3df; border-radius: 0; white-space: normal; border: none;}
div.course-view-container button.btn-primary:hover { background: #81abb4; }
div.course-view-container button.btn-secondary { cursor: pointer; height: 80px; font-size: 40px; font-weight: bold; color: #fff; background: #3b3737; border-color: #9dd3df; border-radius: 0; }
div.course-view-container button.btn-secondary:hover { background: #4d4848; }

div#course-dialog div.modal-dialog.modal-lg, div#course-dialog iframe {
    width: 980px;
    height: 672px;
    border: none;
}

div#course-dialog div.modal-content {
    /*width: 1024px;*/
    background: #fff;
}

div#course-dialog div.modal-body {
    padding-bottom: 0;
}

div#course-content>p { color: #333; }

/* some base (sm) style overwrites */
.navbar-toggler-icon { font-size: 2.5rem; }

div#sponsor-plug > .sustainability_resilience {
    background-image: url("/images/sponsors/milgard_header.png");
    background-size:100% 100%;
    height: 130px;
}

@media (min-width: 1200px) {
    div#header-search, div#header-register, div#top-login { font-size: 1rem;  height: 84px; line-height: 84px; }
    div#header-search a.search { margin: 24px auto; }
    div#header-register div.icon, div#header-signin div.icon, div#top-login div.icon { margin: 25px 12px 25px 20px; }
    div#home-tab-topic, div#home-tab-featured { width: 49%; } 
    div#top-login { border-left: 1px #75787b solid; }
    div#home-content { position: relative; width: 100%; padding: 0; }
    div#home-left { position: absolute; top: 0; left: 0; width: calc(100% - 330px); }
    div#home-right { postion: absolute; top: 0; right: 0; min-height: 600px; min-width: 300px; max-width: 300px; overflow: hidden; padding: 0; margin: 0; }
    div.home-ad { margin-bottom: 10pxf !important; }
}

@media (min-width: 992px) {
    .navbar-toggler-icon { font-size: 1.5rem; }
    div#asearch-container a.dropdown-toggle { font-size: 1.0rem; }
    div#asearch-container ul.asearch-list li label.checkbox { font-size: 0.8rem; padding-left: 24px; }
    div#asearch-container span.checkmark { width: 16px; height: 16px; top: 0; }
    div#asearch-container p.search-results { font-size: 1rem; }
    div#header-navbar li a { font-size: 1.0rem; }
    .modal-dialog { max-width: 60%; }
    div#course-dialog div.modal-dialog.modal-lg { max-width: 100%; width: 1024px; }
    div.course-credits span.credit-list-item { font-size: 0.7rem; }
    div.course-abstract { font-size: 0.8rem; }
    div#datatable-container table#datatable td { font-size: 0.8rem; }
    div#datatable-container table#datatable td.child { padding: 0; border-bottom: 1px #000 solid; }
    div#datatable-container table#datatable td.child ul { padding: 8px 24px 0; }
    div#datatable-container td button { width: 20px; font-size: 1.2rem; }
    div#datatable-container td button.details-button { width: 28px; }
    div.datatable-course-title { /* width: 308px; */ }
    .modal-body input, .modal-body select, .modal-body button.multiselect { font-size: 1rem; }
    .modal-body p { font-size: 1.2rem; } 
    .modal-header button.close { font-size: 4rem; }
    .modal-content button.btn-primary, .modal-content button.btn-secondary { font-size: 1.5rem; }
    a#forgot-link, label#remember-me { font-size: 1rem; }
    input#reg-not-aia, input#remember { width: 1rem; height: 1rem; margin-right: 8px; }
    .modal-content .help-block { font-size: 1rem; }
    div.my-rating img { width: auto; height: 16px; margin: 0; }
    div#course-list a.course-list-page { min-width: 24px; font-size: 1rem; }
    div.body-content-container img.img-fluid { max-width: 100%; }
}

@media (min-width: 768px) {
}

@media (min-width: 576px) {
}

/* initially hidden */
div#main-info-notice,
div#main-status-notice,
p.intro,
div#library-top { display: none; }

/* utility classes */
.clear { clear: both; }