/* NewLibrary 2023 */
body, html { height: 100%;}
#page-course-view-ubsdoc #page { background-color: #fff;}
/* Header */
#page-course-view-ubsdoc #page-header .navbar.navbar-default { background: linear-gradient(to right, #92aae6 0%,#f46a94 100%); }
#page-course-view-ubsdoc #page-header .navbar .container-fluid .sectionnav { width: 70%; margin-right: auto;}
#page-course-view-ubsdoc #page-header .navbar .container-fluid,
#page-course-view-ubsdoc #page-header .navbar .container-fluid .sectionnav ul { display: flex; align-items: center; height: 60px; justify-content: space-around;}
#page-course-view-ubsdoc #page-header .sectionnav ul li,
#page-course-view-ubsdoc #page-header .sectionnav ul li a { color: #fff; font-size: 18px; }
#page-course-view-ubsdoc #page-header .btn-logout { margin: 0 1rem 0 auto; padding: 0 1rem; color: #fff; font-size: 14px; border: 1px solid rgba(255,255,255,.6); line-height: 30px; }
#page-course-view-ubsdoc #page-header .mobile-menu-toggle,
#page-course-view-ubsdoc #page-header .sectionnav-mobile { display: none;}
@media (max-width: 1024px) {
#page-course-view-ubsdoc #page-header .navbar .container-fluid .sectionnav { width: 100%;}
}
@media (max-width: 768px) {
#page-course-view-ubsdoc #page-header .navbar .container-fluid .sectionnav-web { display: none; }
#page-course-view-ubsdoc #page-header #mobile-menu-button { display: block; position: fixed; z-index: 9999; left: 20px; top: 20px; }
#page-course-view-ubsdoc #page-header .sectionnav-mobile { display: none; position: fixed; top: 60px; left: 0; z-index: 9999; background-color: #fff; width: 70%; height: 100%; box-shadow: 5px 20px 20px rgba(0,0,0,.2); }
#page-course-view-ubsdoc #page-header .sectionnav ul { padding-top: 10px;}
#page-course-view-ubsdoc #page-header .sectionnav ul li { padding: 0 20px; line-height: 45px; color: #666; font-size: 16px; }
#page-course-view-ubsdoc #page-header .sectionnav ul li a { color: #666; font-size: 16px;}
}
@media (max-width: 425px) {
#page-course-view-ubsdoc #page-header .btn-logout { font-size: 12px; padding: 0 .5rem; line-height: 24px;}
}
/* Container */
#page-course-view-ubsdoc #page-mask,
#page-course-view-ubsdoc #page-mask #page-container #page-content { margin-left: 0; }
#page-course-view-ubsdoc #page-mask #page-container { background: none; }
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main { padding: 0 !important; }
/* TopBanner */
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main { height: 540px; overflow: hidden; position: relative; text-align: center; }
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main .course-main-txt { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; color: #fff;}
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main .course-main-txt p { line-height: 1;}
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main .course-main-txt .course-main-txt-cate { font-size: 32px; }
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main .course-main-txt .course-main-txt-coursename { font-size: 56px; margin: 40px 0; }
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main .course-main-txt .course-main-txt-summary,
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main .course-main-txt .course-main-txt-summary p { font-size: 24px; line-height: 1.2; color: rgba(255,255,255,.5); width: 90%; margin: 0 auto; }
@media (min-width: 1930px) {
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main img { width: 100%; }
}
@media (max-width: 1024px) {
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main { height: 380px;}
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main img { height: 100%; }
}
@media (max-width: 768px) {
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main { height: 310px;}
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main .course-main-txt .course-main-txt-cate { font-size: 26px; }
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main .course-main-txt .course-main-txt-coursename { font-size: 40px; margin: 30px 0; }
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main .course-main-txt .course-main-txt-summary,
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main .course-main-txt .course-main-txt-summary p { font-size: 18px;}
}
@media (max-width: 425px) {
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main { height: 220px;}
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main .course-main-txt .course-main-txt-cate { font-size: 20px; }
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main .course-main-txt .course-main-txt-coursename { font-size: 26px; margin: 20px 0; }
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main .course-main-txt .course-main-txt-summary,
#page-course-view-ubsdoc #page-mask #page-container #page-content #region-main .course-main .course-main-txt .course-main-txt-summary p { font-size: 14px;}
}
/* SectionTitle */
#page-course-view-ubsdoc .total_sections .course-filter,
#page-course-view-ubsdoc .course-content h2.main { display: none; }
/* Section */
#page-course-view-ubsdoc .course-content .course_box { border: 0;}
#page-course-view-ubsdoc .course-content ul.ubsdoc > li:nth-child(even) { background-color: #f1f1f1;}
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section { border-bottom: 0; padding: 120px 0;}
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section .section_inner { width: 1200px; margin: 0 auto;}
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section .sectionname { font-size: 40px; line-height: 1; font-weight: 600; text-align: center; color: #000; margin-bottom: 40px; }
@media (max-width: 1024px) {
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section .section_inner { width: 95%; }
}
@media (max-width: 768px) {
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section { padding: 60px 5% !important;}
#page-course-view-ubsdoc.format-ubsdoc .course-content ul.ubsdoc li.section .sectionname { font-size: 30px;}
}
@media (max-width: 425px) {
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section .section_inner { width: 90%; }
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section { padding: 40px 5% !important;}
#page-course-view-ubsdoc.format-ubsdoc .course-content ul.ubsdoc li.section .sectionname { font-size: 22px; margin-bottom: 30px;}
}
/* Activity */
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section .section.ActivitySlick { margin-top: 60px; }
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section .section .activity { text-align: center; padding: 0;}
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section .section .activity .mod-indent-outer { margin: 0 auto;}
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section .section .activity .activityinstance { padding: 0;}
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section .section .activity .activityinstance a { display: block; width: 145px; height: 170px; border: 1px #ddd solid; border-radius: 8px; padding: 25px; background-color: #fff; }
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section .section .activity .activityinstance a:hover { transition: all 0.3s ease-in-out; border-color: #aec5fc; box-shadow: 0 0 15px rgba(0,0,0,.1);}
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section .section .activity img.activityicon { margin: 0 auto;}
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section .section .activity .instancename { margin-top: 20px; font-size: 14px; line-height: 18px; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/* Activity : EditMode */
#page-course-view-ubsdoc.editing .course-content ul.ubsdoc li.section .section { display: inherit; }
#page-course-view-ubsdoc.editing .course-content ul.ubsdoc li.section .section .activity { text-align: inherit; padding: inherit; margin: inherit; }
#page-course-view-ubsdoc.editing .course-content ul.ubsdoc li.section .section .activity .mod-indent-outer { margin: inherit;}
#page-course-view-ubsdoc.editing .course-content ul.ubsdoc li.section .section .activity .activityinstance { display: flex; align-items: center;}
#page-course-view-ubsdoc.editing .course-content ul.ubsdoc li.section .section .activity .activityinstance a { display: flex; align-items: center; width: inherit; height: inherit; border: 0; padding: inherit; background: none; }
#page-course-view-ubsdoc.editing .course-content ul.ubsdoc li.section .section .activity .activityinstance a:hover { border: none; box-shadow: none;}
#page-course-view-ubsdoc.editing .course-content ul.ubsdoc li.section .section .activity img.activityicon { margin-right: 10px;}
#page-course-view-ubsdoc.editing .course-content ul.ubsdoc li.section .section .activity .instancename { margin-top: 0; width: 100%; overflow: hidden; text-overflow: inherit; display: block; }
#page-course-view-ubsdoc.editing .section .activity .mod-indent-outer { padding-bottom: 10px;}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section .section.ActivitySlick { margin-top: 40px; }
}
/* EditBtn */
#page-course-view-ubsdoc #edit-btn.course-buttons { position: fixed; right: 5%; width: 79px; text-align: center; }
#page-course-view-ubsdoc #edit-btn.course-buttons .buttons { position: initial;}
#page-course-view-ubsdoc #edit-btn.course-buttons .buttons input[type=submit] { border-radius:31px; font-size:11px; background:url('/theme/coursemosv2/pix/layout/course-button-edit.png') no-repeat center 14px #D2412E; color:white; border:0px; padding:35px 10px 10px; min-width:62px; min-width: 55px; width: 55px; height: 55px; margin: 0 auto; outline: none !important;}
@media (max-width: 1024px) {
#page-course-view-ubsdoc #edit-btn.course-buttons,
#page-course-view-ubsdoc #back-top { right: 0; }
}
@media (max-width: 768px) {
#page-course-view-ubsdoc #edit-btn.course-buttons { display: none;}
}
/* SlickBtn */
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section .section.ActivitySlick .slick-prev:before,
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section .section.ActivitySlick .slick-next:before { display:none; }
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section .section.ActivitySlick .slick-prev,
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section .section.ActivitySlick .slick-next { width: 15px; height: 20px; background: no-repeat center; }
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section .section.ActivitySlick .slick-prev { background-image: url('/theme/coursemosv2/pix/layout/IconPrev.png'); }
#page-course-view-ubsdoc .course-content ul.ubsdoc li.section .section.ActivitySlick .slick-next { background-image: url('/theme/coursemosv2/pix/layout/IconNext.png'); }