@charset "UTF-8";
.popular-instructor-wrapper, .popular-instructor-name, .unicamp-course-category-listing .category-name, .unicamp-course-category-listing .category-description, .unicamp-course-category-listing .category-types, .unicamp-course-category-listing.style-grid-02 .unicamp-box:after, .unicamp-course-category-listing.style-grid-03 *[fill^='#'],
.unicamp-course-category-listing.style-grid-03 *[stroke^='#'],
.unicamp-course-category-listing.style-grid-03 .primary-fill-color, .tutor-lesson-sidebar-inner, .tutor-topics-in-single-lesson .tutor-topics-title h3, .loop-instructor-wrapper, .loop-instructor-name, .dashboard-header-toggle-menu, .dashboard-page .page-open-main-menu, .tutor-dashboard-inline-links ul li a:after, .dashboard-action-btn i, .tutor-mycourses-stats .course-actions a.tutor-mycourse-edit:before, .tutor-mycourses-stats .course-actions a i, .dashboard-enrolled-courses .course-title, .withdraw-method-select-wrap .withdraw-method-select .method-name:after, .withdraw-method-select-wrap .withdraw-method-select label, .unicamp-course-category-cards .category-icon, .unicamp-course-category-cards .category-name, .unicamp-course-category-cards.style-01 .category-icon svg *[fill], .unicamp-course-category-cards.style-01 .category-name:after, .unicamp-course-category-cards.style-02 .category-name:after, .tutor-topic-inline-edit-btn {
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); }
.tutor-course-builder-section-title > h3::after,
.tutor-course-builder-section-title > span::after {
content: "";
display: table;
clear: both; }
.course-quick-view-popup .course-loop-benefit:before, .withdraw-method-select-wrap .withdraw-method-select .method-name:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: 'Font Awesome 5 Pro';
font-weight: 900; }
.tutor-mycourses-stats .course-actions a.tutor-mycourse-edit:before, .tutor-course-thumbnail-delete-btn:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: 'Font Awesome 5 Pro';
font-weight: 300; }
.tutor-custom-list-style li:before, a.tutor-button.certificate-download-btn i:before, #tutor-view-certificate-image i:before, .tutor-course-benefits-wrap .benefit-icon:before, .tutor-course-target-audience-items li:before, .tutor-course-topic .tutor-course-title h4 > i:before, .loading-lesson .tutor-lesson-content-area:after, .tutor-earning-withdraw-form-wrap .tutor-error-msg:before, .unicamp-course-category-cards.style-01 .category-name:after, .unicamp-course-category-cards.style-02 .category-name:after, .tutor-gc-stream-classroom-info .tutor-gc-class-go-to:after, .button.tutor-zoom-meeting-modal-open-btn:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: 'Font Awesome 5 Pro';
font-weight: 400; }
.tutor-icon-calendar, .tutor-icon-clock, .tutor-icon-lock, .tutor-icon-settings-1, .tutor-icon-add-friend, .tutor-icon-copy, .tutor-icon-angle-down, .tutor-icon-angle-up, .tutor-icon-cart-line-filled, .tutor-updating-message:before, .tutor-topics-in-single-lesson .tutor-topics-title button i, .tutor-lessons-under-topic .tutor-single-lesson-items.active .tutor-lesson-right-icons .tutor-lesson-complete.tutor-done, .tutor-lessons-under-topic .tutor-lesson-right-icons .tutor-lesson-complete.tutor-done, body.course-certificate-page .tutor-certificate-sidebar-btn-container .download-btn i, .tutor-course-builder-section-title > h3 i,
.tutor-course-builder-section-title > span i, .settings-tabs-navs-wrap .settings-tabs-navs .dashicons-clock {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: 'Font Awesome 5 Pro' !important;
font-weight: 400; }
.tutor-dashboard-permalinks li a:before {
display: inline-block;
font-family: "Unicampicon" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-rendering: optimizeLegibility;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased; }
body.dashboard-nav-opened .tutor-dashboard-left-menu {
cursor: url("assets/images/cursor/light-close.png") 16 16, pointer; }
.tutor-icon-calendar:before {
content: '\f133'; }
.tutor-icon-clock:before {
content: '\f017'; }
.tutor-icon-lock:before {
content: '\f023'; }
.tutor-icon-settings-1:before {
content: '\f013'; }
.tutor-icon-add-friend:before {
content: '\f234'; }
.tutor-icon-copy:before {
content: '\f0c5'; }
.tutor-icon-angle-down:before {
content: '\f107'; }
.tutor-icon-angle-up:before {
content: '\f106'; }
.tutor-icon-cart-line-filled:before {
content: '\f07a'; }
.tutor-container,
.tutor-container-fluid,
.tutor-container-sm,
.tutor-container-md,
.tutor-container-lg,
.tutor-container-xl,
.tutor-container-xxl {
width: 100%;
padding-right: var(--tutor-gutter-x, 0.75rem);
padding-left: var(--tutor-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto; }
@media (min-width: 576px) {
.tutor-container, .tutor-container-sm {
max-width: 540px; } }
@media (min-width: 768px) {
.tutor-container, .tutor-container-sm, .tutor-container-md {
max-width: 720px; } }
@media (min-width: 992px) {
.tutor-container, .tutor-container-sm, .tutor-container-md, .tutor-container-lg {
max-width: 960px; } }
@media (min-width: 1200px) {
.tutor-container, .tutor-container-sm, .tutor-container-md, .tutor-container-lg, .tutor-container-xl {
max-width: 1140px; } }
@media (min-width: 1400px) {
.tutor-container, .tutor-container-sm, .tutor-container-md, .tutor-container-lg, .tutor-container-xl, .tutor-container-xxl {
max-width: 1320px; } }
.tutor-row {
--tutor-gutter-x: 1.5rem;
--tutor-gutter-y: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: calc(-1 * var(--tutor-gutter-y));
margin-right: calc(-.5 * var(--tutor-gutter-x));
margin-left: calc(-.5 * var(--tutor-gutter-x)); }
.tutor-row > * {
box-sizing: border-box;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--tutor-gutter-x) * .5);
padding-left: calc(var(--tutor-gutter-x) * .5);
margin-top: var(--tutor-gutter-y); }
.tutor-col {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%; }
.tutor-row-cols-auto > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto; }
.tutor-row-cols-1 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%; }
.tutor-row-cols-2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%; }
.tutor-row-cols-3 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%; }
.tutor-row-cols-4 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%; }
.tutor-row-cols-5 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%; }
.tutor-row-cols-6 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%; }
.tutor-col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto; }
.tutor-col-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333%; }
.tutor-col-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%; }
.tutor-col-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%; }
.tutor-col-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%; }
.tutor-col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66667%; }
.tutor-col-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%; }
.tutor-col-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333%; }
.tutor-col-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66667%; }
.tutor-col-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%; }
.tutor-col-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333%; }
.tutor-col-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66667%; }
.tutor-col-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%; }
.tutor-offset-1 {
margin-left: 8.33333%; }
.tutor-offset-2 {
margin-left: 16.66667%; }
.tutor-offset-3 {
margin-left: 25%; }
.tutor-offset-4 {
margin-left: 33.33333%; }
.tutor-offset-5 {
margin-left: 41.66667%; }
.tutor-offset-6 {
margin-left: 50%; }
.tutor-offset-7 {
margin-left: 58.33333%; }
.tutor-offset-8 {
margin-left: 66.66667%; }
.tutor-offset-9 {
margin-left: 75%; }
.tutor-offset-10 {
margin-left: 83.33333%; }
.tutor-offset-11 {
margin-left: 91.66667%; }
.tutor-g-0, .tutor-gx-0 {
--tutor-gutter-x: 0; }
.tutor-g-0, .tutor-gy-0 {
--tutor-gutter-y: 0; }
.tutor-g-1, .tutor-gx-1 {
--tutor-gutter-x: .25rem; }
.tutor-g-1, .tutor-gy-1 {
--tutor-gutter-y: .25rem; }
.tutor-g-2, .tutor-gx-2 {
--tutor-gutter-x: .5rem; }
.tutor-g-2, .tutor-gy-2 {
--tutor-gutter-y: .5rem; }
.tutor-g-3, .tutor-gx-3 {
--tutor-gutter-x: 1rem; }
.tutor-g-3, .tutor-gy-3 {
--tutor-gutter-y: 1rem; }
.tutor-g-4, .tutor-gx-4 {
--tutor-gutter-x: 1.5rem; }
.tutor-g-4, .tutor-gy-4 {
--tutor-gutter-y: 1.5rem; }
.tutor-g-5, .tutor-gx-5 {
--tutor-gutter-x: 3rem; }
.tutor-g-5, .tutor-gy-5 {
--tutor-gutter-y: 3rem; }
@media (min-width: 576px) {
.tutor-col-sm {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%; }
.tutor-row-cols-sm-auto > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto; }
.tutor-row-cols-sm-1 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%; }
.tutor-row-cols-sm-2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%; }
.tutor-row-cols-sm-3 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%; }
.tutor-row-cols-sm-4 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%; }
.tutor-row-cols-sm-5 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%; }
.tutor-row-cols-sm-6 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%; }
.tutor-col-sm-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto; }
.tutor-col-sm-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333%; }
.tutor-col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%; }
.tutor-col-sm-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%; }
.tutor-col-sm-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%; }
.tutor-col-sm-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66667%; }
.tutor-col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%; }
.tutor-col-sm-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333%; }
.tutor-col-sm-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66667%; }
.tutor-col-sm-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%; }
.tutor-col-sm-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333%; }
.tutor-col-sm-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66667%; }
.tutor-col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%; }
.tutor-offset-sm-0 {
margin-left: 0; }
.tutor-offset-sm-1 {
margin-left: 8.33333%; }
.tutor-offset-sm-2 {
margin-left: 16.66667%; }
.tutor-offset-sm-3 {
margin-left: 25%; }
.tutor-offset-sm-4 {
margin-left: 33.33333%; }
.tutor-offset-sm-5 {
margin-left: 41.66667%; }
.tutor-offset-sm-6 {
margin-left: 50%; }
.tutor-offset-sm-7 {
margin-left: 58.33333%; }
.tutor-offset-sm-8 {
margin-left: 66.66667%; }
.tutor-offset-sm-9 {
margin-left: 75%; }
.tutor-offset-sm-10 {
margin-left: 83.33333%; }
.tutor-offset-sm-11 {
margin-left: 91.66667%; }
.tutor-g-sm-0, .tutor-gx-sm-0 {
--tutor-gutter-x: 0; }
.tutor-g-sm-0, .tutor-gy-sm-0 {
--tutor-gutter-y: 0; }
.tutor-g-sm-1, .tutor-gx-sm-1 {
--tutor-gutter-x: .25rem; }
.tutor-g-sm-1, .tutor-gy-sm-1 {
--tutor-gutter-y: .25rem; }
.tutor-g-sm-2, .tutor-gx-sm-2 {
--tutor-gutter-x: .5rem; }
.tutor-g-sm-2, .tutor-gy-sm-2 {
--tutor-gutter-y: .5rem; }
.tutor-g-sm-3, .tutor-gx-sm-3 {
--tutor-gutter-x: 1rem; }
.tutor-g-sm-3, .tutor-gy-sm-3 {
--tutor-gutter-y: 1rem; }
.tutor-g-sm-4, .tutor-gx-sm-4 {
--tutor-gutter-x: 1.5rem; }
.tutor-g-sm-4, .tutor-gy-sm-4 {
--tutor-gutter-y: 1.5rem; }
.tutor-g-sm-5, .tutor-gx-sm-5 {
--tutor-gutter-x: 3rem; }
.tutor-g-sm-5, .tutor-gy-sm-5 {
--tutor-gutter-y: 3rem; } }
@media (min-width: 768px) {
.tutor-col-md {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%; }
.tutor-row-cols-md-auto > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto; }
.tutor-row-cols-md-1 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%; }
.tutor-row-cols-md-2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%; }
.tutor-row-cols-md-3 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%; }
.tutor-row-cols-md-4 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%; }
.tutor-row-cols-md-5 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%; }
.tutor-row-cols-md-6 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%; }
.tutor-col-md-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto; }
.tutor-col-md-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333%; }
.tutor-col-md-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%; }
.tutor-col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%; }
.tutor-col-md-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%; }
.tutor-col-md-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66667%; }
.tutor-col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%; }
.tutor-col-md-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333%; }
.tutor-col-md-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66667%; }
.tutor-col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%; }
.tutor-col-md-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333%; }
.tutor-col-md-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66667%; }
.tutor-col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%; }
.tutor-offset-md-0 {
margin-left: 0; }
.tutor-offset-md-1 {
margin-left: 8.33333%; }
.tutor-offset-md-2 {
margin-left: 16.66667%; }
.tutor-offset-md-3 {
margin-left: 25%; }
.tutor-offset-md-4 {
margin-left: 33.33333%; }
.tutor-offset-md-5 {
margin-left: 41.66667%; }
.tutor-offset-md-6 {
margin-left: 50%; }
.tutor-offset-md-7 {
margin-left: 58.33333%; }
.tutor-offset-md-8 {
margin-left: 66.66667%; }
.tutor-offset-md-9 {
margin-left: 75%; }
.tutor-offset-md-10 {
margin-left: 83.33333%; }
.tutor-offset-md-11 {
margin-left: 91.66667%; }
.tutor-g-md-0, .tutor-gx-md-0 {
--tutor-gutter-x: 0; }
.tutor-g-md-0, .tutor-gy-md-0 {
--tutor-gutter-y: 0; }
.tutor-g-md-1, .tutor-gx-md-1 {
--tutor-gutter-x: .25rem; }
.tutor-g-md-1, .tutor-gy-md-1 {
--tutor-gutter-y: .25rem; }
.tutor-g-md-2, .tutor-gx-md-2 {
--tutor-gutter-x: .5rem; }
.tutor-g-md-2, .tutor-gy-md-2 {
--tutor-gutter-y: .5rem; }
.tutor-g-md-3, .tutor-gx-md-3 {
--tutor-gutter-x: 1rem; }
.tutor-g-md-3, .tutor-gy-md-3 {
--tutor-gutter-y: 1rem; }
.tutor-g-md-4, .tutor-gx-md-4 {
--tutor-gutter-x: 1.5rem; }
.tutor-g-md-4, .tutor-gy-md-4 {
--tutor-gutter-y: 1.5rem; }
.tutor-g-md-5, .tutor-gx-md-5 {
--tutor-gutter-x: 3rem; }
.tutor-g-md-5, .tutor-gy-md-5 {
--tutor-gutter-y: 3rem; } }
@media (min-width: 992px) {
.tutor-col-lg {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%; }
.tutor-row-cols-lg-auto > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto; }
.tutor-row-cols-lg-1 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%; }
.tutor-row-cols-lg-2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%; }
.tutor-row-cols-lg-3 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%; }
.tutor-row-cols-lg-4 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%; }
.tutor-row-cols-lg-5 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%; }
.tutor-row-cols-lg-6 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%; }
.tutor-col-lg-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto; }
.tutor-col-lg-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333%; }
.tutor-col-lg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%; }
.tutor-col-lg-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%; }
.tutor-col-lg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%; }
.tutor-col-lg-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66667%; }
.tutor-col-lg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%; }
.tutor-col-lg-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333%; }
.tutor-col-lg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66667%; }
.tutor-col-lg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%; }
.tutor-col-lg-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333%; }
.tutor-col-lg-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66667%; }
.tutor-col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%; }
.tutor-offset-lg-0 {
margin-left: 0; }
.tutor-offset-lg-1 {
margin-left: 8.33333%; }
.tutor-offset-lg-2 {
margin-left: 16.66667%; }
.tutor-offset-lg-3 {
margin-left: 25%; }
.tutor-offset-lg-4 {
margin-left: 33.33333%; }
.tutor-offset-lg-5 {
margin-left: 41.66667%; }
.tutor-offset-lg-6 {
margin-left: 50%; }
.tutor-offset-lg-7 {
margin-left: 58.33333%; }
.tutor-offset-lg-8 {
margin-left: 66.66667%; }
.tutor-offset-lg-9 {
margin-left: 75%; }
.tutor-offset-lg-10 {
margin-left: 83.33333%; }
.tutor-offset-lg-11 {
margin-left: 91.66667%; }
.tutor-g-lg-0, .tutor-gx-lg-0 {
--tutor-gutter-x: 0; }
.tutor-g-lg-0, .tutor-gy-lg-0 {
--tutor-gutter-y: 0; }
.tutor-g-lg-1, .tutor-gx-lg-1 {
--tutor-gutter-x: .25rem; }
.tutor-g-lg-1, .tutor-gy-lg-1 {
--tutor-gutter-y: .25rem; }
.tutor-g-lg-2, .tutor-gx-lg-2 {
--tutor-gutter-x: .5rem; }
.tutor-g-lg-2, .tutor-gy-lg-2 {
--tutor-gutter-y: .5rem; }
.tutor-g-lg-3, .tutor-gx-lg-3 {
--tutor-gutter-x: 1rem; }
.tutor-g-lg-3, .tutor-gy-lg-3 {
--tutor-gutter-y: 1rem; }
.tutor-g-lg-4, .tutor-gx-lg-4 {
--tutor-gutter-x: 1.5rem; }
.tutor-g-lg-4, .tutor-gy-lg-4 {
--tutor-gutter-y: 1.5rem; }
.tutor-g-lg-5, .tutor-gx-lg-5 {
--tutor-gutter-x: 3rem; }
.tutor-g-lg-5, .tutor-gy-lg-5 {
--tutor-gutter-y: 3rem; } }
@media (min-width: 1200px) {
.tutor-col-xl {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%; }
.tutor-row-cols-xl-auto > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto; }
.tutor-row-cols-xl-1 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%; }
.tutor-row-cols-xl-2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%; }
.tutor-row-cols-xl-3 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%; }
.tutor-row-cols-xl-4 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%; }
.tutor-row-cols-xl-5 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%; }
.tutor-row-cols-xl-6 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%; }
.tutor-col-xl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto; }
.tutor-col-xl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333%; }
.tutor-col-xl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%; }
.tutor-col-xl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%; }
.tutor-col-xl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%; }
.tutor-col-xl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66667%; }
.tutor-col-xl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%; }
.tutor-col-xl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333%; }
.tutor-col-xl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66667%; }
.tutor-col-xl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%; }
.tutor-col-xl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333%; }
.tutor-col-xl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66667%; }
.tutor-col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%; }
.tutor-offset-xl-0 {
margin-left: 0; }
.tutor-offset-xl-1 {
margin-left: 8.33333%; }
.tutor-offset-xl-2 {
margin-left: 16.66667%; }
.tutor-offset-xl-3 {
margin-left: 25%; }
.tutor-offset-xl-4 {
margin-left: 33.33333%; }
.tutor-offset-xl-5 {
margin-left: 41.66667%; }
.tutor-offset-xl-6 {
margin-left: 50%; }
.tutor-offset-xl-7 {
margin-left: 58.33333%; }
.tutor-offset-xl-8 {
margin-left: 66.66667%; }
.tutor-offset-xl-9 {
margin-left: 75%; }
.tutor-offset-xl-10 {
margin-left: 83.33333%; }
.tutor-offset-xl-11 {
margin-left: 91.66667%; }
.tutor-g-xl-0, .tutor-gx-xl-0 {
--tutor-gutter-x: 0; }
.tutor-g-xl-0, .tutor-gy-xl-0 {
--tutor-gutter-y: 0; }
.tutor-g-xl-1, .tutor-gx-xl-1 {
--tutor-gutter-x: .25rem; }
.tutor-g-xl-1, .tutor-gy-xl-1 {
--tutor-gutter-y: .25rem; }
.tutor-g-xl-2, .tutor-gx-xl-2 {
--tutor-gutter-x: .5rem; }
.tutor-g-xl-2, .tutor-gy-xl-2 {
--tutor-gutter-y: .5rem; }
.tutor-g-xl-3, .tutor-gx-xl-3 {
--tutor-gutter-x: 1rem; }
.tutor-g-xl-3, .tutor-gy-xl-3 {
--tutor-gutter-y: 1rem; }
.tutor-g-xl-4, .tutor-gx-xl-4 {
--tutor-gutter-x: 1.5rem; }
.tutor-g-xl-4, .tutor-gy-xl-4 {
--tutor-gutter-y: 1.5rem; }
.tutor-g-xl-5, .tutor-gx-xl-5 {
--tutor-gutter-x: 3rem; }
.tutor-g-xl-5, .tutor-gy-xl-5 {
--tutor-gutter-y: 3rem; } }
@media (min-width: 1400px) {
.tutor-col-xxl {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%; }
.tutor-row-cols-xxl-auto > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto; }
.tutor-row-cols-xxl-1 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%; }
.tutor-row-cols-xxl-2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%; }
.tutor-row-cols-xxl-3 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%; }
.tutor-row-cols-xxl-4 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%; }
.tutor-row-cols-xxl-5 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%; }
.tutor-row-cols-xxl-6 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%; }
.tutor-col-xxl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto; }
.tutor-col-xxl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333%; }
.tutor-col-xxl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66667%; }
.tutor-col-xxl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%; }
.tutor-col-xxl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333%; }
.tutor-col-xxl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66667%; }
.tutor-col-xxl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%; }
.tutor-col-xxl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333%; }
.tutor-col-xxl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66667%; }
.tutor-col-xxl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%; }
.tutor-col-xxl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333%; }
.tutor-col-xxl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66667%; }
.tutor-col-xxl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%; }
.tutor-offset-xxl-0 {
margin-left: 0; }
.tutor-offset-xxl-1 {
margin-left: 8.33333%; }
.tutor-offset-xxl-2 {
margin-left: 16.66667%; }
.tutor-offset-xxl-3 {
margin-left: 25%; }
.tutor-offset-xxl-4 {
margin-left: 33.33333%; }
.tutor-offset-xxl-5 {
margin-left: 41.66667%; }
.tutor-offset-xxl-6 {
margin-left: 50%; }
.tutor-offset-xxl-7 {
margin-left: 58.33333%; }
.tutor-offset-xxl-8 {
margin-left: 66.66667%; }
.tutor-offset-xxl-9 {
margin-left: 75%; }
.tutor-offset-xxl-10 {
margin-left: 83.33333%; }
.tutor-offset-xxl-11 {
margin-left: 91.66667%; }
.tutor-g-xxl-0, .tutor-gx-xxl-0 {
--tutor-gutter-x: 0
; }
.tutor-g-xxl-0, .tutor-gy-xxl-0 {
--tutor-gutter-y: 0
; }
.tutor-g-xxl-1, .tutor-gx-xxl-1 {
--tutor-gutter-x: .25rem
; }
.tutor-g-xxl-1, .tutor-gy-xxl-1 {
--tutor-gutter-y: .25rem
; }
.tutor-g-xxl-2, .tutor-gx-xxl-2 {
--tutor-gutter-x: .5rem
; }
.tutor-g-xxl-2, .tutor-gy-xxl-2 {
--tutor-gutter-y: .5rem
; }
.tutor-g-xxl-3, .tutor-gx-xxl-3 {
--tutor-gutter-x: 1rem
; }
.tutor-g-xxl-3, .tutor-gy-xxl-3 {
--tutor-gutter-y: 1rem
; }
.tutor-g-xxl-4, .tutor-gx-xxl-4 {
--tutor-gutter-x: 1.5rem
; }
.tutor-g-xxl-4, .tutor-gy-xxl-4 {
--tutor-gutter-y: 1.5rem
; }
.tutor-g-xxl-5, .tutor-gx-xxl-5 {
--tutor-gutter-x: 3rem
; }
.tutor-g-xxl-5, .tutor-gy-xxl-5 {
--tutor-gutter-y: 3rem
; } }
.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
border-color: #ccc;
border-style: solid;
border-width: 3px 3px 0 0;
content: "";
display: block;
height: 9px;
position: absolute;
top: 6px;
width: 9px; }
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
margin-left: -4px;
position: absolute;
width: 0; }
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::after {
box-sizing: content-box;
position: absolute;
border: 8px solid transparent;
height: 0;
width: 1px;
content: "";
z-index: -1;
border-width: 8px;
left: -8px; }
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
border-bottom-color: #aeaeae; }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
top: 0;
margin-top: -8px; }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::after {
border-top: none;
border-bottom-color: #f0f0f0; }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::after {
top: 0; }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
top: -1px;
border-bottom-color: #aeaeae; }
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
bottom: 0;
margin-bottom: -8px; }
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::after {
border-bottom: none;
border-top-color: #fff; }
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::after {
bottom: 0; }
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before {
bottom: -1px;
border-top-color: #aeaeae; }
.react-datepicker-wrapper {
display: inline-block;
padding: 0;
border: 0;
width: 100%; }
.react-datepicker {
font-family: "Helvetica Neue", helvetica, arial, sans-serif;
font-size: 0.8rem;
background-color: #fff;
color: #000;
border: 1px solid #aeaeae;
border-radius: 0.3rem;
display: inline-block;
position: relative; }
.react-datepicker--time-only .react-datepicker__triangle {
left: 35px; }
.react-datepicker--time-only .react-datepicker__time-container {
border-left: 0; }
.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
border-bottom-left-radius: 0.3rem;
border-bottom-right-radius: 0.3rem; }
.react-datepicker__triangle {
position: absolute;
left: 50px; }
.react-datepicker-popper {
z-index: 1; }
.react-datepicker-popper[data-placement^="bottom"] {
padding-top: 10px; }
.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
left: auto;
right: 50px; }
.react-datepicker-popper[data-placement^="top"] {
padding-bottom: 10px; }
.react-datepicker-popper[data-placement^="right"] {
padding-left: 8px; }
.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
left: auto;
right: 42px; }
.react-datepicker-popper[data-placement^="left"] {
padding-right: 8px; }
.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
left: 42px;
right: auto; }
.react-datepicker__header {
text-align: center;
background-color: #f0f0f0;
border-bottom: 1px solid #aeaeae;
border-top-left-radius: 0.3rem;
padding: 8px 0;
position: relative; }
.react-datepicker__header--time {
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px; }
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
border-top-left-radius: 0; }
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
border-top-right-radius: 0.3rem; }
.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
display: inline-block;
margin: 0 2px; }
.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
margin-top: 0;
color: #000;
font-weight: bold;
font-size: 0.944rem; }
.react-datepicker-time__header {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.react-datepicker__navigation {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
cursor: pointer;
position: absolute;
top: 2px;
padding: 0;
border: none;
z-index: 1;
height: 32px;
width: 32px;
text-indent: -999em;
overflow: hidden; }
.react-datepicker__navigation--previous {
left: 2px; }
.react-datepicker__navigation--next {
right: 2px; }
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
right: 85px; }
.react-datepicker__navigation--years {
position: relative;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.react-datepicker__navigation--years-previous {
top: 4px; }
.react-datepicker__navigation--years-upcoming {
top: -4px; }
.react-datepicker__navigation:hover *::before {
border-color: #a6a6a6; }
.react-datepicker__navigation-icon {
position: relative;
top: -1px;
font-size: 20px;
width: 0; }
.react-datepicker__navigation-icon--next {
left: -2px; }
.react-datepicker__navigation-icon--next::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
left: -7px; }
.react-datepicker__navigation-icon--previous {
right: -2px; }
.react-datepicker__navigation-icon--previous::before {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
right: -7px; }
.tutor-react-datepicker .react-datepicker-popper {
z-index: 99999; }
.tutor-react-datepicker .datepicker-header-custom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 2px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0; }
.tutor-react-datepicker .dropdown-container {
position: relative; }
.tutor-react-datepicker .dropdown-container .dropdown-label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
font-size: 20px;
line-height: 140%;
color: #212327;
border-radius: 8px;
padding: 8px 10px;
cursor: pointer; }
.tutor-react-datepicker .dropdown-container .dropdown-label:hover {
color: #3e64de;
background: #e9edfb; }
.tutor-react-datepicker .dropdown-container .dropdown-label:hover > svg path {
stroke: #3e64de; }
.tutor-react-datepicker .dropdown-container > ul {
padding: 0;
margin: 0;
list-style: none; }
.tutor-react-datepicker .dropdown-container .dropdown-list {
text-align: left;
position: absolute;
left: 50%;
top: calc(100% - 8px);
-webkit-transform: translateX(-50%) translateY(-4px);
-ms-transform: translateX(-50%) translateY(-4px);
transform: translateX(-50%) translateY(-4px);
min-width: 71px;
max-width: 112px;
min-height: 200px;
max-height: 322px;
max-height: 258px;
overflow-y: auto;
background: #fff;
border: 1px solid #e0e2ea;
box-sizing: border-box;
box-shadow: 0px 10px 14px rgba(0, 0, 0, 0.12);
border-radius: 6px;
z-index: 1;
-webkit-transition: 200ms ease-out;
transition: 200ms ease-out;
opacity: 0;
visibility: hidden;
--scrollbarBG: rgba(205, 207, 213, 0);
--thumbBG: #d2dbf5;
scrollbar-width: thin;
scrollbar-color: var(--thumbBG) var(--scrollbarBG); }
.tutor-react-datepicker .dropdown-container .dropdown-list::-webkit-scrollbar {
width: 4px; }
.tutor-react-datepicker .dropdown-container .dropdown-list::-webkit-scrollbar-track {
background: var(--scrollbarBG); }
.tutor-react-datepicker .dropdown-container .dropdown-list::-webkit-scrollbar-thumb {
background-color: var(--thumbBG);
border-radius: 30px; }
.tutor-react-datepicker .dropdown-container .dropdown-list li {
font-weight: normal;
font-size: 15px;
line-height: 160%;
color: #19181a;
padding: 4px 10px; }
.tutor-react-datepicker .dropdown-container .dropdown-list li:hover {
color: #3e64de;
background: #f6f8fd;
cursor: pointer; }
.tutor-react-datepicker .dropdown-container .dropdown-list li.is-current {
color: #fff;
background: #3e64de; }
.tutor-react-datepicker .dropdown-container.dropdown-months .dropdown-list li {
padding: 4px 24px 4px 14px; }
.tutor-react-datepicker .dropdown-container.is-active .dropdown-list {
-webkit-transform: translateX(-50%) translateY(0px);
-ms-transform: translateX(-50%) translateY(0px);
transform: translateX(-50%) translateY(0px);
opacity: 1;
visibility: visible; }
.tutor-react-datepicker .dropdown-container.is-active .dropdown-label {
color: #3e64de;
background: #e9edfb; }
.tutor-react-datepicker .dropdown-container.is-active .dropdown-label > svg path {
stroke: #3e64de; }
.tutor-react-datepicker .navigation-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 2px; }
.tutor-react-datepicker .navigation-icon button {
position: relative;
width: 36px;
height: 36px;
padding: 0;
outline: none;
border: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
cursor: pointer; }
.tutor-react-datepicker .navigation-icon button:hover > svg path {
fill: #3e64de; }
.tutor-react-datepicker .react-datepicker {
background: #fff;
border: 1px solid #e0e2ea;
box-sizing: border-box;
box-shadow: 0px 6px 20px rgba(28, 49, 104, 0.1);
border-radius: 6px;
width: 350px; }
.tutor-react-datepicker .react-datepicker__month-container {
float: unset; }
.tutor-react-datepicker .react-datepicker__input-container input {
text-transform: capitalize; }
.tutor-react-datepicker .react-datepicker__input-container input:focus-visible {
outline: none;
border-color: #3d64de; }
.tutor-react-datepicker .react-datepicker__input-container input:focus {
border-color: #1973aa;
box-shadow: unset; }
.tutor-react-datepicker .react-datepicker__input-container input::-webkit-input-placeholder {
text-transform: uppercase; }
.tutor-react-datepicker .react-datepicker__input-container input::-moz-placeholder {
text-transform: uppercase; }
.tutor-react-datepicker .react-datepicker__input-container input:-ms-input-placeholder {
text-transform: uppercase; }
.tutor-react-datepicker .react-datepicker__input-container input::placeholder {
text-transform: uppercase; }
.tutor-react-datepicker .react-datepicker__input-container input:hover {
cursor: pointer; }
.tutor-react-datepicker .react-datepicker__header {
background: transparent;
border-bottom: none;
padding: 0; }
.tutor-react-datepicker .react-datepicker__week:not(:first-child) {
margin-top: 15px; }
.tutor-react-datepicker .react-datepicker__day-names, .tutor-react-datepicker .react-datepicker__week {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.tutor-react-datepicker .react-datepicker__day-name {
font-weight: normal;
font-size: 13px;
line-height: 138%;
text-align: center;
color: #9ca0ac; }
.tutor-react-datepicker .react-datepicker__day {
cursor: pointer;
font-weight: 500;
font-size: 15px;
line-height: 160%;
text-align: center;
color: #41454f;
border-radius: 6px;
width: 26px;
height: 26px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: 0;
-webkit-transition: 100ms;
transition: 100ms; }
.tutor-react-datepicker .react-datepicker__day :hover {
color: #3e64de;
background: #e9edfb;
color: #41454f;
background: #f6f8fd;
box-shadow: 0 0 0 1px #d2dbf5; }
.tutor-react-datepicker .react-datepicker__day--selected {
background: #3e64de;
color: #fff; }
.tutor-react-datepicker .react-datepicker__day--keyboard-selected {
background: #2853da;
color: #fff; }
.tutor-react-datepicker .react-datepicker__day-names {
margin: 0;
margin-top: 26px; }
.tutor-react-datepicker .react-datepicker__day--outside-month {
color: #b4b7c0; }
.tutor-react-datepicker .react-datepicker__day-name, .tutor-react-datepicker .react-datepicker__month {
padding: 0;
margin: 0; }
.tutor-react-datepicker .react-datepicker__header, .tutor-react-datepicker .react-datepicker__month, .tutor-react-datepicker .react-datepicker__timepicker {
padding: 10px 20px; }
.tutor-react-datepicker .react-datepicker__month {
padding-bottom: 20px; }
.tutor-react-datepicker .react-datepicker__input-time-container {
float: unset;
width: unset;
display: block;
margin: 0;
padding: 16px 20px;
border-top: 1px solid #e3e6eb; }
.tutor-react-datepicker .react-datepicker__input-time-container .react-datepicker-time__input {
margin-left: 0; }
.tutor-react-datepicker .react-datepicker__input-time-container .react-datepicker-time__input > input {
background: #fff;
border: 1px solid #c0c3cb;
box-sizing: border-box;
border-radius: 6px;
font-weight: normal;
font-size: 16px;
line-height: 162%;
color: #212327;
height: 40px;
padding: 4px 10px;
-webkit-transition: 200ms ease-out;
transition: 200ms ease-out; }
.tutor-react-datepicker .react-datepicker__input-time-container .react-datepicker-time__input > input::-webkit-calendar-picker-indicator {
font-size: 24px;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin-left: 20px; }
.tutor-react-datepicker .react-datepicker__input-time-container .react-datepicker-time__input > input:focus-visible {
outline: none;
border-color: #3d64de; }
.tutor-react-datepicker .react-datepicker__input-time-container .react-datepicker-time__caption {
display: none; }
.tutor-react-datepicker__selects-range .react-datepicker__navigation {
--pd: 15px;
top: 18px; }
.tutor-react-datepicker__selects-range .react-datepicker__navigation--next {
right: var(--pd); }
.tutor-react-datepicker__selects-range .react-datepicker__navigation--previous {
left: var(--pd); }
.tutor-react-datepicker__selects-range .react-datepicker__navigation:hover *::before {
border-color: #3e64de; }
.tutor-react-datepicker__selects-range .react-datepicker__day {
position: relative;
z-index: 1; }
.tutor-react-datepicker__selects-range .react-datepicker__day:before {
content: '';
position: absolute;
inset: 1px -50%;
box-shadow: 0px 1px 0px 0px #d2dbf5, 0px -1px 0px 0px #d2dbf5;
background: #f6f8fd;
z-index: -1;
opacity: 0;
-webkit-transition: 100ms;
transition: 100ms; }
.tutor-react-datepicker__selects-range .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--selecting-range-start) {
background: #f6f8fd;
color: #41454f; }
.tutor-react-datepicker__selects-range .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--selecting-range-start) {
box-shadow: 0 0 0 1px #d2dbf5; }
.tutor-react-datepicker__selects-range .react-datepicker__day--range-start, .tutor-react-datepicker__selects-range .react-datepicker__day--range-end {
background: #3e64de;
color: #fff; }
.tutor-react-datepicker__selects-range .react-datepicker__day--range-start::after, .tutor-react-datepicker__selects-range .react-datepicker__day--range-end::after {
content: '';
position: absolute;
inset: 0;
z-index: -1;
background: #3e64de;
border-radius: 6px; }
.tutor-react-datepicker__selects-range .react-datepicker__day--in-range::before {
opacity: 1; }
.tutor-react-datepicker__selects-range .react-datepicker__day--in-range__day--range-start, .tutor-react-datepicker__selects-range .react-datepicker__day--in-range__day--range-end {
background: #3e64de;
color: #fff; }
.tutor-react-datepicker__selects-range .react-datepicker__day--in-range:first-child:before {
left: 0; }
.tutor-react-datepicker__selects-range .react-datepicker__day--in-range:last-child:before {
right: 0; }
.tutor-react-datepicker__selects-range .react-datepicker__day--range-start.react-datepicker__day--in-range:before {
left: 50%; }
.tutor-react-datepicker__selects-range .react-datepicker__day--range-end.react-datepicker__day--in-range:before {
right: 50%; }
.tutor-react-datepicker__selects-range .react-datepicker__header {
padding: 20px 20px 10px 20px; }
.tutor-react-datepicker__selects-range .react-datepicker__current-month {
font-weight: 500;
font-size: 16px;
line-height: 26px;
text-align: center;
color: #212327; }
.tutor-react-datepicker__selects-range .react-datepicker__custom-footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 24px;
font-weight: 500;
font-size: 13px;
line-height: 162%;
color: #9ca0ac;
border-top: 1px solid #e3e6eb; }
.tutor-react-datepicker__selects-range .react-datepicker__custom-footer .tutor-btns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 10px; }
.tutor-react-datepicker__selects-range .react-datepicker__custom-footer .tutor-btn:not(.tutor-btn-icon).tutor-btn-md {
padding: 7px 16.8px; }
.tutor-screen-frontend-dashboard .tutor-react-datepicker .react-datepicker__input-container input:focus {
border-color: #2853da; }
.react-datepicker__input-container {
position: relative; }
.react-datepicker__input-container .react-datepicker__close-icon {
position: absolute;
cursor: pointer;
outline: 0;
border: none;
height: 20px;
width: 20px;
right: -25px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 !important;
--color: hsl(0, 0%, 70%);
background: var(--color) !important;
color: #fff;
border-color: var(--color) !important; }
.react-datepicker__input-container .react-datepicker__close-icon:hover {
--color: hsl(0, 0%, 50%);
background: var(--color) !important;
border-color: var(--color) !important; }
.react-datepicker__input-container .react-datepicker__close-icon:after {
content: '×';
margin-top: -2px; }
.tutor-v2-date-picker-fd .tutor-react-datepicker .react-datepicker__input-container input {
height: 48px; }
.tutor-v2-date-picker-fd .tutor-react-datepicker .react-datepicker__input-container input:focus {
border-color: #3e64de; }
.tutor-v2-date-picker-wp .tutor-react-datepicker .react-datepicker__input-container input:focus {
border-color: #1973aa; }
.tutor-zoom-meeting-modal-wrap .tutor-react-datepicker .react-datepicker__input-container input {
height: 48px; }
.tutor-form-wrap {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.tutor-form-wrap input {
margin: 0 !important; }
.tutor-form-icon {
position: absolute;
top: 0;
bottom: 0;
left: 0;
font-size: 16px;
line-height: 1.4;
width: 40px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: var(--tutor-color-muted);
pointer-events: none; }
.tutor-form-icon-reverse {
right: 0;
left: auto; }
.tutor-form-label {
display: block;
text-align: start;
font-weight: 500;
color: var(--unicamp-color-heading);
margin: 0 0 5px; }
.tutor-form-control {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
border-radius: 0;
border: 1px solid var(--unicamp-color-form-border);
background-color: var(--unicamp-color-form-background);
color: var(--unicamp-color-form-text);
padding: 3px 20px;
min-height: 52px; }
.tutor-dropdown-select {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative; }
.tutor-dropdown-select .tutor-input-search {
padding: 15px 19px 10px; }
.tutor-dropdown-select .tutor-input-search .tutor-input-group {
position: relative; }
.tutor-dropdown-select .tutor-input-search .tutor-input-group-icon {
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 24px; }
.tutor-dropdown-select .tutor-input-search .tutor-form-control {
margin: 0;
min-height: 48px; }
.tutor-dropdown-select label {
cursor: pointer; }
.tutor-dropdown-select input[type='radio'] {
display: none; }
.tutor-dropdown-select h3, .tutor-dropdown-select h5 {
margin: 0 !important; }
.tutor-dropdown-select-options-container {
width: 100%;
max-height: 285px;
overflow-y: auto;
-webkit-transition: all 100ms;
transition: all 100ms;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
position: absolute;
top: calc(100% + 5px);
z-index: 10;
background: #fff;
border: 1px solid #cdcfd5;
box-shadow: 0px 6px 20px rgba(28, 49, 104, 0.1);
border-radius: 6px;
opacity: 0;
visibility: hidden; }
.tutor-dropdown-select-options-container.is-active {
opacity: 1;
visibility: visible; }
.tutor-dropdown-select-options-container.is-active + .tutor-dropdown-select-selected::after {
-webkit-transform: translateY(-50%) rotate(-180deg);
-ms-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg); }
.tutor-dropdown-select-selected {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
margin-bottom: 12px;
position: relative;
width: 100%;
color: var(--unicamp-color-form-text);
background: var(--unicamp-color-form-background);
border: 1px solid var(--unicamp-color-form-border);
border-radius: 0;
min-height: 52px; }
.tutor-dropdown-select-selected > div {
font-size: 14px;
line-height: 26px; }
.tutor-dropdown-select-selected::after {
-webkit-font-smoothing: antialiased;
position: absolute;
right: 8px;
top: 50%;
-webkit-transition: -webkit-transform 200ms linear;
transition: -webkit-transform 200ms linear;
transition: transform 200ms linear;
transition: transform 200ms linear, -webkit-transform 200ms linear;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: '\e93e';
font-family: 'tutor' !important;
font-size: 30px;
color: #7a7a7a; }
.tutor-dropdown-select-option {
padding: 8px 19px;
cursor: pointer; }
.tutor-dropdown-select-option:hover {
background: #eff1f7; }
.tutor-dropdown-select-option:last-child {
border-top: 1px solid #cdcfd5; }
.tutor-dropdown-select-selected {
padding: 6px 20px;
cursor: pointer; }
.tutor-dropdown-select-options-container.is-active + .tutor-dropdown-select-selected {
border-color: var(--unicamp-color-primary); }
.wp-admin .tutor-dropdown-select-options-container.is-active + .tutor-dropdown-select-selected {
border-color: #1973aa; }
.tutor-form-group-select-sm .tutor-dropdown-select {
height: 40px; }
.tutor-form-group-select-md .tutor-dropdown-select {
height: 48px; }
.tutor-form-group-select-lg .tutor-dropdown-select {
height: 54px; }
.btn-switch {
display: inline-block;
height: 22px;
position: relative;
width: 40px; }
.btn-switch input {
display: none; }
.btn-switch .btn-slider {
background-color: #ccc;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: 0.4s;
transition: 0.4s; }
.btn-switch .btn-slider:before {
background-color: #fff;
content: '';
position: absolute;
-webkit-transition: 0.4s;
transition: 0.4s;
bottom: 3px;
height: 18px;
left: 3px;
width: 18px; }
.btn-switch .btn-slider.btn-round {
border-radius: 34px; }
.btn-switch .btn-slider.btn-round:before {
border-radius: 50%; }
label.btn-switch input:checked + .btn-slider {
background: var(--unicamp-color-primary); }
input:checked + .btn-slider:before {
-webkit-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px); }
.tutor-d-inline {
display: inline !important; }
.tutor-d-inline-block {
display: inline-block !important; }
.tutor-d-block {
display: block !important; }
.tutor-d-grid {
display: -ms-grid !important;
display: grid !important; }
.tutor-d-table {
display: table !important; }
.tutor-d-table-row {
display: table-row !important; }
.tutor-d-table-cell {
display: table-cell !important; }
.tutor-d-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important; }
.tutor-align-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.tutor-justify-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.tutor-d-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; }
.tutor-d-none {
display: none !important; }
.tutor-flex-fill {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 1 auto !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.tutor-flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.tutor-flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.tutor-flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.tutor-flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.tutor-flex-grow-0 {
-webkit-box-flex: 0 !important;
-webkit-flex-grow: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.tutor-flex-grow-1 {
-webkit-box-flex: 1 !important;
-webkit-flex-grow: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.tutor-flex-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.tutor-flex-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.tutor-flex-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.tutor-flex-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.tutor-flex-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.tutor-justify-content-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.tutor-justify-content-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.tutor-justify-center,
.tutor-justify-content-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.tutor-justify-content-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.tutor-justify-content-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.tutor-justify-content-evenly {
-webkit-box-pack: space-evenly !important;
-webkit-justify-content: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important; }
.tutor-align-items-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.tutor-align-items-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.tutor-align-items-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.tutor-align-items-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.tutor-align-items-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.tutor-align-content-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.tutor-align-content-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.tutor-align-content-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important; }
.tutor-align-content-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.tutor-align-content-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.tutor-align-content-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.tutor-align-self-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important; }
.tutor-align-self-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.tutor-align-self-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.tutor-align-self-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important; }
.tutor-align-self-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.tutor-align-self-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important; }
.tutor-order-first {
-webkit-box-ordinal-group: 0 !important;
-webkit-order: -1 !important;
-ms-flex-order: -1 !important;
order: -1 !important; }
.tutor-order-0 {
-webkit-box-ordinal-group: 1 !important;
-webkit-order: 0 !important;
-ms-flex-order: 0 !important;
order: 0 !important; }
.tutor-order-1 {
-webkit-box-ordinal-group: 2 !important;
-webkit-order: 1 !important;
-ms-flex-order: 1 !important;
order: 1 !important; }
.tutor-order-2 {
-webkit-box-ordinal-group: 3 !important;
-webkit-order: 2 !important;
-ms-flex-order: 2 !important;
order: 2 !important; }
.tutor-order-3 {
-webkit-box-ordinal-group: 4 !important;
-webkit-order: 3 !important;
-ms-flex-order: 3 !important;
order: 3 !important; }
.tutor-order-4 {
-webkit-box-ordinal-group: 5 !important;
-webkit-order: 4 !important;
-ms-flex-order: 4 !important;
order: 4 !important; }
.tutor-order-5 {
-webkit-box-ordinal-group: 6 !important;
-webkit-order: 5 !important;
-ms-flex-order: 5 !important;
order: 5 !important; }
.tutor-order-last {
-webkit-box-ordinal-group: 7 !important;
-webkit-order: 6 !important;
-ms-flex-order: 6 !important;
order: 6 !important; }
.tutor-form-toggle input ~ .tutor-form-toggle-control {
width: 40px;
height: 24px;
background-color: #cdcfd5;
border-radius: 12px;
vertical-align: top;
cursor: pointer;
position: relative;
margin: 0 4px; }
.tutor-form-toggle input ~ .tutor-form-toggle-control::before {
content: '';
position: absolute;
height: 18px;
width: 18px;
background-color: #fff;
top: 3px;
left: 4px;
border-radius: 50%;
-webkit-transition: 100ms;
transition: 100ms; }
.tutor-form-toggle input:checked ~ .tutor-form-toggle-control {
background-color: var(--unicamp-color-primary); }
.tutor-form-toggle input:checked ~ .tutor-form-toggle-control::before {
left: 18px; }
.tutor-form-toggle input ~ .tutor-form-toggle-label {
padding: 0 4px; }
.tutor-form-toggle input ~ .tutor-form-toggle-label.tutor-form-toggle-checked {
color: var(--tutor-border-color); }
.tutor-form-toggle input:checked ~ .tutor-form-toggle-checked {
color: inherit; }
.tutor-form-toggle input:checked ~ .tutor-form-toggle-unchecked {
color: var(--tutor-border-color); }
.tutor-modal-close-btn, .tutor-modal .tutor-modal-footer button[data-tutor-modal-close], .tutor-modal .tutor-modal-footer button[data-action='back'] {
color: #656c7c !important;
background: #e3e6eb !important;
border: 1px solid #e3e6eb !important; }
.tutor-modal-close-btn:hover, .tutor-modal .tutor-modal-footer button:hover[data-tutor-modal-close], .tutor-modal .tutor-modal-footer button:hover[data-action='back'] {
color: #323438 !important;
border-color: transparent !important;
background: #d7dbe1 !important; }
.tutor-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
opacity: 0;
visibility: hidden;
overflow: hidden;
overflow-y: auto;
-webkit-transition: 200ms;
transition: 200ms; }
.tutor-modal .tutor-modal-close-btn, .tutor-modal .tutor-modal-footer button[data-tutor-modal-close], .tutor-modal .tutor-modal-footer button[data-action='back'] {
color: #656c7c !important;
background: #e3e6eb !important;
border: 1px solid #e3e6eb !important; }
.tutor-modal .tutor-modal-close-btn:hover, .tutor-modal .tutor-modal-footer button:hover[data-tutor-modal-close], .tutor-modal .tutor-modal-footer button:hover[data-action='back'] {
color: #323438 !important;
border-color: transparent !important;
background: #d7dbe1 !important; }
.tutor-modal.tutor-is-active {
visibility: visible;
opacity: 1; }
.tutor-modal .tutor-modal-overlay {
position: fixed;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.75);
top: 0;
left: 0;
z-index: -1; }
.tutor-modal .tutor-modal-close {
background: none;
border: none; }
.tutor-modal .tutor-modal-header {
position: relative; }
.tutor-modal .tutor-modal-header .tutor-modal-close-inside {
background: transparent;
border: none;
outline: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 30px;
margin-left: auto;
position: absolute;
top: 10px;
right: 10px; }
.tutor-modal:not(.modal-sticky-header-footer):not(.modal-view-double-segment):not(.tutor-modal-is-close-inside-header):not(.tutor-modal-is-close-inside-inner) .tutor-modal-close {
position: fixed;
right: 30px;
top: 30px;
font-size: 30px;
color: white;
background: none;
border: none; }
.tutor-modal.modal-sticky-header-footer .tutor-modal-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #cdcfd5; }
.tutor-modal.modal-sticky-header-footer .tutor-modal-close {
font-size: 28px;
background: none;
border: none;
padding: 0;
color: #3f3f3f;
margin-right: -6px; }
.tutor-modal.modal-sticky-header-footer .tutor-modal-body-alt {
min-height: 300px;
max-height: calc(100vh - 15em);
overflow-y: auto; }
.tutor-modal.modal-view-double-segment .tutor-modal-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
position: relative;
top: 10px;
right: 10px; }
.tutor-modal.modal-view-double-segment .tutor-modal-header > * {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.tutor-modal.modal-view-double-segment .view-announcement-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 76px;
height: 76px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
font-size: 47px; }
.tutor-modal.modal-view-double-segment .tutor-modal-root {
width: 728px; }
.tutor-modal.modal-view-double-segment .tutor-modal-root .tutor-modal-header {
padding: 0; }
.tutor-modal.modal-view-double-segment .tutor-modal-root .tutor-modal-body {
padding: 15px 60px;
padding-bottom: 62px; }
@media (max-width: 575.98px) {
.tutor-modal.modal-view-double-segment .tutor-modal-root .tutor-modal-body {
padding: 15px 33px;
padding-bottom: 30px; } }
.tutor-modal.modal-view-double-segment .tutor-modal-footer {
padding: 38px 60px 68px 60px;
background: rgba(239, 241, 246, 0.5);
border-radius: 0px 0px 20px 30px;
border-top: 1px solid #e0e2ea; }
@media (max-width: 575.98px) {
.tutor-modal.modal-view-double-segment .tutor-modal-footer {
padding: 38px 33px 68px 33px; } }
.tutor-modal.modal-view-double-segment .tutor-modal-footer > div {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1.55fr 1fr;
grid-template-columns: 1.55fr 1fr;
gap: 10px; }
@media (max-width: 575.98px) {
.tutor-modal.modal-view-double-segment .tutor-modal-footer > div {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr; } }
.tutor-modal.modal-view-double-segment .footer-btns > *:not(:first-child) {
margin-left: 15px; }
.tutor-modal .tutor-modal-root {
background: transparent; }
.tutor-modal .tutor-modal-root .tutor-modal-inner {
width: 100%;
background: #fff;
border-radius: 20px; }
.tutor-modal .tutor-modal-root .tutor-modal-inner.tutor-modal-close-inner {
position: relative; }
.tutor-modal .tutor-modal-root .tutor-modal-inner.tutor-modal-close-inner .tutor-modal-close {
position: absolute !important;
top: 15px !important;
right: 15px !important;
color: inherit !important;
padding: 0 !important; }
.tutor-modal .tutor-modal-root .tutor-modal-body {
font-size: 16px;
color: var(--tutor-text-subtitle); }
.tutor-modal .tutor-modal-root .tutor-modal-body p {
margin: 0 0 10px; }
.tutor-modal .tutor-modal-root .tutor-modal-body .tutor-modal-text-wrap {
max-width: 420px;
margin: 0 auto 45px; }
.tutor-modal .tutor-modal-root .tutor-modal-body .tutor-modal-icon {
margin-bottom: 40px; }
.tutor-modal .tutor-modal-root .tutor-modal-body .tutor-modal-icon img {
max-width: 90px; }
.tutor-modal .tutor-modal-root .tutor-modal-body .tutor-modal-title {
font-size: 30px;
line-height: 40px;
font-family: var(--unicamp-typography-headings-font-family);
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-heading);
margin: 0 0 18px; }
.tutor-modal .tutor-modal-root {
width: 640px;
max-width: 90%;
overflow: hidden;
margin: 50px auto;
min-height: calc(100% - 100px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.tutor-modal .tutor-modal-root .tutor-modal-body {
padding: 40px 30px; }
@media (min-width: 768px) {
.tutor-modal .tutor-modal-root .tutor-modal-body {
padding: 60px 70px; } }
.tutor-modal.tutor-is-sm .tutor-modal-root {
width: 470px; }
.tutor-modal.tutor-is-sm .tutor-modal-root .tutor-modal-body {
padding: 50px 60px; }
.tutor-modal.tutor-is-sm .tutor-modal-root .tutor-modal-body .tutor-modal-title {
font-size: 24px;
line-height: 34px; }
.tutor-modal .tutor-modal-header {
padding: 14px 30px; }
.tutor-modal .tutor-modal-header .tutor-modal-title {
margin: 0;
font-size: 20px;
line-height: 30px; }
.tutor-modal .tutor-modal-body-alt {
padding: 24px 30px;
background-color: #f1f1f1; }
.tutor-modal .tutor-modal-footer {
padding: 20px 30px; }
.tutor-modal-steps {
padding: 20px 27px;
border-bottom: 1px solid #cdcfd5; }
.tutor-modal-steps ul {
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
padding: 0;
position: relative;
overflow: hidden; }
.tutor-modal-steps ul li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 15px;
line-height: 24px;
color: var(--tutor-text-hints);
position: relative;
z-index: 8; }
.tutor-modal-steps ul li:nth-child(2) {
z-index: 7; }
.tutor-modal-steps ul li:nth-child(3) {
z-index: 6; }
.tutor-modal-steps ul li:nth-child(4) {
z-index: 5; }
.tutor-modal-steps ul li:nth-child(5) {
z-index: 4; }
.tutor-modal-steps ul li:nth-child(6) {
z-index: 3; }
.tutor-modal-steps ul li:nth-child(7) {
z-index: 2; }
.tutor-modal-steps ul li:nth-child(8) {
z-index: 1; }
.tutor-modal-steps ul li:nth-child(9) {
z-index: 0; }
.tutor-modal-steps ul li .tutor-modal-step-btn {
margin: 4px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 20px;
width: 20px;
border: none;
border-radius: 50%;
position: relative;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--tutor-text-hints);
font-size: 13px;
cursor: pointer;
z-index: 1;
background: var(--tutor-disabled-bg); }
.tutor-modal-steps ul li .tutor-modal-step-btn::before {
content: '';
position: absolute;
height: 2px;
top: 50%;
margin-top: -1px;
background-color: var(--tutor-disabled-bg);
width: 1000px;
right: 100%; }
.tutor-modal-steps ul li.tutor-is-completed {
color: var(--tutor-text-primary); }
.tutor-modal-steps ul li.tutor-is-completed .tutor-modal-step-btn {
color: transparent;
background-size: 10px;
background-position: 5px center;
background-repeat: no-repeat;
background-color: var(--tutor-primary-color);
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 9'%3e%3cpath d='M.436496 4.58374C.391263 4.5367.355238 4.4816.330285 4.4213c-.049755-.13438-.049755-.28214 0-.41652a.499923.499923 0 01.106211-.16244l.753894-.72265c.04436-.05197.09989-.09326.16244-.12079.06021-.02724.1255-.04143.19159-.04165.07162-.00139.14269.01282.20826.04165.06482.02883.1235.06983.17285.12079L4.1997 5.39802 9.08124.516483c.04802-.050643.10527-.091641.16869-.120789.06572-.028338.13668-.042529.20825-.041652a.472749.472749 0 01.19453.043062c.06105.02801.11542.068706.15951.119379l.75388.733067c.0457.04668.0818.10187.1062.16244.0498.13438.0498.28213 0 .41651-.0249.0603-.061.1154-.1062.16244L4.56623 7.95958c-.04471.05213-.10011.09403-.16244.12287-.13338.05508-.28314.05508-.41651 0-.06233-.02884-.11773-.07074-.16244-.12287L.436496 4.58374z' fill='%23fff'/%3e%3c/svg%3e"); }
.tutor-modal-steps ul li.tutor-is-completed .tutor-modal-step-btn::before {
background-color: var(--tutor-primary-color); }
.tutor-modal-steps ul li:first-child .tutor-modal-step-btn::after, .tutor-modal-steps ul li:last-child .tutor-modal-step-btn::after {
content: '';
position: absolute;
height: 2px;
width: 100px;
background-color: white;
top: 50%;
margin-top: -1px;
right: 100%; }
.tutor-modal-steps ul li:last-child .tutor-modal-step-btn::after {
right: auto;
left: 100%; }
.tutor-quiz-builder-modal-wrap .tutor-modal-header {
border: unset !important; }
.tutor-modal-tabs {
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0 10px;
border-bottom: 1px solid var(--tutor-border-color-alt); }
.tutor-modal-tabs li {
font-size: 15px;
line-height: 24px; }
.tutor-modal-tabs li .tutor-modal-tab-btn {
color: var(--unicamp-color-primary);
text-decoration: none;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 10px 20px 8px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 3px solid transparent;
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
-webkit-transition: 200ms;
transition: 200ms; }
.tutor-modal-tabs li .tutor-modal-tab-btn:hover {
border-color: var(--tutor-border-color-alt); }
.tutor-modal-tabs li .tutor-modal-tab-btn.tutor-is-active {
border-color: var(--unicamp-color-primary); }
.tutor-modal-tabs li .tutor-modal-tab-btn .tutor-check-icon {
margin-right: 8px; }
.tutor-dropdown-parent {
position: relative;
display: inline-block;
padding: 0;
margin: 0 0 0 10px; }
.tutor-dropdown-parent button {
margin: 0;
padding: 0; }
.tutor-dropdown-parent > button {
outline: none;
border: none;
cursor: pointer;
background: transparent;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
border-radius: 50%;
height: 32px;
min-width: 32px;
background: var(--unicamp-color-box-grey-background);
color: var(--unicamp-color-heading); }
.tutor-dropdown-parent > button > * {
pointer-events: none; }
.tutor-dropdown-parent > button:focus, .tutor-dropdown-parent > button:hover {
color: #fff;
background: var(--unicamp-color-primary); }
.tutor-dropdown-parent ul.tutor-dropdown {
background: #212327;
border-radius: 6px;
padding: 5px 0;
margin: 0;
position: absolute;
z-index: 99999;
top: calc(100% + 8px);
min-width: 170px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 350px;
right: 0;
-webkit-transition: 100ms ease-out;
transition: 100ms ease-out;
opacity: 0;
visibility: hidden; }
.tutor-dropdown-parent ul.tutor-dropdown:before {
content: '';
position: absolute;
border: 6px solid transparent;
border-bottom-color: #212327;
top: -12px;
right: 10px; }
.tutor-dropdown-parent ul.tutor-dropdown li {
margin: 0;
list-style: none; }
.tutor-dropdown-parent ul.tutor-dropdown li a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
text-decoration: none;
padding: 3px 12px;
-webkit-transition: 200ms;
transition: 200ms; }
.tutor-dropdown-parent ul.tutor-dropdown li a:hover {
background: #41454f; }
.tutor-dropdown-parent ul.tutor-dropdown li a [class*='tutor-icon'] {
font-size: 18px;
margin-right: 8px; }
.tutor-dropdown-parent.is-open ul.tutor-dropdown {
display: block;
opacity: 1;
visibility: visible; }
table.tutor-ui-table .td-action-btns .tutor-btn-sm {
height: 40px;
line-height: 38px;
padding: 0 15px; }
.tutor-ui-table-wrapper {
background: var(--unicamp-color-box-white-background);
border: 1px solid var(--unicamp-color-box-white-border);
border-radius: 5px; }
.tutor-ui-table-wrapper table.tutor-ui-table {
border: 0;
margin: 0;
text-align: start;
table-layout: auto;
white-space: nowrap; }
.tutor-ui-table-wrapper table.tutor-ui-table tr {
border: 0;
border-bottom: 1px solid var(--unicamp-color-box-fill-separator); }
.tutor-ui-table-wrapper table.tutor-ui-table tr:last-child {
border: 0; }
.tutor-ui-table-wrapper table.tutor-ui-table th {
font-size: 14px;
font-family: var(--unicamp-typography-headings-font-family);
font-weight: var(--unicamp-typography-headings-font-weight);
background: #f4f9ff;
color: var(--unicamp-color-text);
text-align: start !important;
border: 0;
padding: 11px 10px;
line-height: 26px; }
.tutor-ui-table-wrapper table.tutor-ui-table td {
text-align: start;
border: 0;
padding: 11px 10px;
line-height: 26px; }
.tooltip-wrap {
position: relative;
display: inline-block;
cursor: pointer; }
.tooltip-wrap .tooltip-txt {
white-space: normal; }
.tooltip-wrap.tooltip-icon {
width: 24px;
height: 24px;
margin-left: 2px;
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 12.0001C3.5 7.31315 7.3131 3.5 12 3.5C16.6869 3.5 20.5 7.31315 20.5 12.0001C20.5 16.687 16.6869 20.5 12 20.5C7.3131 20.5 3.5 16.687 3.5 12.0001ZM5.04498 12.0004C5.04498 15.8351 8.16474 18.9549 11.9995 18.9549C15.8343 18.9549 18.9541 15.8351 18.9541 12.0004C18.9541 8.16562 15.8343 5.04576 11.9995 5.04576C8.16474 5.04576 5.04498 8.16562 5.04498 12.0004ZM11.9998 7.10617C11.4318 7.10617 10.9697 7.56857 10.9697 8.13694C10.9697 8.70479 11.4318 9.16678 11.9998 9.16678C12.5678 9.16678 13.0299 8.70479 13.0299 8.13694C13.0299 7.56857 12.5678 7.10617 11.9998 7.10617ZM11.227 11.4848C11.227 11.0581 11.573 10.7121 11.9997 10.7121C12.4265 10.7121 12.7724 11.0581 12.7724 11.4848V16.1212C12.7724 16.5479 12.4265 16.8939 11.9997 16.8939C11.573 16.8939 11.227 16.5479 11.227 16.1212V11.4848Z" fill="%23c0c3cb"/></svg>');
background-repeat: no-repeat;
background-position: center; }
.tooltip-wrap .tooltip-txt {
position: absolute;
max-width: 208px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
background: #212327;
color: #fff;
padding: 10px 15px;
text-align: center;
border-radius: 10px;
z-index: 100;
opacity: 0;
visibility: hidden;
-webkit-transition: 200ms ease-in;
transition: 200ms ease-in; }
.tooltip-wrap .tooltip-txt::after {
content: '';
position: absolute;
border: 5px solid transparent; }
.tooltip-wrap:hover .tooltip-txt {
opacity: 1;
visibility: visible;
-webkit-filter: blur(0px);
filter: blur(0px); }
.tooltip-wrap .tooltip-top {
bottom: calc(100% + 8px); }
.tooltip-wrap .tooltip-top::after {
top: 100%;
left: 50%;
margin-left: -5px;
border-top-color: #212327; }
.tooltip-wrap .tooltip-bottom {
top: calc(100% + 8px); }
.tooltip-wrap .tooltip-bottom::after {
bottom: 100%;
left: 50%;
margin-left: -5px;
border-bottom-color: #212327; }
.tooltip-wrap .tooltip-top, .tooltip-wrap .tooltip-bottom {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.tooltip-wrap .tooltip-left, .tooltip-wrap .tooltip-right {
top: -5px; }
.tooltip-wrap .tooltip-left::after, .tooltip-wrap .tooltip-right::after {
top: 18px;
margin-top: -5px; }
.tooltip-wrap .tooltip-left.arrow-center, .tooltip-wrap .tooltip-right.arrow-center {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.tooltip-wrap .tooltip-left.arrow-center::after, .tooltip-wrap .tooltip-right.arrow-center::after {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: unset; }
.tooltip-wrap .tooltip-right {
left: calc(100% + 8px); }
.tooltip-wrap .tooltip-right::after {
right: 100%;
border-right-color: #212327; }
.tooltip-wrap .tooltip-left {
right: calc(100% + 8px); }
.tooltip-wrap .tooltip-left::after {
left: 100%;
border-left-color: #212327; }
.tooltip-wrap .tooltip-top {
-webkit-transform: translateX(-50%) translateY(-2px);
-ms-transform: translateX(-50%) translateY(-2px);
transform: translateX(-50%) translateY(-2px); }
.tooltip-wrap .tooltip-bottom {
-webkit-transform: translateX(-50%) translateY(2px);
-ms-transform: translateX(-50%) translateY(2px);
transform: translateX(-50%) translateY(2px); }
.tooltip-wrap .tooltip-right {
-webkit-transform: translateX(2px);
-ms-transform: translateX(2px);
transform: translateX(2px); }
.tooltip-wrap .tooltip-left {
-webkit-transform: translateX(-2px);
-ms-transform: translateX(-2px);
transform: translateX(-2px); }
.tooltip-wrap:hover .tooltip-top {
-webkit-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0); }
.tooltip-wrap:hover .tooltip-bottom {
-webkit-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0); }
.tooltip-wrap:hover .tooltip-right {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
.tooltip-wrap:hover .tooltip-left {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
.tooltip-wrap:hover .arrow-center.tooltip-right {
-webkit-transform: translateY(-50%) translateX(0px);
-ms-transform: translateY(-50%) translateX(0px);
transform: translateY(-50%) translateX(0px); }
.tooltip-wrap:hover .arrow-center.tooltip-left {
-webkit-transform: translateY(-50%) translateX(0px);
-ms-transform: translateY(-50%) translateX(0px);
transform: translateY(-50%) translateX(0px); }
.tooltip-wrap .arrow-center.tooltip-right {
-webkit-transform: translateY(-50%) translateX(2px);
-ms-transform: translateY(-50%) translateX(2px);
transform: translateY(-50%) translateX(2px); }
.tooltip-wrap .arrow-center.tooltip-left {
-webkit-transform: translateY(-50%) translateX(-2px);
-ms-transform: translateY(-50%) translateX(-2px);
transform: translateY(-50%) translateX(-2px); }
.tutor-badge-label.label-primary {
background: #e9edfb;
color: var(--tutor-primary-color);
border-color: #d2dbf5; }
.tutor-badge-label.label-primary-wp {
background: #e9edfb;
color: #28408e;
border-color: #d2dbf5; }
.tutor-badge-label.label-success {
background: #e5f5eb;
color: #075a2a;
border-color: #cbe9d5; }
.tutor-badge-label.label-warning {
background: #fdf4e3;
color: #895800;
border-color: #fce7c7; }
.tutor-badge-label.label-danger {
background: #feeceb;
color: #c62828;
border-color: #fdd9d7; }
.tutor-badge-label.label-processing {
background: rgba(111, 12, 196, 0.1);
color: #4b008b;
border-color: rgba(111, 12, 195, 0.1); }
.tutor-badge-label.label-refund {
background: rgba(19, 166, 156, 0.1);
color: #008178;
border-color: rgba(19, 166, 156, 0.1); }
.tutor-badge-label.label-onhold {
background: rgba(233, 36, 104, 0.1);
color: #ac0640;
border-color: rgba(203, 36, 94, 0.2); }
.tutor-badge-label {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 42px;
padding: 0 0.49em;
background: #f8f8f9;
color: #565b69;
font-size: 0.94em;
border: 1px solid #c0c3cb; }
.tutor-badge-label.label-uppercase {
text-transform: uppercase; }
table.tutor-ui-table .td-statement-info .tutor-badge-label {
margin-right: 14px; }
.tutor-mt-12 {
margin-top: 12px; }
.tutor-mt-32 {
margin-top: 32px; }
.tutor-mb-32 {
margin-bottom: 32px; }
.tutor-mb-24 {
margin-bottom: 24px; }
.tutor-mr-8 {
margin-right: 8px; }
.tutor-mr-12 {
margin-right: 12px; }
.tutor-mr-16 {
margin-right: 16px; }
.tutor-mt-40 {
margin-top: 40px; }
.tutor-ml-16 {
margin-left: 16px; }
.tutor-table-responsive {
overflow-x: auto;
outline: 1px solid var(--unicamp-color-box-fill-separator);
outline-offset: -1px; }
.tutor-table {
width: 100%;
text-align: left;
border-collapse: collapse;
background: var(--unicamp-color-box-white-background);
margin: 0; }
.tutor-table th {
background: var(--tutor-bg-grey); }
.tutor-table th, .tutor-table td {
font-weight: inherit;
font-size: inherit;
padding: 14px;
border-top: 1px solid var(--unicamp-color-box-fill-separator); }
.tutor-table th:first-child, .tutor-table td:first-child {
border-left: 1px solid var(--unicamp-color-box-fill-separator);
padding-left: 28px; }
.tutor-table th:last-child, .tutor-table td:last-child {
border-right: 1px solid var(--unicamp-color-box-fill-separator);
padding-right: 28px; }
.tutor-table.tutor-is-sm th, .tutor-table.tutor-is-sm td {
padding: 11px; }
.tutor-table.tutor-is-sm:first-child {
padding-left: 20px; }
.tutor-table.tutor-is-sm:last-child {
padding-right: 20px; }
.tutor-table tr:last-child td {
border-bottom: 1px solid var(--unicamp-color-box-fill-separator); }
.tutor-table tr:nth-child(even) td {
background-color: var(--tutor-bg-grey-light); }
.tutor-table .tutor-shrink {
width: 1px;
white-space: nowrap; }
.tutor-dropdown-select.select-dropdown .tutor-dropdown-select-selected,
.tutor-dropdown-select.select-dropdown .tutor-dropdown-select-selected > * {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.tutor-dropdown-select.select-dropdown .tutor-dropdown-select-option:last-child {
border-top: none; }
.tutor-dropdown-select.select-dropdown .tutor-dropdown-select-selected {
margin-bottom: 0;
display: -ms-grid;
display: grid;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.tutor-dropdown-select.select-dropdown .tutor-dropdown-select-selected .text-medium-body {
padding-right: 20px; }
.tutor-dropdown-select.select-dropdown .tutor-form-select-with-btn .tutor-dropdown-select-selected {
margin-bottom: 0; }
.tutor-dropdown-select.select-dropdown .tutor-form-select-with-btn .tutor-dropdown-select-selected .text-medium-body {
padding-right: 20px; }
.tutor-dropdown-select.select-dropdown .tutor-dropdown-select-options-container {
z-index: -1;
min-width: 228px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
overflow-y: hidden; }
.tutor-dropdown-select.select-dropdown .tutor-dropdown-select-options-container .tutor-input-search input {
border-top: none;
border-right: none;
border-left: none;
border-color: #dcdbdc;
border-bottom-left-radius: unset !important;
border-bottom-right-radius: unset !important; }
.tutor-dropdown-select.select-dropdown .tutor-dropdown-select-options-container .tutor-input-search input:active, .tutor-dropdown-select.select-dropdown .tutor-dropdown-select-options-container .tutor-input-search input:focus {
border-color: #dcdbdc;
box-shadow: none; }
.tutor-dropdown-select.select-dropdown .tutor-dropdown-select-options-container.is-active {
z-index: 999;
text-align: left; }
.tutor-dropdown-select.select-dropdown .tutor-dropdown-select-options-container .tutor-frequencies {
max-height: 100%;
overflow-y: auto; }
.tutor-form-select {
position: relative;
min-width: 180px;
text-align: left;
cursor: pointer; }
.tutor-form-select-dropdown {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
min-width: 220px;
max-height: 300px;
-webkit-transition: all 100ms;
transition: all 100ms;
position: absolute;
left: 0px;
top: calc(100% + 5px);
background: #fff;
border: 1px solid #cdcfd5;
box-shadow: 0px 6px 20px rgba(28, 49, 104, 0.1);
border-radius: 6px;
z-index: 10; }
.tutor-form-select-dropdown .tutor-form-control {
padding-left: 0;
padding-right: 0;
border-top: 0;
border-left: 0;
border-right: 0;
border-radius: 0; }
.tutor-form-select.is-active .tutor-form-select-dropdown {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.tutor-form-select-dropdown .tutor-form-select-search .tutor-form-control {
padding-left: 40px; }
.tutor-form-select-options {
list-style: none;
padding: 8px 0;
margin: 0;
overflow-y: auto; }
.tutor-form-select-option {
font-weight: 400;
line-height: 1.4;
cursor: pointer; }
.tutor-form-select-option span {
font-size: 14px;
display: block;
padding: 8px 19px; }
.tutor-form-select-option:hover, .tutor-form-select-option.is-active {
background: #eff1f7; }
.tutor-input-group.tutor-form-control-has-icon:not(.tutor-form-control-has-border) input.tutor-form-control,
.tutor-input-group.tutor-form-control-has-icon:not(.tutor-form-control-has-border) textarea.tutor-form-control {
padding-left: 41px; }
.tutor-nav {
list-style: none;
padding: 0;
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.tutor-nav > li {
line-height: 1.6;
position: relative;
margin: 0;
padding: 0; }
.tutor-nav-link {
font-size: 18px;
font-weight: var(--unicamp-typography-headings-font-weight);
padding: 8px 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: var(--unicamp-color-text-lighten);
cursor: pointer; }
.tutor-nav-link, .tutor-nav-link:focus, .tutor-nav-link:hover, .tutor-nav-link:active {
background: transparent;
text-decoration: none;
line-height: 1.6;
box-shadow: none;
outline: 0; }
.tutor-nav-link:hover {
color: var(--unicamp-color-heading); }
.tutor-nav-link.is-active {
color: var(--unicamp-color-heading); }
.tutor-nav .tutor-nav-more {
margin-left: auto !important; }
.tutor-nav .tutor-nav-more-icon {
font-size: 12px;
margin-left: 4px;
color: var(--unicamp-color-primary);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: -webkit-transform 200ms ease-in;
transition: -webkit-transform 200ms ease-in;
transition: transform 200ms ease-in;
transition: transform 200ms ease-in, -webkit-transform 200ms ease-in; }
.tutor-nav .tutor-nav-more.tutor-nav-opened .tutor-dropdown {
display: block; }
.tutor-nav .tutor-nav-more.tutor-nav-opened .tutor-nav-more-icon {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) {
border-bottom: 1px solid #cdcfd5; }
.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) .tutor-nav-link {
border-bottom: 3px solid transparent;
margin-bottom: -2px; }
.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) .tutor-nav-link.is-active {
border-bottom-color: var(--unicamp-color-primary); }
.tutor-nav-pills {
border-bottom: 0; }
.tutor-nav-pills .tutor-nav-item:not(:last-child) {
margin-right: 4px; }
.tutor-nav-pills .tutor-nav-link {
border-radius: 6px; }
.tutor-nav-pills .tutor-nav-link:hover {
color: var(--tutor-color-secondary);
background-color: #edf0f9; }
.tutor-nav-pills .tutor-nav-link.is-active {
background-color: var(--unicamp-color-primary);
color: #fff;
margin-bottom: 0; }
.tutor-nav-tabs {
background-color: #fafafb;
border-bottom: 1px solid #cdcfd5;
border-radius: 6px 6px 0px 0px; }
.tutor-nav-tabs .tutor-nav-link {
position: relative;
border-right: 1px solid var(--tutor-border-color);
border-top: 2px solid transparent;
border-bottom: 1px solid var(--tutor-border-color);
margin-top: -1px;
margin-bottom: -1px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
padding: 16px 32px; }
.tutor-nav-tabs .tutor-nav-link.is-active {
background-color: #fff;
border-top-color: var(--unicamp-color-primary);
border-bottom-color: #fff; }
.tutor-nav-tabs .tutor-nav-item {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.tutor-nav-tabs .tutor-nav-item:first-child .tutor-nav-link {
border-radius: 5px 0 0 0; }
.tutor-nav-tabs .tutor-nav-item:last-child .tutor-nav-link {
border-radius: 0 5px 0 0;
border-right: 0; }
.tutor-nav-tabs-container {
background-color: #fff;
border: 1px solid var(--tutor-border-color);
border-radius: 6px; }
.tutor-nav-v {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-bottom: 0; }
.tutor-nav-v .tutor-nav-item {
margin-right: 0; }
.tutor-nav-v .tutor-nav-item:not(:last-child) {
margin-bottom: 4px; }
.tutor-nav-admin {
border-bottom: 0 !important; }
.tutor-nav-admin .tutor-nav-item {
margin: 0; }
.tutor-nav-admin .tutor-nav-link {
padding: 20px 16px; }
.tutor-tab-item:not(.is-active) {
display: none; }
.tutor-widget-title {
font-size: 20px;
font-weight: 500;
color: var(--tutor-body-color);
margin: 0 0 24px; }
.tutor-list {
list-style: none;
padding: 0;
margin: 0; }
.tutor-list-item {
position: relative;
display: block;
font-size: 16px;
color: var(--tutor-body-color);
text-decoration: none; }
.tutor-list-item:not(:last-child) {
margin-bottom: 16px; }
.tutor-list-item label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
cursor: pointer; }
.tutor-list-item label input[type="checkbox"] {
margin-right: 16px; }
.tutor-round-box {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 28px;
width: 60px;
height: 60px;
border-radius: 80px;
overflow: hidden;
color: var(--unicamp-color-primary);
background: rgba(var(--edumall-color-primary-rgb), 0.1); }
.tutor-ratings-stars {
color: #f7c04d;
margin: 0 -3px;
font-size: 16px; }
.tutor-py-24 {
padding-top: 24px;
padding-bottom: 24px; }
.tutor-px-32 {
padding-right: 32px;
padding-left: 32px; }
.tutor-mt-16 {
margin-top: 16px; }
.tutor-mt-28 {
margin-top: 28px; }
.tutor-form-icon.tutor-form-icon-reverse ~ .tutor-form-control .tutor-form-control {
padding-right: 40px !important; }
.tutor-form-icon:not(.tutor-form-icon-reverse) ~ .tutor-form-control {
padding-left: 40px !important; }
.tutor-dropdown {
list-style: none;
position: absolute;
right: 0;
top: calc(100% - 4px);
padding: 8px 0;
background-color: var(--unicamp-color-box-white-background);
border: 1px solid var(--unicamp-color-box-white-border);
border-radius: 5px;
display: none;
z-index: 1025; }
.tutor-dropdown > li {
padding: 0;
margin: 0; }
.tutor-dropdown-item {
display: block;
padding: 7px 15px;
font-size: 16px;
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-text-lighten);
text-decoration: none;
white-space: nowrap;
background-color: transparent; }
.tutor-my-48 {
margin-top: 48px;
margin-bottom: 48px; }
.tutor-ml-20 {
margin-left: 20px; }
@font-face {
font-family: 'Unicampicon';
src: url("assets/fonts/edumi/Edumall.eot?9ajmsy");
src: url("assets/fonts/edumi/Edumall.eot?9ajmsy#iefix") format("embedded-opentype"), url("assets/fonts/edumi/Edumall.ttf?9ajmsy") format("truetype"), url("assets/fonts/edumi/Edumall.woff?9ajmsy") format("woff"), url("assets/fonts/edumi/Edumall.svg?9ajmsy#Edumall") format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
[class^="edumi-"], [class*=" edumi-"] {
font-family: 'Unicampicon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-transform: none;
text-decoration: inherit;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.edumi-analytics:before {
content: '\e900'; }
.edumi-schedule:before {
content: '\e901'; }
.edumi-content-writing:before {
content: '\f100'; }
.edumi-correct:before {
content: '\f101'; }
.edumi-streaming:before {
content: '\f102'; }
.edumi-group:before {
content: '\f103'; }
.edumi-coin:before {
content: '\f104'; }
.edumi-layers:before {
content: '\f105'; }
.edumi-follower:before {
content: '\f106'; }
.edumi-heart:before {
content: '\f107'; }
.edumi-help:before {
content: '\f108'; }
.edumi-shopping-cart:before {
content: '\f109'; }
.edumi-settings:before {
content: '\f10a'; }
.edumi-checklist:before {
content: '\f10b'; }
.edumi-question:before {
content: '\f10c'; }
.edumi-support:before {
content: '\f10d'; }
.edumi-wallet:before {
content: '\f10e'; }
.edumi-sign-out:before {
content: '\f10f'; }
.edumi-youtuber:before {
content: '\f110'; }
.edumi-star:before {
content: '\f111'; }
.edumi-open-book:before {
content: '\f112'; }
.edumi-user:before {
content: '\f113'; }
.edumi-user-support:before {
content: '\f114'; }
.edumi-announcement:before {
content: '\f115'; }
.edumi-users:before {
content: '\f116'; }
.edumi-video-call:before {
content: '\f117'; }
.tutor-container {
max-width: 1200px; }
a.tutor-btn,
a.tutor-button,
.tutor-btn,
.tutor-button {
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
text-align: center;
border-radius: 0 !important;
padding: 0 41px;
line-height: 50px; }
.single_add_to_cart_button,
a.tutor-button,
.tutor-button,
a.tutor-btn,
.tutor-btn {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 31px; }
.single_add_to_cart_button i,
a.tutor-button i,
.tutor-button i,
a.tutor-btn i,
.tutor-btn i {
margin: 0 10px 0 0; }
a.tutor-button.bordered-button,
.tutor-button.bordered-button,
a.tutor-btn.bordered-btn,
.tutor-btn.bordered-btn {
color: var(--unicamp-color-primary);
background: #fff;
border: 2px solid #eee;
line-height: 48px;
-webkit-filter: none !important;
filter: none !important; }
a.tutor-button.bordered-button:hover,
.tutor-button.bordered-button:hover,
a.tutor-btn.bordered-btn:hover,
.tutor-btn.bordered-btn:hover {
color: #fff;
background: var(--unicamp-color-primary) !important;
border: 2px solid var(--unicamp-color-primary); }
.tutor-btn.tutor-btn-outline-primary {
border-color: var(--unicamp-color-primary);
color: var(--unicamp-color-primary);
background-color: transparent; }
.tutor-button-xs {
height: 40px;
line-height: 38px;
font-size: 14px !important; }
.tutor-gc-blue-button {
border-radius: 0;
font-size: 15px;
font-weight: 500;
padding: 0 20px;
height: 52px;
line-height: 52px; }
.tutor-dropdown-menu li {
margin: 0; }
.tutor-updating-message:before {
content: '\f3f4' !important;
vertical-align: initial;
line-height: inherit;
margin: 0 10px 0 0;
-webkit-animation: adding-spin 1s linear infinite !important;
animation: adding-spin 1s linear infinite !important; }
.on-sale ins .amount {
color: #d31819; }
.tutor-price.course-free {
font-weight: 700; }
.tutor-price.course-free .decimals-separator {
display: none; }
.tutor-option-field-row label,
.tutor-form-group label {
display: block;
margin-bottom: 10px; }
.tutor-option-field-label > label,
.tutor-input-group > label,
.tutor-form-group > label {
display: block;
font-size: 14px;
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-heading);
margin: 0 0 5px; }
.tutor-custom-list-style {
list-style: none;
margin: 0;
padding: 0; }
.tutor-custom-list-style li {
position: relative;
padding-left: 25px;
line-height: 26px;
margin-bottom: 0; }
.tutor-custom-list-style li:before {
color: var(--unicamp-color-primary);
content: '\f00c';
position: absolute;
top: 6px;
left: 0; }
.tutor-course-badge {
display: inline-block;
vertical-align: top;
margin: 0 5px 3px 0;
padding: 3px 7px;
min-height: 0;
color: #fff;
text-align: center;
font-size: 12px;
font-weight: 500;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 0.5px;
border-radius: 0;
min-width: 48px; }
.tutor-course-badge.hot {
background: #d31819; }
.tutor-course-badge.onsale {
background: var(--unicamp-color-primary); }
.tutor-course-badge.new {
background: #50d7e9; }
.tutor-course-badge.free {
background: #6cbd7e; }
.tutor-course-badge.best-seller {
background: #000; }
.tutor-course-badge.out-of-stock {
background: #6d5b5d; }
.tutor-option-field-row label,
.tutor-form-group label {
display: block;
margin-bottom: 10px; }
.tutor-option-field-label > label,
.tutor-input-group > label,
.tutor-form-group > label {
display: block;
font-size: 14px;
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-heading);
margin: 0 0 5px; }
.tutor-option-field textarea,
.tutor-option-field select,
.tutor-option-field input,
.tutor-input-group textarea,
.tutor-input-group select,
.tutor-input-group input,
.tutor-form-group textarea,
.tutor-form-group select,
.tutor-form-group input {
margin-bottom: 20px; }
.tutor-option-field textarea,
.tutor-input-group textarea,
.tutor-form-group textarea {
padding: 12px 20px;
height: 180px; }
.tutor-form-group .wp-editor-wrap {
margin: 0 0 20px; }
.tutor-styled-radio {
font-size: 14px;
font-weight: var(--unicamp-typography-headings-font-weight); }
.tutor-styled-radio > span:before {
background: #fff !important;
border: 1px solid #cacaca !important; }
.tutor-styled-radio > span:after {
position: absolute;
top: 50%;
margin-top: -5px;
left: 4px;
content: '';
border-radius: 50%;
width: 10px;
height: 10px;
background: var(--unicamp-color-primary);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease; }
.tutor-styled-radio > input:checked + span::after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.date-range-input input {
border-radius: 0 !important; }
.plyr__controls .plyr__control {
min-height: 0;
height: 32px; }
.plyr__control--overlaid {
height: 50px; }
.tutor-progress-bar-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%; }
.tutor-progress-bar {
position: relative;
height: 8px;
color: #000;
line-height: 25px;
background: #f1f1f1;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
border-radius: 30px;
margin-top: 7.5px; }
.tutor-progress-bar .tutor-progress-filled {
border-radius: 30px;
width: var(--tutor-progress-left); }
.tutor-progress-bar .tutor-progress-filled:after {
content: "";
position: absolute;
height: 15px;
width: 15px;
border: 7.5px solid var(--tutor-primary-color);
border-radius: 50%;
background: #fff;
left: var(--tutor-progress-left);
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
top: 50%;
box-sizing: border-box; }
.tutor-pagination-hints {
display: none; }
.tutor-ui-pagination {
margin: 40px 0 0; }
.tutor-pagination-numbers {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
margin: 0;
font-size: 15px;
font-weight: 700;
color: var(--unicamp-color-heading);
text-transform: uppercase;
text-align: center; }
.tutor-pagination-numbers > span,
.tutor-pagination-numbers > a {
display: block;
text-align: center;
min-width: 40px;
height: 40px;
line-height: 40px;
border: 0;
border-radius: 40px;
color: inherit;
padding: 0 5px; }
.tutor-pagination-numbers > a:hover {
color: var(--unicamp-color-primary); }
.tutor-pagination-numbers .current {
color: #fff;
background: var(--unicamp-color-primary); }
.tutor-pagination-numbers .dots {
background: none;
border: 0;
min-width: 20px; }
.tutor-pagination-numbers .next,
.tutor-pagination-numbers .prev {
min-width: 0;
font-size: 14px; }
.tutor-form-check label {
display: inline-block;
margin: 0; }
.tutor-form-check input {
margin-bottom: 0 !important; }
.tutor-modal-window {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%; }
.tutor-modal-content {
position: relative;
width: var(--edumall-modal-width, 500px);
max-width: 90%;
background: var(--unicamp-color-box-white-background);
border-radius: 5px;
padding: 2em;
text-align: center; }
.tutor-modal-content .tutor-color-black {
color: var(--unicamp-color-heading);
font-size: 24px;
font-family: var(--unicamp-typography-headings-font-family);
font-weight: var(--unicamp-typography-headings-font-weight); }
.tutor-modal .tutor-modal-close-o {
position: absolute;
top: 0;
right: 0;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
transform: translate(50%, -50%);
cursor: pointer;
height: 40px;
width: 40px;
border: 0;
padding: 0;
border-radius: 50%;
background: #fff;
color: var(--unicamp-color-heading);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.17);
line-height: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.tutor-modal .tutor-modal-actions {
margin: 30px 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.tutor-modal .tutor-modal-actions button {
margin: 5px 10px 0; }
.course-thumbnail img {
width: 100%; }
.course-loop-price {
margin: 3px 0 0; }
.course-loop-price .price {
font-size: 18px;
line-height: 26px; }
.course-loop-price .price del {
font-size: 15px;
font-weight: 500; }
.course-loop-price .price del, .course-loop-price .price ins {
vertical-align: top; }
.course-loop-price .decimals-separator {
font-size: 0.778em; }
.course-loop-category {
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-primary);
margin: 0 0 1px; }
.course-loop-category a {
color: inherit; }
.course-loop-category a:hover {
color: var(--unicamp-color-secondary); }
.course-loop-title {
font-size: 18px;
font-weight: 500;
line-height: 1.67;
color: var(--unicamp-color-heading);
margin: 0; }
.course-loop-title a {
color: inherit; }
.course-loop-title a:hover {
color: var(--unicamp-color-primary); }
.course-title-collapse-yes .course-loop-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.course-title-collapse-yes .course-loop-title a {
display: inline !important; }
.course-loop-title-collapse-2-rows {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.course-loop-title-collapse-2-rows a {
display: inline !important; }
.course-loop-excerpt-collapse-2-rows {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.course-loop-excerpt-collapse-2-rows * {
display: inline !important; }
.course-loop-excerpt {
margin: 4px 0 0; }
.course-loop-badges {
position: absolute;
top: 10px;
left: 10px; }
.course-loop-rating {
margin: 2px 0 0; }
.course-loop-rating .rating-count {
font-size: 13px;
color: #9b9b9b;
margin: 0 0 0 5px; }
.course-loop-instructor {
font-size: 13px;
line-height: 26px;
font-weight: 500;
color: #9b9b9b;
margin: 0 0 5px; }
.course-loop-instructor a {
color: inherit; }
.course-loop-instructor a:hover {
color: var(--unicamp-color-primary); }
.course-loop-meta {
--gap: 11px;
font-size: 14px;
color: var(--unicamp-color-text-bit-lighten);
font-weight: 500;
margin: 3px 0 0; }
.course-loop-meta .course-loop-meta-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
line-height: 26px;
margin: 0 calc(var(--gap) * -1); }
.course-loop-meta .course-loop-meta-item {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 var(--gap); }
.course-loop-meta .meta-label-icon {
margin: 0 6px 0 0; }
.course-loop-meta.style-01 {
overflow: hidden; }
.course-loop-meta.style-01 .course-loop-meta-list {
margin: 0 -14px 0 -10px; }
.course-loop-meta.style-01 .course-loop-meta-item {
position: relative;
padding: 0 14px 0 10px; }
.course-loop-meta.style-01 .course-loop-meta-item + .course-loop-meta-item:before {
position: absolute;
top: 11px;
left: -4px;
content: '';
width: 4px;
height: 4px;
background: #ccc;
border-radius: 50%; }
.course-loop-meta.style-02 .meta-value {
font-size: 13px; }
.course-loop-rating-average {
margin: 6px 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.course-loop-rating-average .course-rating-average .rating-total {
font-size: 13px; }
.course-loop-rating-average .course-rating-average .rating-average {
color: var(--unicamp-color-heading);
font-weight: var(--unicamp-typography-headings-font-weight); }
.course-loop-rating-average .tm-star-rating {
font-size: 14px;
margin: 0 5px 0 0; }
.course-loop-rating-average .rating-count {
width: 100%; }
.course-loop-rating-average-02 .course-rating-average {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
color: var(--unicamp-color-heading); }
.course-loop-rating-average-02 .course-rating-average .rating-total {
font-size: 14px;
line-height: 26px;
margin: 0 0 0 5px; }
.course-loop-rating-average-02 .course-rating-average .rating-average {
font-size: 16px;
font-weight: 700;
line-height: 26px; }
.course-loop-rating-average-02 .tm-star-rating {
font-size: 14px; }
.course-loop-rating-average-02 .rating-count {
width: 100%; }
.course-loop-badge-level {
margin: 0 0 10px; }
.course-loop-badge-level .badge-text {
display: inline-block;
font-size: 13px;
line-height: 18px;
font-weight: 500;
border-radius: 0;
padding: 2px 10px;
background: #111;
color: #fff; }
.course-loop-badge-level.all_levels .badge-text {
background: rgba(23, 184, 193, 0.15);
color: #17b8c1; }
.course-loop-badge-level.beginner .badge-text {
background: rgba(91, 99, 254, 0.15);
color: #5b63fe; }
.course-loop-badge-level.intermediate .badge-text {
background: rgba(108, 189, 126, 0.15);
color: #6cbd7e; }
.course-loop-badge-level.expert .badge-text {
background: rgba(223, 106, 94, 0.15);
color: #df6a5e; }
.course-loop-enrolled-button .add_to_cart_button.added {
display: none; }
.course-loop-enrolled-button .add_to_cart_button:before {
margin: 0 5px 0 0; }
.course-loop-buttons .tutor-btn .btn-icon {
display: none; }
.unicamp-courses .tm-star-rating.style-01 {
font-size: 14px; }
.unicamp-courses.style-grid-01 .course-thumbnail {
overflow: hidden; }
.unicamp-courses.style-grid-01 .course-loop-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 16px 0 8px; }
.unicamp-courses.style-grid-01[data-active-columns='5'] .course-loop-title {
font-size: 16px; }
.unicamp-courses.style-grid-01[data-active-columns='5'] .course-loop-info {
padding: 10px 0 0; }
.unicamp-courses.style-grid-01[data-active-columns='5'] .course-loop-price .price {
font-size: 16px; }
.unicamp-courses.style-grid-01[data-active-columns='5'] .course-loop-price .price del {
font-size: 13px; }
.unicamp-courses.style-grid-02 .course-loop-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
height: 100%;
background: var(--unicamp-color-box-white-background);
box-shadow: 0 0 10px rgba(51, 51, 51, 0.1); }
.unicamp-courses.style-grid-02 .course-thumbnail {
border-radius: 0;
overflow: hidden; }
.unicamp-courses.style-grid-02 .course-loop-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 16px 20px 18px; }
.unicamp-courses.style-list + .archive-pagination-wrap {
margin: 50px 0 0; }
.unicamp-courses.style-list .grid-item {
padding-bottom: 30px;
border-bottom: 1px solid var(--unicamp-color-box-fill-separator); }
.unicamp-courses.style-list .grid-item:last-child {
margin-bottom: 0 !important; }
.unicamp-courses.style-list .course-loop-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.unicamp-courses.style-list .tutor-course-header {
width: 320px;
max-width: 40%;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 30px 0 0; }
.unicamp-courses.style-list .course-thumbnail {
overflow: hidden; }
.unicamp-courses.style-list .course-loop-title {
font-size: 20px;
line-height: 1.6; }
.unicamp-courses.style-list .course-loop-category {
font-weight: 400;
margin: 0 0 4px; }
.unicamp-courses.style-list .course-loop-meta {
margin: 2px 0 0; }
.unicamp-courses.style-list .course-loop-excerpt {
margin: 6px 0 0; }
.unicamp-courses.style-list .course-loop-price {
margin: 8px 0 0; }
.unicamp-courses.style-list .course-loop-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.unicamp-courses.style-list .course-loop-buttons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 7px 0 0; }
.unicamp-courses.style-list .course-loop-buttons > * {
margin: 10px 10px 0 0; }
.unicamp-courses.style-list .course-loop-rating-average {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 16px 0 0; }
.unicamp-courses.style-list .course-loop-enrolled-button .button,
.unicamp-courses.style-list .course-loop-enrolled-button .wc-forward,
.unicamp-courses.style-list .course-loop-enrolled-button .tm-button {
font-size: 14px;
min-width: 145px;
height: 40px;
line-height: 38px;
padding: 0 16px; }
.unicamp-courses.style-list .course-loop-wishlist-button .tm-button {
width: 40px;
padding: 0 !important; }
.unicamp-courses.style-list .course-loop-wishlist-button .tm-button .button-content-wrapper.updating-icon:before {
margin: 0; }
.unicamp-courses.style-list .course-loop-wishlist-button .tm-button .button-content-wrapper.updating-icon .button-icon {
display: none; }
.unicamp-courses.style-list .course-loop-wishlist-button .button-icon {
margin: 0 !important; }
.unicamp-courses.style-list .course-loop-wishlist-button.added .button-icon [class*=fa-] {
font-weight: 900; }
.unicamp-courses.style-list .course-loop-price ins,
.unicamp-courses.style-list .course-loop-price del {
display: block; }
.unicamp-courses.style-list .course-loop-price del + ins,
.unicamp-courses.style-list .course-loop-price ins + del {
margin: 12px 0 0; }
.unicamp-courses.style-list-02 + .archive-pagination-wrap {
margin: 50px 0 0; }
.unicamp-courses.style-list-02 .grid-item {
padding-bottom: 30px;
border-bottom: 1px solid var(--unicamp-color-box-border); }
.unicamp-courses.style-list-02 .grid-item:last-child {
margin-bottom: 0 !important; }
.unicamp-courses.style-list-02 .course-loop-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.unicamp-courses.style-list-02 .tutor-course-header {
width: 270px;
max-width: 40%;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 30px 0 0; }
.unicamp-courses.style-list-02 .course-thumbnail {
overflow: hidden; }
.unicamp-courses.style-list-02 .course-loop-title {
font-size: 20px;
line-height: 1.6; }
.unicamp-courses.style-list-02 .course-loop-category {
font-weight: 400;
margin: 0 0 4px; }
.unicamp-courses.style-list-02 .course-loop-meta {
margin: 2px 0 0; }
.unicamp-courses.style-list-02 .course-loop-excerpt {
margin: 6px 0 0; }
.unicamp-courses.style-list-02 .course-loop-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
padding: 0 150px 0 0; }
.unicamp-courses.style-list-02 .course-loop-buttons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 10px 0 0; }
.unicamp-courses.style-list-02 .course-loop-buttons > * {
margin: 10px 10px 0 0; }
.unicamp-courses.style-list-02 .course-loop-enrolled-button .button,
.unicamp-courses.style-list-02 .course-loop-enrolled-button .wc-forward,
.unicamp-courses.style-list-02 .course-loop-enrolled-button .tm-button {
font-size: 14px;
min-width: 145px;
height: 40px;
line-height: 38px;
padding: 0 16px; }
.unicamp-courses.style-list-02 .course-loop-wishlist-button .tm-button {
width: 40px;
padding: 0 !important; }
.unicamp-courses.style-list-02 .course-loop-wishlist-button .tm-button .button-content-wrapper.updating-icon:before {
margin: 0; }
.unicamp-courses.style-list-02 .course-loop-wishlist-button .tm-button .button-content-wrapper.updating-icon .button-icon {
display: none; }
.unicamp-courses.style-list-02 .course-loop-wishlist-button .button-icon {
margin: 0 !important; }
.unicamp-courses.style-list-02 .course-loop-wishlist-button.added .button-icon [class*=fa-] {
font-weight: 900; }
.unicamp-courses.style-list-02 .course-loop-footer {
position: absolute;
right: 0;
top: 25px;
text-align: right; }
.unicamp-courses.style-list-02 .course-loop-rating-average {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.unicamp-courses.style-list-02 .course-loop-price ins,
.unicamp-courses.style-list-02 .course-loop-price del {
display: block; }
.unicamp-courses.style-list-02 .course-loop-price del + ins,
.unicamp-courses.style-list-02 .course-loop-price ins + del {
margin: 12px 0 0; }
.unicamp-courses.style-carousel-01 .swiper-container {
margin: -10px -30px -40px;
padding: 10px 30px 40px;
width: auto; }
.unicamp-courses.style-carousel-01 .swiper-slide-visible .course-loop-wrapper {
box-shadow: 0 0 10px rgba(51, 51, 51, 0.15); }
.unicamp-courses.style-carousel-01 .swiper-nav-buttons {
padding: 10px 0 40px; }
.unicamp-courses.style-carousel-01 .course-loop-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
height: 100%;
background: var(--unicamp-color-box-white-background); }
.unicamp-courses.style-carousel-01 .course-thumbnail {
overflow: hidden; }
.unicamp-courses.style-carousel-01 .course-loop-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 16px 30px 22px; }
.unicamp-courses.style-carousel-01 .course-loop-price {
margin: 0; }
.unicamp-courses.style-carousel-01 .course-loop-meta {
margin: 5px 0 0; }
.unicamp-courses.style-carousel-01 .course-loop-meta .meta-value {
font-size: 13px; }
.unicamp-courses.style-carousel-01 .course-loop-rating {
margin: 3px 0 0; }
.unicamp-courses.style-carousel-01 .course-loop-footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 13px 0 0; }
.unicamp-courses.style-carousel-01 .course-loop-footer .course-loop-footer-col.left {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.unicamp-courses.style-carousel-01 .course-loop-footer .course-loop-footer-col.right {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0; }
.unicamp-courses.style-carousel-02 .swiper-nav-buttons {
padding: 10px 0 40px; }
.unicamp-courses.style-carousel-02 .course-loop-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
height: 100%; }
.unicamp-courses.style-carousel-02 .course-loop-title {
font-size: 16px;
line-height: 1.75; }
.unicamp-courses.style-carousel-02 .course-loop-meta {
margin: 5px 0 0; }
.unicamp-courses.style-carousel-02 .course-loop-meta .meta-value {
font-size: 13px; }
.unicamp-courses.style-carousel-02 .course-loop-info {
padding: 15px 0 0; }
.unicamp-courses.style-carousel-02 .course-loop-instructor {
margin: 5px 0 0; }
.unicamp-courses.style-carousel-02 .course-loop-price {
margin: 6px 0 0; }
.unicamp-courses.style-carousel-02 .course-loop-rating {
margin: 3px 0 0; }
.unicamp-courses.style-carousel-02[data-active-columns='5'] .course-loop-title, .unicamp-courses.style-carousel-02[data-active-columns='auto'] .course-loop-title {
font-size: 15px;
line-height: 1.6; }
.unicamp-courses.style-carousel-02[data-active-columns='5'] .course-loop-info, .unicamp-courses.style-carousel-02[data-active-columns='auto'] .course-loop-info {
padding: 10px 0 0; }
.unicamp-courses.style-carousel-02[data-active-columns='5'] .course-loop-instructor, .unicamp-courses.style-carousel-02[data-active-columns='auto'] .course-loop-instructor {
font-size: 13px;
margin: 2px 0 0; }
.unicamp-courses.style-carousel-02[data-active-columns='5'] .course-loop-price, .unicamp-courses.style-carousel-02[data-active-columns='auto'] .course-loop-price {
margin: 3px 0 0; }
.unicamp-courses.style-carousel-02[data-active-columns='5'] .course-loop-price .price, .unicamp-courses.style-carousel-02[data-active-columns='auto'] .course-loop-price .price {
font-size: 16px; }
.unicamp-courses.style-carousel-02[data-active-columns='5'] .course-loop-price .price del, .unicamp-courses.style-carousel-02[data-active-columns='auto'] .course-loop-price .price del {
font-size: 13px; }
.unicamp-courses.style-carousel-02[data-active-columns='5'] .course-loop-rating, .unicamp-courses.style-carousel-02[data-active-columns='auto'] .course-loop-rating {
margin: 2px 0 0; }
.unicamp-courses.style-carousel-03 .swiper-container {
margin: -10px -30px -40px;
padding: 10px 30px 40px;
width: auto; }
.unicamp-courses.style-carousel-03 .swiper-slide-visible .course-loop-wrapper {
box-shadow: 0 0 10px rgba(51, 51, 51, 0.15); }
.unicamp-courses.style-carousel-03 .swiper-nav-buttons {
padding: 10px 0 40px; }
.unicamp-courses.style-carousel-03 .course-loop-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
height: 100%;
background: var(--unicamp-color-box-white-background); }
.unicamp-courses.style-carousel-03 .tm-star-rating.style-02 .tm-star-empty:before {
color: #f7c04d; }
.unicamp-courses.style-carousel-03 .course-loop-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 16px 30px 22px; }
.unicamp-courses.style-carousel-03 .course-loop-price {
margin: 0;
position: absolute;
top: 0;
left: 0; }
.unicamp-courses.style-carousel-03 .course-loop-price .price {
font-size: 16px; }
.unicamp-courses.style-carousel-03 .tutor-price {
display: inline-block;
text-align: center;
padding: 3px 13px;
border-radius: 5px 0 5px 0;
min-width: 80px;
color: var(--unicamp-color-third);
background: var(--unicamp-color-secondary); }
.unicamp-courses.style-carousel-03 .tutor-price ins .amount,
.unicamp-courses.style-carousel-03 .tutor-price .price del,
.unicamp-courses.style-carousel-03 .tutor-price del .amount {
color: inherit !important; }
.unicamp-courses.style-carousel-03 .tutor-price.course-free {
background: #6cbd7e;
color: #fff;
font-size: 16px;
font-weight: 700;
text-transform: uppercase; }
.unicamp-courses.style-carousel-03 .tutor-price.course-free * {
color: inherit; }
.unicamp-courses.style-carousel-03 .course-loop-meta {
margin: 5px 0 0; }
.unicamp-courses.style-carousel-03 .course-loop-meta .meta-value {
font-size: 13px; }
.unicamp-courses.style-carousel-03 .course-loop-rating {
margin: 3px 0 0; }
.unicamp-courses.style-carousel-03 .course-loop-footer {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
margin: 23px 0 0; }
.unicamp-courses.style-carousel-03 .course-loop-footer .course-loop-footer-col.left {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.unicamp-courses.style-carousel-03 .course-loop-footer .course-loop-footer-col.right {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0; }
.unicamp-courses.style-carousel-03 .course-footer-meta-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.unicamp-courses.style-carousel-03 .course-footer-meta-item .lead-meta-label {
margin: 0 8px 0 0; }
.unicamp-courses.style-carousel-03 .course-footer-meta-item .lead-meta-value {
font-weight: var(--unicamp-typography-headings-font-weight); }
.site-background-grey .unicamp-courses.style-grid-02 .course-loop-wrapper {
box-shadow: none; }
.course-loop-quick-view {
position: absolute;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%; }
#powerTip.course-quick-view-popup {
display: block !important;
color: var(--unicamp-color-text);
width: 330px;
white-space: normal;
padding: 23px 30px;
z-index: 99998; }
.course-quick-view-popup .course-loop-category {
font-size: 14px;
font-weight: 400; }
.course-quick-view-popup .course-loop-title {
font-size: 18px;
font-weight: var(--unicamp-typography-headings-font-weight);
line-height: 1.67;
color: var(--unicamp-color-heading);
margin: 0; }
.course-quick-view-popup .course-loop-title a {
color: inherit; }
.course-quick-view-popup .course-loop-title a:hover {
color: var(--unicamp-color-primary); }
.course-quick-view-popup .course-loop-benefits {
margin: 12px 0 0; }
.course-quick-view-popup .course-loop-benefits-heading {
font-size: 14px;
font-weight: 700;
margin: 0 0 10px; }
.course-quick-view-popup .course-loop-benefits-list {
font-size: 13px;
line-height: 1.85; }
.course-quick-view-popup .course-loop-benefit {
display: block;
position: relative;
padding: 0 0 0 22px; }
.course-quick-view-popup .course-loop-benefit:before {
content: '\f30b';
position: absolute;
top: 6px;
left: 0; }
.course-quick-view-popup .course-loop-benefit + .course-loop-benefit {
margin: 7px 0 0; }
.course-quick-view-popup .course-loop-enrolled-button {
margin: 27px 0 0; }
.course-quick-view-popup button,
.course-quick-view-popup .button,
.course-quick-view-popup .wc-forward,
.course-quick-view-popup .tm-button {
width: 100%; }
.course-quick-view-popup .course-loop-wishlist-button {
margin: 11px 0 0; }
.course-quick-view-popup .course-loop-wishlist-button .tm-button {
color: var(--unicamp-color-primary);
line-height: 22px; }
.course-quick-view-popup .course-loop-wishlist-button .tm-button:hover {
color: var(--unicamp-color-secondary); }
.course-quick-view-popup .course-loop-wishlist-button .tm-button.icon-left .button-icon {
margin-right: 9px; }
.course-quick-view-popup .course-loop-wishlist-button.added .button-icon [class*=fa-] {
font-weight: 900; }
.course-quick-view-popup .course-loop-rating-average .rating-count {
width: auto;
margin: 0 0 0 5px; }
.course-no-result-title {
text-align: center;
padding: 67px 0 98px; }
.course-no-result-title .primary-heading {
font-size: 34px;
margin: 0 0 22px; }
.course-no-result-title .secondary-heading {
font-size: 24px;
margin: 0; }
@media (min-width: 1200px) {
.archive-course-style-list.page-has-no-sidebar .page-content > .container,
.archive-course-style-list-02.page-has-no-sidebar .page-content > .container {
max-width: 1200px;
padding-left: 15px;
padding-right: 15px; }
.archive-course-style-list .archive-top-filter-content .widget,
.archive-course-style-list-02 .archive-top-filter-content .widget,
.archive-course-style-grid-01.page-has-sidebar .archive-top-filter-content .widget,
.archive-course-style-grid-02.page-has-sidebar .archive-top-filter-content .widget {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; } }
@media (max-width: 767px) {
.unicamp-courses.style-list .course-loop-info, .unicamp-courses.style-list-02 .course-loop-info {
padding: 0 !important; }
.unicamp-courses.style-list .tutor-course-header, .unicamp-courses.style-list-02 .tutor-course-header {
margin: 0 20px 0 0; }
.unicamp-courses.style-list .course-loop-meta, .unicamp-courses.style-list-02 .course-loop-meta {
--gap: 6px; }
.unicamp-courses.style-list .course-loop-footer, .unicamp-courses.style-list-02 .course-loop-footer {
position: static;
text-align: initial !important; }
.unicamp-courses.style-list .course-loop-rating-average, .unicamp-courses.style-list-02 .course-loop-rating-average {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; } }
@media (max-width: 543px) {
.unicamp-courses.style-list .course-loop-wrapper, .unicamp-courses.style-list-02 .course-loop-wrapper {
display: block; }
.unicamp-courses.style-list .course-loop-title, .unicamp-courses.style-list-02 .course-loop-title {
font-size: 16px; }
.unicamp-courses.style-list .course-loop-excerpt, .unicamp-courses.style-list-02 .course-loop-excerpt {
font-size: 14px; }
.unicamp-courses.style-list .tutor-course-header, .unicamp-courses.style-list-02 .tutor-course-header {
width: 100%;
max-width: 100%;
margin: 0 0 20px !important; }
.unicamp-courses.style-list .course-loop-info, .unicamp-courses.style-list-02 .course-loop-info {
width: 100%;
max-width: 100%; }
.unicamp-courses.style-carousel-01 .course-loop-info {
padding: 16px 20px 22px; } }
.course-cat-section {
margin: 0 0 72px; }
.course-popular-topic-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -5px; }
.popular-topic-link {
font-size: 15px;
line-height: 26px;
display: block;
margin: 5px;
padding: 13px 22px;
border-radius: 0;
background: #f8f8f8;
color: #696969;
font-weight: 500; }
.popular-topic-link:hover {
color: #fff !important;
background: var(--unicamp-color-primary) !important; }
.popular-instructors .swiper-container {
margin: -10px -30px -40px;
padding: 10px 30px 40px;
width: auto; }
.popular-instructors .swiper-slide-visible .popular-instructor-wrapper {
box-shadow: 0 0 10px rgba(51, 51, 51, 0.15); }
.popular-instructors .swiper-nav-buttons {
padding: 10px 0 40px; }
.popular-instructors .popular-instructor-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.popular-instructors .popular-instructor-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.popular-instructor-wrapper {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
background: var(--unicamp-color-box-white-background);
color: inherit !important; }
.popular-instructor-wrapper:hover {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important; }
.popular-instructor-wrapper:hover .popular-instructor-name {
color: var(--unicamp-color-primary); }
.popular-instructor-header {
padding: 20px 22px 19px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.popular-instructor-footer {
padding: 11px 22px;
border-top: 1px solid var(--unicamp-color-box-fill-separator);
color: var(--unicamp-color-text-bit-lighten); }
.popular-instructor-footer .meta-icon {
margin: 0 4px 0 0; }
.popular-instructor-footer .meta-value {
font-size: 13px;
font-weight: 500; }
.popular-instructor-name {
font-family: var(--unicamp-typography-body-font-family);
font-size: 15px;
font-weight: 700;
margin: 0; }
.popular-instructor-job {
margin: 6px 0 0; }
.popular-instructor-rating {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 5px 0 0; }
.popular-instructor-rating .tm-star-rating {
margin: 0 5px 0 0; }
.popular-instructor-rating .rating-average {
font-weight: 500;
color: var(--unicamp-color-heading); }
.popular-instructor-rating .rating-max-rank {
font-size: 13px; }
.popular-instructor-avatar {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 70px;
height: 70px;
line-height: 70px;
border-radius: 50%;
text-align: center;
margin: 0 16px 0 0; }
.popular-instructor-avatar img {
display: block;
border-radius: inherit;
width: 100%;
height: 100%; }
.category-course-tabs {
margin: 0 0 30px; }
.category-course-tabs .tm-swiper .swiper-slide {
width: 260px !important;
max-width: 90% !important; }
.featured-courses-slider .tm-swiper .swiper-slide {
width: 330px !important;
max-width: 90% !important; }
.unicamp-course-category-listing .unicamp-box {
display: block;
height: 100%; }
.unicamp-course-category-listing .category-name {
margin: 0;
font-size: 20px;
font-weight: 500;
line-height: 1.5; }
.unicamp-course-category-listing .category-types {
font-size: 11px;
font-weight: 500;
color: #9b9b9b;
line-height: 26px;
text-transform: uppercase;
letter-spacing: 1px; }
.unicamp-course-category-listing.style-grid-01 .category-caption {
padding: 16px 0 20px; }
.unicamp-course-category-listing.style-grid-02 .unicamp-box {
position: relative; }
.unicamp-course-category-listing.style-grid-02 .unicamp-box:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background: var(--unicamp-color-primary);
opacity: 0;
visibility: hidden; }
.unicamp-course-category-listing.style-grid-02 .unicamp-box:hover:after {
opacity: 1;
visibility: visible; }
.unicamp-course-category-listing.style-grid-02 .category-caption {
background: #fff;
padding: 17px 30px 46px; }
.unicamp-course-category-listing.style-grid-02 .category-types {
margin: 4px 0 0; }
.unicamp-course-category-listing.style-grid-03 .unicamp-box {
border: 1px solid var(--unicamp-color-box-white-border);
background: var(--unicamp-color-box-white-background);
text-align: center;
padding: 38px 25px 36px; }
.unicamp-course-category-listing.style-grid-03 .unicamp-box:hover {
border-color: var(--unicamp-color-primary);
background: var(--unicamp-color-primary); }
.unicamp-course-category-listing.style-grid-03 .unicamp-box:hover .category-icon {
color: rgba(255, 255, 255, 0.4); }
.unicamp-course-category-listing.style-grid-03 .unicamp-box:hover .category-icon *[fill^='#'] {
fill: #fff;
fill-opacity: 0.4; }
.unicamp-course-category-listing.style-grid-03 .unicamp-box:hover .category-icon *[stroke^='#'] {
stroke: #fff;
stroke-opacity: 0.4; }
.unicamp-course-category-listing.style-grid-03 .unicamp-box:hover .category-icon .primary-fill-color {
fill: #fff !important;
fill-opacity: 1; }
.unicamp-course-category-listing.style-grid-03 .unicamp-box:hover .category-name {
color: #fff; }
.unicamp-course-category-listing.style-grid-03 .unicamp-box:hover .category-description {
color: #fff; }
.unicamp-course-category-listing.style-grid-03 .unicamp-box:hover .category-types {
color: #fff; }
.unicamp-course-category-listing.style-grid-03 .category-icon {
position: relative;
font-size: 60px;
width: 1em;
height: 1em;
margin: 0 auto 23px; }
.unicamp-course-category-listing.style-grid-03 .category-icon svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 1em;
max-height: 1em; }
.unicamp-course-category-listing.style-grid-03 .category-name {
font-family: var(--unicamp-typography-body-font-family);
font-weight: 500;
font-size: 16px;
line-height: 28px; }
.unicamp-course-category-listing.style-grid-03 .category-description {
margin: 11px 0 0;
line-height: 26px; }
.tutor-wrap {
color: var(--unicamp-color-text); }
.tutor-course-header-h1 {
font-size: 34px;
font-weight: var(--unicamp-typography-headings-font-weight);
line-height: 1.24;
color: var(--unicamp-color-heading);
margin: 0 0 23px -2px;
max-width: 600px; }
.tutor-course-badges-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 14px; }
.tutor-course-badges-wrap .tutor-course-header-categories {
margin-bottom: 10px; }
.tutor-course-badges-wrap .tutor-course-badge {
margin: 0 10px 10px 0; }
.tutor-course-badges-wrap .tutor-course-badges {
margin: 0 10px 0 0; }
a.tutor-button.certificate-download-btn {
padding: 0 10px;
width: 100%;
height: 52px;
line-height: 48px;
font-size: 15px;
text-transform: none !important; }
a.tutor-button.certificate-download-btn i:before {
content: '\f5a2'; }
#tutor-view-certificate-image {
font-size: 15px;
font-weight: 700;
text-transform: none;
color: var(--unicamp-color-heading); }
#tutor-view-certificate-image i {
margin: 0 10px 0 0;
color: var(--unicamp-color-primary); }
#tutor-view-certificate-image i:before {
content: '\f35d'; }
#tutor-view-certificate-image:hover {
color: var(--unicamp-color-primary); }
.tutor-course-header-categories {
font-weight: 500;
color: #9b9b9b;
font-size: 13px;
line-height: 22px;
text-transform: uppercase;
letter-spacing: 1px; }
.tutor-course-header-categories a {
display: inline-block;
color: inherit; }
.tutor-course-header-categories a + a {
margin: 0 0 0 5px; }
.tutor-single-course-lead-meta {
margin: 0 -14px;
color: var(--unicamp-color-text-bit-lighten);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 14px;
line-height: 36px; }
.tutor-single-course-lead-meta .lead-meta-item {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 10px;
padding: 0 14px; }
.tutor-single-course-lead-meta .lead-meta-item + .lead-meta-item:before {
position: absolute;
top: 7px;
left: 0;
content: '';
width: 1px;
height: 22px;
background: #d9dee3; }
.tutor-single-course-lead-meta .lead-meta-label {
margin-right: 12px; }
.tutor-single-course-lead-meta .lead-meta-label img {
display: block;
width: 36px;
height: 36px;
border-radius: 50%;
border: 2px solid #fff; }
.tutor-single-course-lead-meta .instructor-name {
font-weight: 700;
color: var(--unicamp-color-heading); }
.tutor-single-course-lead-meta .tutor-single-course-rating {
color: inherit;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.tutor-single-course-lead-meta .tutor-single-course-rating .course-rating-average {
margin: 0 13px 0 0;
font-size: 14px; }
.tutor-single-course-lead-meta .tutor-single-course-rating .course-rating-average span {
font-size: 16px;
font-weight: 700; }
.tutor-single-course-lead-meta .tutor-single-course-rating .tm-star-rating {
font-size: 14px;
margin: 0 4px 0 0; }
.tutor-single-course-lead-meta .tutor-single-course-rating .rating-count {
font-size: 13px;
color: var(--unicamp-color-text-lighten); }
.tutor-single-course-lead-meta .student-enrolled {
font-size: 13px;
font-weight: 500;
color: var(--unicamp-color-text-bit-lighten); }
.tutor-single-course-meta.tutor-lead-meta {
border: 0; }
.tutor-single-course-segment {
margin: 0 0 45px; }
.tutor-single-course-segment:last-child {
margin-bottom: 0 !important; }
.tutor-segment-title,
.tutor-single-course-segment .tutor-segment-title {
position: relative;
font-size: 24px;
font-weight: 500;
color: var(--unicamp-color-heading);
line-height: 1.5;
padding: 0 0 5px;
margin-bottom: 30px; }
.tutor-segment-title:after,
.tutor-single-course-segment .tutor-segment-title:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 54px;
background: var(--unicamp-color-secondary); }
.tutor-course-content-wrap .tutor-segment-title {
margin-bottom: 16px; }
.tutor-progress-bar-wrap {
margin: 0; }
.tutor-course-status .tutor-progress-bar {
margin: 9px .5em 0;
background-color: #eee;
border-radius: 0; }
.tutor-course-status .tutor-progress-bar:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -.5em;
right: -.5em;
background: inherit;
border-radius: inherit; }
.tutor-course-status .tutor-progress-bar .tutor-progress-filled {
position: relative;
background: var(--unicamp-color-heading); }
.tutor-course-status .tutor-progress-bar .tutor-progress-filled:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -.5em;
right: -.5em;
background: inherit;
border-radius: inherit; }
.tutor-course-status .tutor-progress-bar .tutor-progress-filled:after {
-webkit-transform: translateY(-50%) translateX(0);
-ms-transform: translateY(-50%) translateX(0);
transform: translateY(-50%) translateX(0);
top: 50%;
left: 100%;
margin-left: -.5em;
border-color: var(--unicamp-color-heading);
box-shadow: 0 2px 11px rgba(0, 0, 0, 0.13); }
.tutor-course-tags-wrap .course-tags-title {
display: inline-block;
margin: 0 11px 0 0; }
.tutor-course-tags-wrap .tutor-segment-title-icon {
display: inline-block;
vertical-align: middle;
font-size: 18px; }
.tutor-course-tags-wrap .tutor-segment-title {
display: none; }
.tutor-course-tags-wrap .tutor-course-tags {
display: inline;
vertical-align: middle;
color: var(--unicamp-color-text-lighten);
font-weight: 500; }
.tutor-course-tags-wrap .tutor-course-tags a {
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
background: none;
padding: 0;
margin: 0;
border-radius: 0;
display: inline;
color: inherit; }
.tutor-course-tags-wrap .tutor-course-tags a:hover {
color: var(--unicamp-color-heading); }
.tutor-course-benefits-wrap {
border: 2px solid var(--unicamp-color-box-fill-separator);
padding: 14px 30px 12px; }
.tutor-course-benefits-wrap .tutor-segment-title {
margin: 0 0 13px; }
.tutor-course-benefits-wrap .tutor-segment-title:after {
display: none; }
.tutor-course-benefits-wrap .tutor-course-benefits-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -20px;
padding: 0; }
.tutor-course-benefits-wrap .tutor-course-benefit-item {
margin: 0 0 10px;
padding: 0 20px;
width: 50%;
position: relative; }
.tutor-course-benefits-wrap .benefit-content {
position: relative;
padding: 0 0 0 31px;
font-size: 14px;
line-height: 26px;
color: var(--unicamp-color-text-bit-lighten); }
.tutor-course-benefits-wrap .benefit-icon {
position: absolute;
top: 3px;
left: 0;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 11px;
width: 21px;
height: 21px;
color: var(--unicamp-color-primary);
border: 1px solid var(--unicamp-color-box-fill-separator);
border-radius: 50%;
margin: 0 10px 0 0; }
.tutor-course-benefits-wrap .benefit-icon:before {
content: '\f00c'; }
.tutor-course-benefits-wrap .benefit-text {
font-weight: 500; }
.tutor-course-target-audience-wrap {
border-bottom: 1px solid var(--unicamp-color-box-border);
padding-bottom: 32px;
margin-bottom: 42px; }
.tutor-course-target-audience-items {
margin: 0; }
.tutor-course-target-audience-items li {
list-style-type: none;
position: relative;
padding: 0 0 0 23px; }
.tutor-course-target-audience-items li:before {
content: '\f30b';
position: absolute;
top: 6px;
left: 0; }
.tutor-course-topics-wrap .tutor-segment-title {
margin-bottom: 0; }
.tutor-course-topics-wrap .topics-total-lessons {
font-weight: 500; }
.tutor-course-topics-wrap .topics-total-duration {
font-size: 13px; }
.tutor-course-topics-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 22px;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.tutor-course-topics-header-right span:not(:first-child) {
margin-left: 45px; }
.tutor-course-topic .tutor-course-title h4 > i {
line-height: inherit;
font-size: 15px;
min-width: 15px;
float: left;
margin-right: 10px; }
.tutor-course-topic .tutor-course-title h4 > i:before {
content: '\f067';
position: relative; }
.tutor-course-topic.tutor-active .tutor-course-title h4 > i:before {
content: '\f068'; }
.tutor-course-lesson {
padding: 10px 30px;
border: 0; }
.tutor-course-lesson:nth-child(odd) {
background: var(--unicamp-color-box-grey-background); }
.tutor-course-lesson h5 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-family: var(--unicamp-typography-body-font-family);
color: var(--unicamp-color-text);
font-size: 15px;
font-weight: 400;
line-height: 28px;
margin: 0; }
.tutor-course-lesson h5 > a {
color: inherit;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.tutor-course-lesson h5 > a:hover {
color: var(--unicamp-color-primary); }
.tutor-course-lesson h5 i {
font-size: 14px;
min-width: 15px;
margin-right: 5px;
line-height: inherit;
color: #9b9b9b; }
.tutor-course-lesson .lesson-preview-title {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.tutor-lesson-duration {
font-size: 13px; }
.button.btn-lesson-preview {
height: 28px;
line-height: 24px;
font-size: 12px;
border: 2px solid #ededed;
background: none;
color: var(--unicamp-color-primary);
padding: 0 19px;
margin: 0 0 0 10px; }
.button.btn-lesson-preview:hover {
background: var(--unicamp-color-primary);
border-color: var(--unicamp-color-primary);
color: #fff; }
.tutor-course-topics-contents .tutor-course-topic {
border: 1px solid var(--unicamp-color-box-border);
border-radius: 0;
overflow: hidden;
margin-bottom: 0; }
.tutor-course-topics-contents .tutor-course-topic > .tutor-course-title {
padding: 17px 30px; }
.tutor-course-topics-contents .tutor-course-topic + .tutor-course-topic {
margin-top: 15px; }
.tutor-course-topics-contents .tutor-course-title h4 {
font-family: var(--unicamp-typography-body-font-family);
font-weight: 500;
font-size: 15px;
line-height: 26px;
color: var(--unicamp-color-heading);
margin: 0;
overflow: hidden; }
.tutor-course-topics-contents .tutor-course-title h4 > i {
color: var(--unicamp-color-primary); }
.tutor-course-topics-contents .tutor-course-title h4 span.topic-toggle-description {
background: #ccc;
color: #fff;
height: 18px;
width: 18px;
text-align: center;
display: inline-block;
vertical-align: text-bottom;
line-height: 14px;
font-size: 16px; }
.tutor-course-topics-contents .tutor-course-title h4 span.topic-toggle-description i {
float: none;
margin: 0;
line-height: 1;
font-size: 10px; }
.tutor-course-topics-contents .tutor-topics-in-single-lesson .tutor-topics-summery {
padding: 10px 30px; }
.tutor-announcement-list {
border: 2px solid var(--unicamp-color-box-border);
border-radius: 0;
padding: 20px 30px; }
.tutor-individual-announcement + .tutor-individual-announcement {
margin: 20px 0 0; }
.tutor-individual-announcement .announcement-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 0 12px; }
.tutor-individual-announcement .announcement-icon {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50%;
background: #f1f3f8;
font-size: 16px;
margin: 0 17px 0 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0; }
.tutor-individual-announcement .announcement-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.tutor-individual-announcement .announcement-title {
font-family: var(--unicamp-typography-body-font-family);
font-weight: 700;
font-size: 15px;
margin: 0 0 5px; }
.tutor-individual-announcement .announcement-meta {
font-size: 13px;
line-height: 26px;
color: var(--unicamp-color-text-bit-lighten); }
.tutor-individual-announcement .announcement-post-date {
position: relative;
margin: 0 0 0 10px;
padding: 0 0 0 12px; }
.tutor-individual-announcement .announcement-post-date:before {
content: '';
position: absolute;
top: 7px;
left: 0;
height: 4px;
width: 4px;
border-radius: 50%;
background: #ccc; }
.tutor-no-announcements {
text-align: initial;
line-height: 26px; }
.tutor-no-announcements h2 {
font-family: var(--unicamp-typography-body-font-family);
font-weight: 700;
font-size: 15px;
line-height: 26px;
margin: 0 0 5px; }
.tutor-question-and-answer-wrap .tutor-segment-title {
margin-bottom: 0; }
.tutor-question-top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.question-and-answer-title-wrap {
margin: 0 0 32px; }
.tutor-add-answer-btn {
padding: 0 23px !important; }
.tutor-ask-question-btn-wrap {
display: inline-block; }
.tutor-ask-question-btn {
padding: 0 28px !important; }
.tutor_question_answer_wrap {
margin: 16px 0 0; }
.tutor_question_answer_wrap .tutor-question-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.tutor_question_answer_wrap .tutor-question-avatar {
width: 52px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 17px 0 0; }
.tutor_question_answer_wrap .tutor-question-avatar img {
border-radius: 50%; }
.tutor_question_answer_wrap .tutor-question-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.tutor_question_answer_wrap .tutor-question-meta {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 9px; }
.tutor_question_answer_wrap .question-user-name {
font-family: var(--unicamp-typography-body-font-family);
font-weight: 700;
font-size: 14px;
line-height: 26px;
margin: 0 10px 0 0; }
.tutor_question_answer_wrap .question-user-name a {
display: block;
color: inherit; }
.tutor_question_answer_wrap .question-post-date {
position: relative;
font-size: 13px;
line-height: 26px;
color: var(--unicamp-color-text-bit-lighten);
padding: 0 0 0 12px; }
.tutor_question_answer_wrap .question-post-date:before {
content: '';
position: absolute;
top: 11px;
left: 0;
height: 4px;
width: 4px;
border-radius: 50%;
background: #ccc; }
.tutor_question_answer_wrap .tutor-question-content {
background: var(--unicamp-color-box-grey-background);
padding: 15px 20px 19px; }
.tutor_question_answer_wrap .question-title {
font-family: var(--unicamp-typography-body-font-family);
font-weight: 500;
font-size: 15px;
line-height: 26px;
color: var(--unicamp-color-text);
margin: 0 0 4px; }
.tutor_question_answer_wrap .question-description * {
font-size: 15px !important;
line-height: 26px !important; }
.tutor_original_question {
border-bottom: 1px solid var(--unicamp-color-box-border);
margin: 0 0 30px;
padding: 0 0 30px; }
.tutor_admin_answers_list_wrap {
padding: 20px 0 0; }
.tutor_admin_answers_list_wrap .tutor-question-content {
background: none;
border: 1px solid var(--unicamp-color-box-border);
padding: 15px 20px; }
.tutor_admin_answers_list_wrap .tutor_individual_answer {
margin: 0 0 20px; }
.single-instructor-wrap {
border: 0;
border-bottom: 1px solid var(--unicamp-color-box-border);
padding: 0 0 30px;
border-radius: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.single-instructor-wrap .instructor-avatar {
float: none !important;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 30px 0 0;
width: 200px;
height: 236px; }
.single-instructor-wrap .instructor-avatar img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
max-width: 100%;
border-radius: 0; }
.single-instructor-wrap .tutor-instructor-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.single-instructor-wrap .instructor-name {
font-family: var(--unicamp-typography-body-font-family);
font-weight: 700;
font-size: 18px;
float: none !important;
padding: 0 !important;
max-width: 100%;
margin: 0 0 6px; }
.single-instructor-wrap .instructor-name a {
color: inherit; }
.single-instructor-wrap .instructor-job {
font-size: 14px;
line-height: 26px;
margin: 0 0 5px; }
.single-instructor-wrap .instructor-meta {
margin: 6px -9px 0;
color: var(--unicamp-color-text-bit-lighten);
font-size: 13px;
line-height: 26px; }
.single-instructor-wrap .instructor-meta .instructor-meta-item {
display: inline-block;
margin: 0 0 5px;
padding: 0 9px; }
.single-instructor-wrap .instructor-meta .meta-icon {
font-size: 14px;
margin-right: 2px; }
.single-instructor-wrap .instructor-meta .meta-value {
font-weight: 500; }
.single-instructor-wrap .instructor-bio {
padding: 0 !important;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.single-instructor-wrap .instructor-ratings {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
line-height: 26px; }
.single-instructor-wrap .instructor-ratings .tm-star-rating {
margin: 0 5px 0 0; }
.single-instructor-wrap .instructor-ratings .instructor-rating-average span {
color: var(--unicamp-color-heading);
font-weight: 500; }
.single-instructor-wrap .instructor-profile-url {
display: inline-block;
font-size: 14px;
font-weight: 500;
margin: 10px 0 0; }
.single-instructor-wrap .instructor-profile-url span {
margin: 0 5px 0 0; }
.tutor-course-reviews-wrap {
border: 0 !important;
border-radius: 0 !important; }
.tutor-course-reviews-wrap .tutor-segment-title {
margin-bottom: 23px; }
.tutor-course-reviews-average {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.course-ratings-average-wrap {
width: 200px;
height: 190px;
padding: 25px 20px 20px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 40px 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
background: var(--unicamp-color-box-grey-background);
border: 1px solid var(--unicamp-color-box-border); }
.course-ratings-average-wrap .course-avg-rating {
font-family: var(--unicamp-typography-headings-font-family);
font-weight: 500;
font-size: 40px;
line-height: 1;
margin: 0 0 6px; }
.course-ratings-average-wrap .course-avg-rating-html {
font-size: 16px;
letter-spacing: 5px;
margin: 0 0 2px; }
.course-ratings-average-wrap .course-avg-rating-total {
font-size: 14px;
line-height: 26px;
font-weight: 500;
color: var(--unicamp-color-heading); }
.course-ratings-count-meter-wrap {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.course-rating-meter {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.course-rating-meter .rating-meter-col {
margin: 0; }
.course-rating-meter .tm-star-rating {
font-size: 12px;
letter-spacing: 4px; }
.course-rating-meter .rating-meter-bar-wrap {
margin: 0 13px 0 20px; }
.course-rating-meter .rating-meter-bar {
height: 6px;
margin: 0;
background: #eee;
border-radius: 0; }
.course-rating-meter .rating-meter-fill-bar {
height: 100%;
border-radius: inherit;
background: var(--unicamp-color-heading); }
.course-rating-meter .rating-text-col {
font-size: 13px;
font-weight: 500;
color: var(--unicamp-color-text-lighten);
min-width: 38px; }
.tutor-course-reviews-list-wrap {
margin: 50px 0 0; }
.tutor-course-reviews-list-wrap .tutor-segment-title span {
font-size: 14px;
color: var(--unicamp-color-text-lighten); }
.tutor-review-individual-item {
padding: 0 0 19px;
margin: 0 0 21px;
border: 0;
border-bottom: 1px solid var(--unicamp-color-box-border); }
.tutor-review-individual-item .review-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 11px; }
.tutor-review-individual-item .review-content {
padding: 0; }
.tutor-review-individual-item .review-rating {
font-size: 12px;
letter-spacing: 4px;
margin: 0 0 7px; }
.tutor-review-individual-item .review-avatar {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 52px;
float: none; }
.tutor-review-individual-item .review-avatar a {
display: block; }
.tutor-review-individual-item .tutor-review-user-info {
float: none; }
.tutor-review-individual-item .tutor-review-user-info .review-name {
font-size: 14px;
font-weight: 700;
margin: 0 0 5px; }
.tutor-review-individual-item .tutor-review-user-info .review-name a {
color: inherit; }
.tutor-review-individual-item .tutor-review-user-info .review-date {
font-size: 13px; }
.tutor-question-avatar .tutor-text-avatar,
.review-avatar .tutor-text-avatar,
.tutor-dashboard-avater .tutor-text-avatar,
.instructor-avatar .tutor-text-avatar {
display: block;
width: 52px;
height: 52px;
line-height: 52px;
border: 1px solid #ddd;
border-radius: 50%;
background: #eee !important;
color: #ababab !important;
font-size: 14px;
font-weight: var(--unicamp-typography-headings-font-weight);
text-shadow: none;
text-align: center; }
.tutor-write-review-form {
margin: 0; }
.tutor-write-review-form textarea {
height: 120px; }
.tutor-write-review-form .tutor-form-group {
margin: 20px 0 0; }
.tutor-attachments-wrap {
padding-bottom: 25px;
border-bottom: 1px solid #eee;
margin: 0 0 40px; }
.tutor-attachments-wrap .tutor-segment-title {
margin: 0 0 21px; }
.tutor-attachments-wrap .attachments-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px; }
.tutor-attachments-wrap .tutor-individual-attachment {
padding: 5px;
width: 33.33333%; }
.tutor-attachments-wrap .tutor-lesson-attachment {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin: 0;
border: 1px solid #f8f8f8;
border-radius: 0;
background: #f8f8f8;
padding: 14px 16px 14px 12px; }
.tutor-attachments-wrap .tutor-lesson-attachment:hover {
border-color: var(--unicamp-color-primary);
box-shadow: none; }
.tutor-attachments-wrap .tutor-attachment-icon i {
color: var(--unicamp-color-primary); }
.tutor-attachments-wrap .tutor-attachment-info {
float: none;
padding-left: 15px; }
.tutor-attachments-wrap .attachment-file-name {
font-size: 13px;
font-weight: 500;
color: var(--unicamp-color-heading);
margin: 0 0 8px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; }
.tutor-attachments-wrap .attachment-file-size {
font-size: 12px;
color: var(--unicamp-color-text-bit-lighten); }
.tutor-single-course-sidebar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.tutor-single-course-sidebar .widget {
width: 340px;
max-width: 100%;
margin: 40px 0 0; }
.tutor-single-course-sidebar .widget-title {
margin: 0 0 23px; }
.tutor-price-preview-box {
width: 340px;
max-width: 100%;
border-radius: 0;
border: 2px solid var(--unicamp-color-box-white-border);
background: var(--unicamp-color-box-white-background);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
padding: 30px 30px 20px;
margin: 0;
overflow: visible; }
.tutor-price-preview-box .tutor-price {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 14px; }
.tutor-price-preview-box .tutor-price > .price {
margin-right: 10px; }
.tutor-price-preview-box .course-price-badge {
display: inline-block;
border: 2px solid #eee;
border-radius: 5px;
font-size: 12px;
font-weight: var(--unicamp-typography-headings-font-weight);
line-height: 20px;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 0 10px;
text-align: center;
min-width: 84px;
color: var(--unicamp-color-primary); }
.tutor-price-preview-box .price {
font-size: 34px;
line-height: 34px;
margin: 0; }
.tutor-price-preview-box .price .amount {
font-size: 34px;
line-height: 34px;
font-weight: 700; }
.tutor-price-preview-box .price .amount .decimals-separator {
font-size: 24px; }
.tutor-price-preview-box .price int, .tutor-price-preview-box .price del {
line-height: 34px;
vertical-align: text-bottom; }
.tutor-price-preview-box .price del,
.tutor-price-preview-box .price del .amount {
font-size: 15px;
font-weight: 500; }
.tutor-price-preview-box .price del .decimals-separator,
.tutor-price-preview-box .price del .amount .decimals-separator {
font-size: 12px; }
.tutor-price-preview-box .price del:before {
margin-top: -1px; }
.tutor-price-preview-box .price ins + del {
margin-left: 18px; }
.tutor-price-preview-box .tutor-meta-top {
margin-bottom: 13px;
font-size: 14px;
line-height: 24px; }
.tutor-price-preview-box .tutor-meta-top > div {
padding: 5px 0;
min-height: 48px; }
.tutor-price-preview-box .tutor-meta-top > div + div {
border-top: 1px solid var(--unicamp-color-box-fill-separator); }
.tutor-price-preview-box .tutor-meta-top > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.tutor-price-preview-box .tutor-meta-top > div .meta-label,
.tutor-price-preview-box .tutor-meta-top > div .meta-value {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.tutor-price-preview-box .tutor-meta-top > div .meta-icon {
min-width: 20px;
line-height: 1;
margin: 0 4px 0 0;
color: var(--unicamp-color-primary); }
.tutor-price-preview-box .tutor-meta-top > div .meta-label {
font-weight: 500;
color: var(--unicamp-color-heading);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.tutor-price-preview-box .tutor-meta-top > div .meta-value {
text-align: end; }
.tutor-price-preview-box .tutor-course-categories a {
display: inline-block;
margin: 0 0 0 6px; }
.tutor-price-box-thumbnail {
margin: -32px -32px 28px;
border-radius: 0;
overflow: hidden; }
.tutor-price-box-thumbnail > img {
border-radius: 5px 5px 0 0; }
.tutor-btn-enroll .button-text {
-webkit-transition: none;
transition: none; }
.tutor-social-share > span {
display: none; }
.tutor-social-share-wrap {
margin: 11px 0 0;
text-align: center; }
.tutor-social-share-wrap .tutor_share {
display: inline-block;
padding: 0 5px;
font-size: 14px;
color: var(--unicamp-color-text);
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #ededed;
border-radius: 50%;
text-align: center;
margin: 10px 5px 0; }
.tutor-social-share-wrap .tutor_share:hover {
color: #fff;
background: var(--unicamp-color-primary);
border-color: var(--unicamp-color-primary); }
.tutor-lead-info-btn-group a.tutor-button {
text-transform: none;
padding: 0 30px;
line-height: 52px; }
.tutor-single-course-sidebar > *:last-child {
margin-bottom: 0; }
.tutor-single-course-sidebar .tutor-single-course-meta {
color: var(--unicamp-color-text); }
.tutor-single-course-sidebar .single_add_to_cart_button.added {
display: none; }
.tutor-single-course-sidebar .wc-forward,
.tutor-single-course-sidebar .tutor-btn,
.tutor-single-course-sidebar .tutor-button,
.tutor-single-course-sidebar .tutor-lead-info-btn-group a.tutor-button,
.tutor-single-course-sidebar .course-complete-button {
width: 100%;
height: 60px;
line-height: 60px;
font-size: 16px;
margin: 0; }
.tutor-single-course-sidebar .course-complete-button {
margin: 15px 0 0; }
.course-complete-button {
color: var(--unicamp-color-primary);
background: #f5f5f5;
border-color: #f5f5f5; }
.course-complete-button:hover {
color: #fff;
background: var(--unicamp-color-primary);
border-color: var(--unicamp-color-primary); }
.tutor-lead-info-btn-group {
margin: 0;
padding: 0;
border: 0; }
.tutor-lead-info-btn-group .tutor-alert {
margin: 15px 0 0; }
.tutor-course-enrolled-wrap {
margin: 25px 0 0 !important;
border-top: 1px solid var(--unicamp-color-box-fill-separator);
padding: 20px 0 0; }
.tutor-course-enrolled-wrap p {
font-weight: 400; }
.tutor-course-enrolled-wrap p span {
font-weight: 500; }
.tutor-course-enrolled-wrap p i {
font-size: 16px;
line-height: 26px; }
.single-course-tab {
display: none; }
.single-course-tab.active {
display: block; }
.tutor-price-preview-box .tutor-course-purchase-box button {
background: var(--unicamp-color-button-background);
color: var(--unicamp-color-button-text);
font-size: 16px;
font-weight: 700;
text-transform: none; }
.tutor-price-preview-box .tutor-course-purchase-box button:hover {
background: var(--unicamp-color-button-hover-background);
color: var(--unicamp-color-button-hover-text); }
.wishlist-button-01 {
font-size: 16px;
font-weight: 700;
height: 60px;
width: 100%;
margin: 15px 0 0;
color: var(--unicamp-color-primary) !important; }
.wishlist-button-01:hover {
color: #fff !important; }
.wishlist-button-01:before {
background-color: #f5f5f5 !important; }
.wishlist-button-01:after {
background: var(--unicamp-color-primary) !important; }
.tm-button.wishlist-button-02 {
font-size: 15px;
font-weight: 700;
height: 52px;
line-height: 52px;
color: var(--unicamp-color-primary); }
.tm-button.wishlist-button-02:hover {
color: var(--unicamp-color-secondary); }
.tm-button.wishlist-button-02 .button-icon {
font-size: 24px;
line-height: 52px; }
.tm-button.wishlist-button-02.icon-left .button-icon {
margin-right: 10px; }
.tutor-course-form-actions {
margin: 14px 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.tutor-single-add-to-cart-box {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0; }
.tutor-single-add-to-cart-box button {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 200px; }
.tutor-course-form-actions button,
.tutor-course-form-actions .tm-button,
.tutor-course-form-actions .tutor-button {
margin: 10px 24px 0 0; }
.single-course-02 .tutor-single-add-to-cart-box .tutor-enroll-form .tutor-course-enroll-wrap button {
width: auto; }
.single-course-nav {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center; }
.single-course-nav li {
display: inline-block;
margin: 0 !important; }
.single-course-nav li a {
display: block;
font-size: 13px;
line-height: 24px;
font-weight: 500;
padding: 12px 13px; }
.single-course-nav.style-01 {
background: #eee; }
.single-course-nav.style-01 li a {
color: #9d9d9d;
border-bottom: 2px solid transparent; }
.single-course-nav.style-01 li a:hover {
color: var(--unicamp-color-primary); }
.single-course-nav.style-01 li.active a {
border-color: var(--unicamp-color-primary);
color: var(--unicamp-color-primary); }
.single-course-nav.style-02 {
background: #f5f5f5;
padding: 0;
margin: 0 0 44px; }
.single-course-nav.style-02 li a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 17px;
min-height: 52px;
color: var(--unicamp-color-text-bit-lighten); }
.single-course-nav.style-02 li a:hover,
.single-course-nav.style-02 li.active a {
color: #fff;
background: var(--unicamp-color-primary); }
.tutor-single-course-thumbnail .tutor-single-lesson-segment {
margin-bottom: 0; }
.prerequisites-course-lists li:first-child {
padding: 13px 20px 13px 58px;
border-radius: 0; }
.prerequisites-course-lists li:first-child > span {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 16px; }
.prerequisites-course-lists li + li {
margin: 15px 0 0; }
.prerequisites-course-lists .prerequisites-course-item {
font-size: 15px;
color: var(--unicamp-color-heading);
font-weight: var(--unicamp-typography-headings-font-weight);
background: var(--unicamp-color-box-white-background);
border: 1px solid var(--unicamp-color-box-white-border);
border-radius: 0;
margin-bottom: 0; }
.prerequisites-course-lists .prerequisites-course-item:hover {
color: var(--unicamp-color-primary); }
.prerequisites-course-lists .prerequisites-course-item .prerequisites-course-title {
color: inherit !important; }
.prerequisites-course-feature-image img {
border-radius: 0; }
.single-courses .page-content .container {
max-width: 1200px;
padding-left: 15px;
padding-right: 15px; }
.single-courses.single-course-01 .page-title-bar {
margin-bottom: 0 !important; }
.single-courses.single-course-01 .tutor-single-course-main-content {
padding-top: 51px; }
.single-courses.single-course-01 .tutor-course-top-info {
background: #f8f8f8;
padding-top: 105px;
padding-bottom: 40px; }
.single-courses.single-course-01 .tutor-course-top-info.course-top-info-dark {
background: #222;
color: #fff; }
.single-courses.single-course-01 .tutor-course-top-info.course-top-info-dark .tutor-course-header-h1 {
color: #fff; }
.single-courses.single-course-01 .tutor-course-top-info.course-top-info-dark .heading-color {
color: #fff; }
.single-courses.single-course-01 .tutor-course-top-info.course-top-info-dark .tutor-single-course-lead-meta {
color: #fff; }
.single-courses.single-course-01 .tutor-course-top-info.course-top-info-dark .tutor-single-course-lead-meta .tutor-single-course-rating .rating-count,
.single-courses.single-course-01 .tutor-course-top-info.course-top-info-dark .tutor-single-course-lead-meta .student-enrolled,
.single-courses.single-course-01 .tutor-course-top-info.course-top-info-dark .tutor-single-course-lead-meta .instructor-name {
color: #7e7e7e; }
.single-courses.single-course-02 .page-content {
margin-bottom: 0; }
.single-courses.single-course-02 .tutor-course-top-info {
padding: 0 0 72px; }
.single-courses.single-course-02 .tutor-course-top-info .tutor-lead-info-btn-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.single-courses.single-course-02 .tutor-course-top-info .tutor-lead-info-btn-group a.tutor-button {
width: auto; }
.single-courses.single-course-02 .tutor-single-course-thumbnail {
overflow: hidden;
border: 7px solid #fff;
border-radius: 0;
box-shadow: 1px 0 30px rgba(0, 0, 0, 0.38); }
.single-courses.single-course-02 .tutor-full-width-course-body {
padding: 50px 0 80px;
background: #f5f5f5; }
.single-courses.single-course-02 .tutor-single-course-main-content .tutor-single-course-segment {
background: #fff;
border: 0;
border-radius: 0;
margin: 0 0 10px;
padding: 23px 30px 30px; }
.single-courses.single-course-02 .tutor-price-preview-box {
border-color: #eee;
box-shadow: none; }
.single-courses.single-course-02 .tutor-single-course-sidebar .widget {
border-color: transparent !important; }
.single-courses.single-course-02 .tutor-single-course-sidebar .widget + .widget {
margin-top: 10px; }
.single-courses.single-course-03 .tutor-single-course-lead-info {
margin: 0 0 20px; }
.single-courses.single-course-03 .tutor-single-course-thumbnail {
margin-bottom: 30px;
overflow: hidden;
border-radius: 0; }
.single-courses.single-course-03 .tutor-single-course-thumbnail > img {
border-radius: inherit; }
@media (min-width: 992px) {
.single-courses.single-course-01 .tutor-single-course-lead-info {
min-height: 250px; }
.single-courses.single-course-01 .tutor-single-course-sidebar {
-webkit-transform: translateY(-290px);
-ms-transform: translateY(-290px);
transform: translateY(-290px); }
.single-courses.single-course-01 .tutor-single-course-sidebar.is_stuck {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.single-courses.single-course-02 .col-course-content {
-webkit-box-flex: 0;
-webkit-flex: 0 0 69.166667%;
-ms-flex: 0 0 69.166667%;
flex: 0 0 69.166667%;
max-width: 69.166667%; }
.single-courses.single-course-02 .col-course-sidebar {
-webkit-box-flex: 0;
-webkit-flex: 0 0 30.833333%;
-ms-flex: 0 0 30.833333%;
flex: 0 0 30.833333%;
max-width: 30.833333%; } }
@media (max-width: 1199px) {
.tutor-course-header-h1 {
font-size: 28px; } }
@media (max-width: 991px) {
.tutor-course-header-h1 {
font-size: 24px; }
.tutor-single-course-sidebar {
margin-top: 30px; }
.tutor-single-course-sidebar .widget,
.tutor-price-preview-box {
width: 100%; }
.single-courses.single-course-01 .tutor-course-top-info {
padding-top: 25px; } }
@media (max-width: 767px) {
.tutor-course-benefits-wrap .tutor-course-benefits-items {
display: block; }
.tutor-course-benefits-wrap .tutor-course-benefit-item {
display: block;
width: 100%; }
.tutor-attachments-wrap .tutor-individual-attachment {
width: 50%; }
.course-ratings-average-wrap {
margin: 0 20px 0 0;
width: 170px;
height: 170px; }
.single-courses.single-course-02 .tutor-single-course-thumbnail {
margin-bottom: 30px; } }
@media (max-width: 543px) {
.single-courses.single-course-02 .tutor-single-course-main-content .tutor-single-course-segment,
.tutor-course-benefits-wrap,
.tutor-single-course-sidebar .widget,
.tutor-price-preview-box {
padding-left: 15px;
padding-right: 15px; }
.tutor-price-box-thumbnail {
margin-left: -16px;
margin-right: -16px; }
.tutor-course-lesson,
.tutor-course-topics-contents .tutor-course-topic > .tutor-course-title {
padding-left: 15px;
padding-right: 15px; }
.tutor-question-and-answer-wrap .tutor-question-top {
display: block; }
.tutor-question-and-answer-wrap .tutor-segment-title {
margin-bottom: 8px; }
.tutor-course-reviews-average {
display: block; }
.tutor-attachments-wrap .tutor-individual-attachment {
width: 100%; }
.course-ratings-average-wrap {
margin: 0 0 20px;
width: 100%;
height: 170px; }
.tutor-course-reviews-list-wrap {
margin: 20px 0 0; }
.single-instructor-wrap .instructor-avatar {
width: 70px;
height: 70px;
margin: 0 20px 0 0; }
.single-instructor-wrap .instructor-bio {
-webkit-line-clamp: 2; }
.single-courses.single-course-02 .tutor-single-course-thumbnail {
border-width: 3px;
border-radius: 8px; } }
.tutor-single-lesson-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%; }
.tutor-lesson-sidebar-wrap {
position: relative;
z-index: 3; }
.tutor-single-entry-content {
-webkit-box-flex: 999;
-webkit-flex-grow: 999;
-ms-flex-positive: 999;
flex-grow: 999; }
.tutor-lesson-sidebar-inner {
position: relative;
z-index: 1;
display: block;
background: var(--unicamp-color-box-white-background);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
border-radius: 0 5px 5px 0; }
.tutor-sidebar-tabs-wrap {
border: 0; }
.tutor-lesson-sidebar {
position: static !important;
top: auto;
left: auto;
width: 420px !important;
max-width: calc(95vw - 48px) !important;
height: 100% !important;
background: none !important; }
.tutor-spotlight-mode .tutor-lesson-sidebar-wrap {
height: 100vh; }
.tutor-spotlight-mode .tutor-lesson-sidebar-inner {
height: 100%; }
.tutor-spotlight-mode .tutor-lesson-sidebar {
width: 420px !important; }
.tutor-tabs-btn-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 52px;
border-bottom: 1px solid #ededed; }
.tutor-tabs-btn-group a {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 14px;
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-text) !important;
background: #eee;
line-height: 52px;
border: 0; }
.tutor-tabs-btn-group a i,
.tutor-tabs-btn-group a span {
line-height: 26px; }
.tutor-tabs-btn-group a span {
font-size: inherit;
padding: 0 0 0 8px; }
.tutor-tabs-btn-group a i {
font-size: inherit;
color: var(--unicamp-color-text); }
.tutor-tabs-btn-group a:hover i {
color: var(--unicamp-color-primary); }
.tutor-tabs-btn-group a.active {
background: #fff; }
.tutor-tabs-btn-group a.active i {
color: var(--unicamp-color-primary); }
.tutor-topics-in-single-lesson {
margin-bottom: 1px; }
.tutor-topics-in-single-lesson .tutor-topics-title {
position: relative; }
.tutor-topics-in-single-lesson .tutor-topics-title h3 {
font-family: var(--unicamp-typography-body-font-family);
font-weight: 500;
color: var(--unicamp-color-heading);
padding: 10px 40px 10px 20px;
font-size: 15px;
line-height: 26px;
margin: 0;
cursor: pointer; }
.tutor-topics-in-single-lesson .tutor-topics-title h3:hover {
color: var(--unicamp-color-primary); }
.tutor-topics-in-single-lesson .tutor-topics-title .toogle-informaiton-icon {
background: #ccc;
color: #fff;
height: 18px;
width: 18px;
text-align: center;
display: inline-block;
vertical-align: text-bottom;
line-height: 14px;
font-size: 16px;
border-radius: 50%;
margin-left: 10px; }
.tutor-topics-in-single-lesson .tutor-topics-title .toogle-informaiton-icon i {
margin: 0;
font-size: 10px; }
.tutor-topics-in-single-lesson .tutor-topics-title button {
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 5px;
background: transparent;
border: none;
font-size: 15px;
height: auto;
line-height: unset;
color: var(--unicamp-color-primary); }
.tutor-topics-in-single-lesson .tutor-topics-title button i:before {
content: '\f067'; }
.tutor-topics-in-single-lesson.is-active h3 {
color: var(--unicamp-color-primary); }
.tutor-topics-in-single-lesson.is-active button i:before {
content: '\f068'; }
.tutor-topics-in-single-lesson .tutor-lessons-under-topic {
padding-bottom: 20px; }
.tutor-topics-in-single-lesson .tutor-play-duration {
font-size: 13px; }
.tutor-lessons-under-topic .tutor-single-lesson-items a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 56px;
padding: 10px 17px;
border: 0;
border-bottom: 1px solid var(--unicamp-color-box-fill-separator);
color: var(--unicamp-color-text); }
.tutor-lessons-under-topic .tutor-single-lesson-items a span {
color: inherit; }
.tutor-lessons-under-topic .tutor-single-lesson-items a > i:first-child {
font-size: 14px;
color: inherit;
line-height: unset;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0; }
.tutor-lessons-under-topic .tutor-single-lesson-items a .lesson_title {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.tutor-lessons-under-topic .tutor-single-lesson-items a .tutor-lesson-right-icons {
position: static;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
min-width: 80px;
text-align: end; }
.tutor-lessons-under-topic .tutor-single-lesson-items a .tutor-lesson-right-icons .quiz-time-limit,
.tutor-lessons-under-topic .tutor-single-lesson-items a .tutor-lesson-right-icons > i {
margin-left: 8px; }
.tutor-lessons-under-topic .tutor-single-lesson-items a:hover {
color: var(--unicamp-color-primary); }
.tutor-lessons-under-topic .tutor-single-lesson-items.active a {
color: #fff;
border-color: var(--unicamp-color-primary);
background: var(--unicamp-color-primary); }
.tutor-lessons-under-topic .tutor-single-lesson-items.active .tutor-lesson-right-icons .tutor-lesson-complete.tutor-done {
background: #fff;
border-color: #fff;
color: #6cbd7e; }
.tutor-lessons-under-topic .tutor-single-lesson-items.active .tutor-lesson-right-icons .tutor-lesson-complete.tutor-done:before {
content: '\f00c'; }
.tutor-lessons-under-topic .tutor-lesson-right-icons {
right: 20px;
top: 14px;
vertical-align: middle; }
.tutor-lessons-under-topic .tutor-lesson-right-icons .tutor-lesson-complete {
display: inline-block;
border-radius: 50%;
text-align: center;
margin: 0;
vertical-align: middle;
font-size: 10px;
width: 14px;
height: 14px;
line-height: 12px !important;
border: 1px solid #ccc; }
.tutor-lessons-under-topic .tutor-lesson-right-icons .tutor-lesson-complete.tutor-done {
background: #6cbd7e;
border-color: #6cbd7e;
color: #fff; }
.tutor-lessons-under-topic .tutor-lesson-right-icons .tutor-lesson-complete.tutor-done:before {
content: '\f00c'; }
.tutor-sidebar-tabs-content {
padding: 23px 0 49px; }
.btn-toggle-lesson-sidebar {
position: absolute;
top: 51px;
left: 100%;
height: 48px;
width: 48px;
line-height: 48px;
text-align: center;
border-radius: 0;
font-size: 18px;
color: var(--unicamp-color-primary);
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
pointer-events: auto; }
.btn-toggle-lesson-sidebar:hover {
background: var(--unicamp-color-primary);
color: #fff; }
.tutor-topbar-content-title-wrap {
font-family: var(--unicamp-typography-body-font-family);
font-weight: 500;
font-size: 18px;
line-height: 30px; }
.tutor-top-bar-course-link {
font-size: 14px;
line-height: 26px;
font-weight: 500; }
.tutor-single-page-top-bar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 15px;
color: #fff;
background: var(--unicamp-color-heading);
border-radius: 0;
height: auto;
min-height: 60px;
margin: 0 0 66px; }
.tutor-single-page-top-bar button.tutor-topbar-mark-btn {
padding: 0 20px;
height: 40px;
font-size: 14px;
border-color: rgba(255, 255, 255, 0.5);
background-color: transparent;
color: var(--unicamp-color-secondary); }
.tutor-single-page-top-bar button.tutor-topbar-mark-btn:hover {
color: var(--unicamp-color-third);
border-color: var(--unicamp-color-secondary);
background-color: var(--unicamp-color-secondary); }
.tutor-single-page-top-bar button.tutor-topbar-mark-btn > span:first-child {
margin: 0 8px 0 0 !important; }
.tutor-single-page-top-bar a {
color: #fff;
vertical-align: middle;
display: inline-block; }
.tutor-single-page-top-bar a:hover {
color: var(--unicamp-color-secondary); }
.tutor-single-page-top-bar a i {
color: var(--unicamp-color-secondary); }
.tutor-single-page-top-bar .tutor-topbar-content-title-wrap i {
color: var(--unicamp-color-secondary);
vertical-align: unset;
margin-right: 1px; }
.tutor-topbar-home-btn {
margin-left: 20px; }
.tutor-topbar-home-btn i {
margin-right: 7px; }
.tutor-lesson-content-area,
.tutor-quiz-single-wrap {
margin: 0; }
.tutor-next-previous-pagination-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 40px 0 0; }
.tutor-next-previous-pagination-wrap .tm-button {
min-width: 140px;
padding: 0 24px; }
.tutor-next-previous-pagination-wrap .tm-button .button-content-wrapper {
width: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
#tutor-lesson-sidebar-qa-tab-content {
padding: 8px 20px 0;
background: none; }
#tutor-lesson-sidebar-qa-tab-content .tutor-add-question-wrap {
border-top: 1px solid var(--unicamp-color-box-fill-separator); }
#tutor-lesson-sidebar-qa-tab-content .tutor-add-question-wrap h3 {
font-size: 20px;
line-height: 1.6;
color: var(--unicamp-color-heading); }
#tutor-lesson-sidebar-qa-tab-content .tutor-add-question-wrap button.tutor_ask_question_btn {
background: var(--unicamp-color-button-background);
border-color: var(--unicamp-color-button-border); }
#tutor-lesson-sidebar-qa-tab-content .tutor-add-question-wrap button.tutor_ask_question_btn:hover {
color: var(--unicamp-color-button-hover-text);
background: var(--unicamp-color-button-hover-background);
border-color: var(--unicamp-color-button-hover-border); }
.tutor-lesson-sidebar-emptyqa-wrap {
padding: 29px 20px 18px;
color: var(--unicamp-color-text); }
.tutor-lesson-sidebar-emptyqa-wrap svg {
margin: 0 0 19px; }
.tutor-lesson-sidebar-emptyqa-wrap svg *[fill^='#'] {
fill: #eee; }
.tutor-lesson-sidebar-emptyqa-wrap svg .primary-fill-color {
fill: var(--unicamp-color-primary) !important; }
.tutor-lesson-sidebar-emptyqa-wrap h3 {
font-size: 24px;
font-weight: 500;
line-height: 1.34;
padding: 0;
margin: 0 0 10px; }
.single-tutor_quiz.lesson-spotlight-mode .page-content,
.single-lesson.lesson-spotlight-mode .page-content {
margin: 0; }
.single-tutor_quiz.lesson-spotlight-mode #tutor-single-entry-content,
.single-lesson.lesson-spotlight-mode #tutor-single-entry-content {
padding: 80px 0; }
.single-tutor_quiz .page-title-bar-05,
.single-lesson .page-title-bar-05 {
margin-bottom: 42px !important; }
.single-tutor_quiz .page-content .container,
.single-lesson .page-content .container {
max-width: 1200px;
padding-left: 15px;
padding-right: 15px; }
.single-tutor_quiz .tutor-lesson-video-wrap,
.single-lesson .tutor-lesson-video-wrap {
border-radius: 5px;
overflow: hidden; }
.single-tutor_quiz .tutor-question-avatar,
.single-lesson .tutor-question-avatar {
width: 42px; }
.single-tutor_quiz .tutor-question-avatar .tutor-text-avatar,
.single-lesson .tutor-question-avatar .tutor-text-avatar {
width: 42px;
height: 42px;
line-height: 42px; }
.single-tutor_quiz .tutor_question_answer_wrap,
.single-tutor_quiz .tutor-queston-and-answer-wrap,
.single-lesson .tutor_question_answer_wrap,
.single-lesson .tutor-queston-and-answer-wrap {
margin: 0; }
.single-tutor_quiz .tutor_original_question,
.single-lesson .tutor_original_question {
border: 0;
padding: 0;
margin: 30px 0 20px; }
.single-tutor_quiz .tutor_admin_answers_list_wrap + .tutor_add_answer_row,
.single-tutor_quiz .tutor_admin_answers_list_wrap,
.single-lesson .tutor_admin_answers_list_wrap + .tutor_add_answer_row,
.single-lesson .tutor_admin_answers_list_wrap {
margin-left: 30px; }
.single-tutor_quiz .tutor_admin_answers_list_wrap,
.single-lesson .tutor_admin_answers_list_wrap {
padding: 0; }
.single-tutor_quiz .tutor-add-question-wrap,
.single-lesson .tutor-add-question-wrap {
margin: 30px 0 0;
padding: 20px 0 0; }
.single-tutor_quiz .tutor-add-question-wrap .tutor-form-group:last-child,
.single-lesson .tutor-add-question-wrap .tutor-form-group:last-child {
margin-bottom: 0; }
.single-tutor_quiz .tutor-add-question-wrap .tutor_ask_question_btn,
.single-lesson .tutor-add-question-wrap .tutor_ask_question_btn {
margin-top: 20px; }
.single-tutor_quiz #tutor-lesson-sidebar-qa-tab-content .tutor_question_answer_wrap .tutor_original_question:first-child,
.single-lesson #tutor-lesson-sidebar-qa-tab-content .tutor_question_answer_wrap .tutor_original_question:first-child {
margin-top: 0; }
@-webkit-keyframes lesson-loading-spin {
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes lesson-loading-spin {
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg); } }
.loading-lesson .tutor-lesson-content-area {
position: relative; }
.loading-lesson .tutor-lesson-content-area:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
opacity: .6;
z-index: 9;
border-radius: 5px; }
.loading-lesson .tutor-lesson-content-area:after {
content: '\f3f4';
font-size: 30px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
z-index: 10;
-webkit-animation: lesson-loading-spin 1s linear infinite;
animation: lesson-loading-spin 1s linear infinite; }
.tutor-lessonrequired-enroll-wrap {
max-width: 1170px;
margin: 0 auto; }
.tutor-lessonrequired-enroll-wrap .tutor-notice-warning {
border-radius: 5px;
padding: 30px;
background: none;
border: 2px solid var(--unicamp-color-box-border); }
.tutor-lessonrequired-enroll-wrap .tutor-notice-warning h2 {
font-size: 28px;
margin: 0 0 10px; }
.tutor-lessonrequired-enroll-wrap .tutor-notice-warning h3 {
font-size: 20px;
margin: 0 0 20px; }
@media (min-width: 992px) {
.lesson-sidebar-on .tutor-lesson-sidebar {
display: none; } }
@media (max-width: 991px) {
.tutor-single-page-top-bar {
margin: 0 0 30px; }
.tutor-next-previous-pagination-wrap {
margin: 25px 0 0; }
.tutor-lesson-sidebar-wrap {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
pointer-events: none; }
.tutor-lesson-sidebar-wrap:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
opacity: 0;
visibility: hidden;
cursor: url("assets/images/cursor/light-close.png") 16 16, pointer; }
.tutor-lesson-sidebar {
display: block !important; }
.tutor-lesson-sidebar-inner {
height: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%); }
.btn-toggle-lesson-sidebar {
top: 120px; }
.lesson-sidebar-on .tutor-lesson-sidebar-wrap {
pointer-events: auto; }
.lesson-sidebar-on .tutor-lesson-sidebar-wrap:before {
opacity: .8;
visibility: visible; }
.lesson-sidebar-on .tutor-lesson-sidebar-inner {
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.tutor-mb-16 {
margin-bottom: 16px; }
.tutor-card {
background-color: var(--unicamp-color-box-white-background);
border: 1px solid var(--unicamp-color-box-white-border);
position: relative;
border-radius: 5px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
padding: 12px 15px; }
#tutor-start-quiz {
display: inline-block; }
.tutor-quiz-question-item {
position: relative;
display: block;
cursor: pointer; }
.tutor-quiz-dotted-box span[class^='tutor-icon-'],
.tutor-quiz-dotted-box span[class*=' tutor-icon-'] {
display: none; }
.tutor-dropzone.tutor-drop-over {
border-color: var(--unicamp-color-primary) !important; }
.tutor-dropzone input {
display: none; }
.question-type-image_answering > div:not(:last-child) {
margin-bottom: 70px; }
.question-type-image_answering .tutor-image-answer {
max-width: 500px; }
.question-type-image_answering .tutor-image-answer img {
width: 100%;
border-radius: 5px; }
.tutor-quiz-border-box {
cursor: move;
padding: 10px 18px;
border: 1px solid var(--unicamp-color-box-white-border);
border-radius: 5px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.tutor-quiz-border-box input {
display: none; }
.tutor-quiz-border-box .tutor-icon-hamburger-menu {
margin: 0 0 0 10px; }
.tutor-quiz-wrapper .tutor-start-quiz-wrapper {
width: 560px;
border: 1px solid #c0c3cb;
border-radius: 10px;
padding: 65px 95px; }
.tutor-quiz-wrapper .tutor-start-quiz-wrapper .tutor-start-quiz-title {
border-bottom: 1px solid #c0c3cb; }
.tutor-quiz-wrapper .tutor-start-quiz-wrapper .tutor-quiz-info-area .tutor-quiz-info:not(:first-child) {
padding-top: 15px; }
.tutor-quiz-wrapper .tutor-quiz-wrap {
width: 920px; }
.tutor-quiz-wrapper .tutor-quiz-wrap .quiz-meta-info .quiz-meta-info-left > *:not(:last-child) {
margin-right: 35px; }
.quiz-question-ans-choice-area .fill-in-the-gap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.quiz-question-ans-choice-area .fill-in-the-gap input {
width: 150px !important;
margin: 10px 10px 10px 10px; }
.quiz-question-ans-choice-area .fill-blank {
border-bottom: 2px dashed #1a1b1e;
margin: 0 10px 5px 10px; }
.quiz-question-ans-choice-area .tutor-quiz-dotted-box {
padding: 8px 20px;
border: 2px dashed #ddd;
border-radius: 5px; }
.quiz-question-ans-choice-area .quiz-flash-message .tutor-quiz-warning-box {
padding: 9px;
border-radius: 6px; }
.quiz-question-ans-choice-area .quiz-flash-message .tutor-quiz-warning-box.time-remaining-warning {
border: 1px solid #f5ba63; }
.quiz-image-ordering-ans {
display: -ms-grid;
display: grid;
-ms-grid-columns: 30px 315px;
grid-template-columns: 30px 315px;
cursor: pointer; }
.quiz-image-ordering-ans .quiz-image-ordering-ans-item {
width: 315px;
border: 1px solid #c0c3cb;
border-radius: 6px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 46px auto;
grid-template-columns: 46px auto; }
.quiz-image-ordering-ans .quiz-image-ordering-ans-item .tutor-quiz-image-ordering-icon {
background: #f4f6f9;
width: 46px;
border-radius: 6px 0 0 6px; }
.quiz-image-ordering-ans .quiz-image-ordering-ans-item .tutor-quiz-image-ordering-icon span {
font-size: 27px; }
.quiz-image-ordering-ans .quiz-image-ordering-ans-item .tutor-quiz-image-ordering-item {
display: -ms-grid;
display: grid;
-ms-grid-columns: 80px auto;
grid-template-columns: 80px auto;
-ms-grid-rows: auto;
grid-template-rows: auto; }
.quiz-image-ordering-ans .quiz-image-ordering-ans-item .tutor-quiz-image-ordering-item img {
width: 80px;
height: 80px;
border-radius: 6px; }
.quiz-image-ordering-ans .quiz-image-ordering-ans-item .tutor-quiz-image-ordering-item span {
word-break: break-word; }
.quiz-image-matching-ans {
display: -ms-grid !important;
display: grid !important;
grid-gap: 20px 20px;
-ms-grid-columns: (minmax(163px, 1fr))[auto-fit];
grid-template-columns: repeat(auto-fit, minmax(163px, 1fr)); }
.quiz-image-matching-ans .quiz-image {
margin: 0 0 20px; }
.quiz-ordering-ans-item {
margin: 0 0 0 30px; }
.quiz-ordering-ans-item .tutor-quiz-border-box {
width: 250px; }
.matching-quiz-question-desc {
display: -ms-grid;
display: grid;
grid-gap: 20px 20px;
-ms-grid-columns: (minmax(163px, 1fr))[auto-fit];
grid-template-columns: repeat(auto-fit, minmax(163px, 1fr));
margin: 0 0 40px; }
#quiz-matching-ans-area > div:not(:last-child) {
margin-bottom: 25px; }
#quiz-matching-ans-area .quiz-matching-ans {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 500px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
#quiz-matching-ans-area .quiz-matching-ans .tutor-quiz-ans-no {
width: 230px; }
#quiz-matching-ans-area .quiz-matching-ans .quiz-matching-ans-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 270px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
#quiz-matching-ans-area .quiz-matching-ans .quiz-matching-ans-item > span {
margin: 0 20px; }
#quiz-matching-ans-area .quiz-matching-ans .quiz-matching-ans-item .tutor-quiz-dotted-box {
width: 230px; }
.tutor-quiz-wrap #tutor-quiz-image-single-choice .tutor-image-checkbox {
display: -ms-grid;
display: grid;
-ms-grid-columns: (minmax(160px, 160px))[auto-fit];
grid-template-columns: repeat(auto-fit, minmax(160px, 160px));
gap: 20px; }
.tutor-quiz-wrap #tutor-quiz-image-single-choice .tutor-image-checkbox label.tutor-form-check-input {
cursor: pointer; }
.tutor-quiz-wrap #tutor-quiz-image-single-choice .tutor-image-checkbox label.tutor-form-check-input input {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
position: absolute;
opacity: 0; }
.tutor-quiz-wrap #tutor-quiz-image-single-choice .tutor-image-checkbox label.tutor-form-check-input .tutor-single-checkbox {
border-radius: 6px;
position: relative;
box-shadow: 0px 0px 0px 1px #cdcfd5; }
.tutor-quiz-wrap #tutor-quiz-image-single-choice .tutor-image-checkbox label.tutor-form-check-input .tutor-single-checkbox img {
width: 100%;
border-radius: 6px 6px 0px 0px; }
.tutor-quiz-wrap #tutor-quiz-image-single-choice .tutor-image-checkbox label.tutor-form-check-input .tutor-single-checkbox div {
border-radius: 6px 6px 0px 0px; }
.tutor-quiz-wrap #tutor-quiz-image-single-choice .tutor-image-checkbox label.tutor-form-check-input .tutor-single-checkbox span.tutor-icon-checkbox {
width: 22px;
height: 22px;
display: inline-block;
border: 2px solid #c0c3cb;
border-radius: 4px;
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
position: absolute;
top: 8px;
background-color: transparent;
right: 8px;
border-radius: 50%; }
.tutor-quiz-wrap #tutor-quiz-image-single-choice .tutor-image-checkbox label.tutor-form-check-input > input:checked + .tutor-single-checkbox span.tutor-icon-checkbox {
background: #fff;
border: 7px solid #3e64de; }
.tutor-quiz-wrap #tutor-quiz-image-single-choice .tutor-image-checkbox label.tutor-form-check-input > input:checked + .tutor-single-checkbox span.tutor-icon-checkbox:before {
opacity: 1; }
.tutor-quiz-wrap #tutor-quiz-single-multiple-choice .tutor-image-checkbox > div:not(:first-child) {
margin-top: 25px; }
.tutor-quiz-wrap #tutor-quiz-image-multiple-choice .tutor-image-checkbox {
display: -ms-grid;
display: grid;
-ms-grid-columns: (minmax(160px, 210px))[auto-fit];
grid-template-columns: repeat(auto-fit, minmax(160px, 210px));
gap: 20px; }
.tutor-quiz-wrap #tutor-quiz-image-multiple-choice .tutor-image-checkbox .tutor-image-checkbox label.tutor-form-check-input {
cursor: pointer; }
.tutor-quiz-wrap #tutor-quiz-image-multiple-choice .tutor-image-checkbox .tutor-image-checkbox label.tutor-form-check-input input {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
position: absolute;
opacity: 0; }
.tutor-quiz-wrap #tutor-quiz-image-multiple-choice .tutor-image-checkbox .tutor-image-checkbox label.tutor-form-check-input .tutor-multiple-checkbox {
border-radius: 6px;
position: relative;
box-shadow: 0px 0px 0px 1px #cdcfd5; }
.tutor-quiz-wrap #tutor-quiz-image-multiple-choice .tutor-image-checkbox .tutor-image-checkbox label.tutor-form-check-input .tutor-multiple-checkbox img {
border-radius: 6px 6px 0px 0px; }
.tutor-quiz-wrap #tutor-quiz-image-multiple-choice .tutor-image-checkbox .tutor-image-checkbox label.tutor-form-check-input .tutor-multiple-checkbox div {
border-radius: 6px 6px 0px 0px; }
.tutor-quiz-wrap #tutor-quiz-image-multiple-choice .tutor-image-checkbox .tutor-image-checkbox label.tutor-form-check-input .tutor-multiple-checkbox span.tutor-icon-checkbox {
width: 22px;
height: 22px;
display: inline-block;
border: 2px solid #cdcfd5;
border-radius: 4px;
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
position: absolute;
top: 8px;
right: 8px; }
.tutor-quiz-wrap #tutor-quiz-image-multiple-choice .tutor-image-checkbox .tutor-image-checkbox label.tutor-form-check-input .tutor-multiple-checkbox span.tutor-icon-checkbox:before {
content: '';
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 7px;
background-position: center center;
-webkit-transform: scale(1.6);
-ms-transform: scale(1.6);
transform: scale(1.6);
-webkit-transition: 200ms linear;
transition: 200ms linear;
opacity: 0; }
.tutor-quiz-wrap #tutor-quiz-image-multiple-choice .tutor-image-checkbox .tutor-image-checkbox label.tutor-form-check-input > input:checked + .tutor-multiple-checkbox {
box-shadow: 0px 0px 0px 2px #3057d5; }
.tutor-quiz-wrap #tutor-quiz-image-multiple-choice .tutor-image-checkbox .tutor-image-checkbox label.tutor-form-check-input > input:checked + .tutor-multiple-checkbox span.tutor-icon-checkbox {
background-color: var(--tutor-primary-color); }
.tutor-quiz-wrap #tutor-quiz-image-multiple-choice .tutor-image-checkbox .tutor-image-checkbox label.tutor-form-check-input > input:checked + .tutor-multiple-checkbox span.tutor-icon-checkbox:before {
opacity: 1; }
.tutor-quiz-wrap #tutor-quiz-image-multiple-choice .tutor-image-checkbox.tutor-quiz-multiple-variation .tutor-image-checkbox {
-ms-grid-columns: 240px;
grid-template-columns: 240px; }
.tutor-quiz-wrap .quiz-question-ans-choice-area .quiz-short-ans-image {
max-width: 444px;
width: 100%;
height: auto;
margin-bottom: 25px; }
.tutor-quiz-wrap .quiz-question-ans-choice-area .quiz-question-ans-choice label {
min-width: 240px;
border: 1px solid #c0c3cb;
border-radius: 6px;
padding: 9.5px 80px 9.5px 15px;
display: inline-block;
cursor: pointer; }
.tutor-quiz-wrap .quiz-question-ans-choice-area .quiz-question-ans-choice label input {
margin-right: 8px;
margin-top: 1px; }
.tutor-quiz-wrap .quiz-question-ans-choice-area .quiz-question-ans-choice .tutor-quiz-correct-ans span:first-child {
font-size: 27px; }
.tutor-quiz-wrap #quiz-ordering-ans-area {
counter-reset: serial-number; }
.tutor-quiz-wrap #quiz-ordering-ans-area > div:not(:last-child) {
margin-bottom: 25px; }
.tutor-quiz-wrap #quiz-ordering-ans-area .snum:before {
counter-increment: serial-number;
content: counter(serial-number); }
.quiz-time-remaining #tutor-quiz-time-update {
min-width: 50px;
width: 90px;
text-align: end; }
.quiz-time-remaining .quiz-time-remaining-expired-circle {
width: 40px;
height: 25px;
margin-top: 1px; }
.quiz-time-remaining .quiz-time-remaining-progress-circle svg {
width: 50px;
height: 50px;
margin-top: -3px; }
.quiz-time-remaining .quiz-time-remaining-progress-circle svg circle {
-webkit-transform: translate(17px, 15px);
-ms-transform: translate(17px, 15px);
transform: translate(17px, 15px); }
.quiz-time-remaining .quiz-time-remaining-progress-circle svg circle:first-child {
stroke: #9ca0ac;
stroke-width: 13px;
stroke-dasharray: 44;
stroke-dashoffset: 0; }
.quiz-time-remaining .quiz-time-remaining-progress-circle svg circle:last-child {
fill: none;
stroke: var(--tutor-primary-color);
stroke-dasharray: 44;
stroke-dashoffset: calc(44 - ((44 * var(--quizeProgress)) / 100));
stroke-width: 13px; }
.quiz-time-remaining .quiz-time-remaining-expired-circle svg {
width: 50px;
height: 50px;
margin-top: -3px; }
.quiz-time-remaining .quiz-time-remaining-expired-circle svg circle {
-webkit-transform: translate(17px, 15px);
-ms-transform: translate(17px, 15px);
transform: translate(17px, 15px);
stroke: #f44337;
stroke-dashoffset: 0;
stroke-dasharray: 75;
stroke-width: 2px;
fill: #fff; }
#tutor-quiz-time-expire-wrapper {
margin-bottom: 40px;
display: none; }
#tutor-quiz-time-expire-wrapper.tutor-alert-show {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important; }
#tutor-quiz-time-expire-wrapper .flash-info span:first-child.tutor-icon-cross-circle-outline-filled::before {
color: #f44337; }
.tutor-quiz-time-expired {
font-weight: 500;
font-size: 16px;
line-height: 26px;
color: #f44337; }
@media (max-width: 600px) {
.tutor-quiz-wrap .quiz-flash-message .tutor-quiz-warning-box {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.tutor-quiz-wrap .quiz-flash-message .tutor-quiz-warning-box .flash-info span:first-child {
font-size: 27px; }
.tutor-quiz-wrap .quiz-flash-message .tutor-quiz-warning-box .flash-action button {
background: #ed9700;
color: #fff;
border: unset; }
@media (max-width: 600px) {
.tutor-quiz-wrap .quiz-flash-message .tutor-quiz-warning-box .flash-action button {
margin-top: 10px; } }
.tutor-quiz-wrap .quiz-flash-message .tutor-quiz-warning-box.time-over {
border: 1px solid #f44337; }
@media (max-width: 575.98px) {
.tutor-quiz-wrapper .tutor-quiz-wrap #quiz-matching-ans-area .quiz-matching-ans .quiz-matching-ans-item {
margin-top: 20px; }
.tutor-quiz-wrapper .tutor-quiz-wrap .quiz-question-ans-choice-area .fill-in-the-gap .fill-blank {
margin: 0 10px 5px 0; } }
.tutor-quiz-header h2 {
font-size: 28px;
line-height: 1.43;
color: var(--unicamp-color-heading);
margin-bottom: 10px; }
.tutor-quiz-header .entry-quiz-course-title {
font-size: 15px;
line-height: 26px;
color: var(--unicamp-color-text-lighten);
margin: 0; }
.tutor-quiz-header .entry-quiz-course-title a {
color: var(--unicamp-color-heading); }
.tutor-quiz-header .entry-quiz-course-title a:hover {
color: var(--unicamp-color-primary); }
.tutor-quiz-header .entry-quiz-description {
margin: 10px 0 0; }
.tutor-quiz-meta {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border: 0;
background: #f4f9ff;
border-radius: 5px;
padding: 29px 35px 13px;
margin: 30px 0; }
.tutor-quiz-meta li {
list-style-type: none;
margin: 0 0 20px; }
.tutor-quiz-meta .meta-label,
.tutor-quiz-meta .meta-value {
display: block;
font-size: 14px;
line-height: 1.86;
font-weight: var(--unicamp-typography-headings-font-weight);
text-transform: none;
background: none;
padding: 0;
margin: 0; }
.tutor-quiz-meta .meta-label {
color: #9aa5b3;
margin: 0 0 6px; }
.tutor-quiz-meta .meta-value {
color: var(--unicamp-color-heading); }
.tutor-quiz-single-wrap .question-text {
font-size: 18px;
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-heading); }
.tutor-quiz-single-wrap .question-description {
color: var(--unicamp-color-text); }
.tutor-quiz-answers-wrap {
font-size: 14px;
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-text); }
.start-quiz-wrap {
margin: 30px 0 0; }
.start-quiz-wrap .tutor-button {
min-width: 202px; }
.tutor-quiz-attempt-history-title {
font-size: 18px;
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-heading);
margin: 67px 0 31px; }
.tutor-quiz-attempt-history-table-wrap {
border-radius: 5px;
border: 1px solid #e7e7e7; }
.tutor-quiz-attempt-history-table-wrap table {
border: 0;
margin: 0 !important; }
.tutor-quiz-attempt-history-table-wrap th,
.tutor-quiz-attempt-history-table-wrap td {
border: 0;
text-align: left !important; }
.tutor-quiz-attempt-history-table-wrap th {
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-text);
padding: 14px 10px !important; }
.tutor-quiz-attempt-history-table-wrap td {
padding: 25px 10px !important;
background: none !important; }
.tutor-quiz-attempt-history-table-wrap tbody tr {
border-top: 1px solid #eee; }
.tutor-quiz-attempt-history-table-wrap .col-attempt-number {
width: 60px; }
.attempt-number {
display: inline-block;
min-width: 26px;
height: 26px;
padding: 0 3px;
line-height: 24px;
text-align: center;
font-size: 12px;
font-weight: var(--unicamp-typography-headings-font-weight);
color: #47586d;
background: #f4f9ff;
border: 1px solid #d7e7fa;
border-radius: 26px; }
.attempt-result {
display: inline-block;
font-size: 12px;
font-weight: var(--unicamp-typography-headings-font-weight);
border: 1px solid #eee;
border-radius: 5px;
padding: 2px 10px;
min-width: 100px;
text-align: center; }
.attempt-result.attempt-result-review-required {
color: #ffc221;
background: #fffcf4;
border-color: #ffe7a6; }
.attempt-result.attempt-result-pass {
color: #6cbd7e;
background: #f7fbf8;
border-color: #c3e5ca; }
.attempt-result.attempt-result-fail {
color: #da0e2b;
background: #fdf3f4;
border-color: #f8cfd5; }
.tutor-dashboard-content .tutor-quiz-attempt-history-table-wrap table thead tr,
.single-quiz-page.tutor-quiz-attempt-history-table-wrap table thead tr {
background: #f8f8f8;
color: #696969;
font-weight: var(--unicamp-typography-headings-font-weight); }
.quiz-attempt-single-question {
margin: 0 0 70px; }
.fill-in-the-blank-field .fill-in-the-blank-text-input {
min-height: 0;
width: auto; }
.quiz-draggable-rand-answers {
margin: 0 0 30px;
height: auto !important; }
.quiz-draggable-answer-item {
cursor: move; }
.answer-type-image_matching .quiz-answer-matching-items-wrap {
margin-left: -15px;
margin-right: -15px; }
.quiz-answer-item-matching {
padding: 0 15px;
margin: 0 0 20px; }
.tutor-quiz-answers-wrap {
margin-bottom: 30px; }
.tutor-quiz-answers-wrap label {
margin-bottom: 13px; }
.tutor-quiz-answers-wrap label.answer-view-text_image {
text-align: left; }
.quiz-answer-input-body .quiz-answer-image-wrap {
margin: 0 0 17px; }
.tutor-quiz-btn-grp {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 40px 0 0; }
.quiz-meta-info-left > *:not(:last-child) {
margin-right: 35px; }
.quiz-meta-info #tutor-quiz-time-update,
.quiz-meta-info .tutor-fw-bold {
font-weight: 700;
color: var(--unicamp-color-heading);
margin: 0 0 0 5px; }
#tutor-quiz-attempt-questions-wrap {
margin: 35px 0 0; }
.quiz-attempt-single-question .quiz-question-title {
font-family: var(--unicamp-typography-headings-font-family);
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-heading);
font-size: 20px; }
.quiz-attempt-single-question .quiz-question {
margin: 0 0 20px; }
.quiz-time-remaining-progress-circle,
.quiz-time-remaining-expired-circle {
display: none; }
.tutor-quiz-btn-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 40px 0 0; }
#tutor-quiz-time-expire-wrapper {
display: none; }
@media (max-width: 767px) {
.tutor-quiz-answers-wrap label.answer-view-image,
.tutor-quiz-answers-wrap label.answer-view-text_image {
margin: 0 0 20px;
width: 100%;
max-width: 100%; }
.quiz-answer-item-matching {
width: 50%; }
.tutor-quiz-meta {
padding: 29px 30px 23px; }
.tutor-quiz-attempt-history-title {
margin: 35px 0 20px; }
.tutor-quiz-meta li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 0 10px; }
.tutor-quiz-meta li:last-child {
margin: 0; }
.tutor-quiz-meta li .meta-label {
margin: 0 10px 0 0; } }
@media (max-width: 543px) {
.tutor-quiz-meta {
padding: 20px; } }
.assignment-section-heading {
font-size: 20px; }
.tutor-assignment-content {
margin: 0 0 35px; }
.assignment-attachment-cards {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px; }
.assignment-attachment-card {
min-width: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid var(--unicamp-color-box-white-border);
background: var(--unicamp-color-box-white-background);
border-radius: 5px;
padding: 20px;
margin: 0 0 20px; }
.assignment-attachment-card .tutor-avatar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--unicamp-color-primary);
color: #fff; }
.assignment-attachment-card .tutor-icon-download-line {
font-size: 30px; }
.tutor-assignment-attachment {
margin: 30px 0 0;
background-color: #eff1f7;
padding: 30px;
border-radius: 5px; }
.tutor-assignment-attachment .tutor-color-black {
color: var(--unicamp-color-heading);
font-weight: 500; }
.tutor-assignment-attachment .text-regular-small {
font-size: 13px;
margin: 0 0 10px; }
.tutor-assignment-attachment #tutor-assignment-file-upload {
display: none; }
.tutor-assignment-submit-btn {
margin: 40px 0 0; }
.tutor-attachment-files {
display: -ms-grid;
display: grid;
-ms-grid-columns: 180px auto;
grid-template-columns: 180px auto;
margin: 12px 0 0; }
.tutor-assignment-description-details {
margin: 35px 0 0; }
#tutor-assignment-wrap .tutor-instructor-card {
background-color: var(--unicamp-color-box-white-background);
border: 1px solid var(--unicamp-color-box-white-border);
border-radius: 5px;
cursor: pointer;
min-width: unset;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 12px 17px; }
#tutor-assignment-wrap .tutor-instructor-card .tutor-avatar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 40px;
height: 40px;
background: #e9edfb;
border-radius: 50%;
overflow: hidden;
font-size: 30px;
margin: 0 0 0 10px; }
#tutor-assignment-wrap .tutor-instructor-card .tutor-avatar a {
line-height: 1; }
.tutor-assignment-details {
background-color: var(--unicamp-color-box-white-background);
border: 1px solid var(--unicamp-color-box-white-border);
border-radius: 5px;
cursor: pointer;
min-width: unset;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 12px 17px;
margin: 30px 0 0; }
.tutor-zoom-meeting-content {
border: 0;
margin: 0;
padding: 0;
height: auto;
background: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.tutor-zoom-meeting-content .meeting-title {
font-size: 28px;
line-height: 1.43;
color: var(--unicamp-color-heading);
font-weight: var(--unicamp-typography-headings-font-weight);
margin: 0 0 11px; }
.tutor-zoom-meeting-content .meeting-summary {
font-size: 14px; }
.tutor-zoom-meeting-content .meeting-details div + div {
margin: 11px 0 0; }
.tutor-zoom-meeting-content .meeting-details div span {
font-size: 16px;
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-text-bit-lighten); }
.tutor-zoom-meeting-content .meeting-details div p {
margin: 0;
font-size: 16px;
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-heading); }
.zoom-meeting-content-wrap {
max-width: 100%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.tutor-zoom-meeting-countdown {
display: block;
margin: 0 -5px 10px;
border: 0;
background: none; }
.tutor-zoom-meeting-countdown div {
height: auto;
width: auto;
border: 0;
margin: 0;
border-radius: 0; }
.tutor-zoom-meeting-countdown .countdown-row {
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.tutor-zoom-meeting-countdown .countdown-section {
border: 0;
border-radius: 5px;
background: #fff;
box-shadow: 0 0 20px rgba(51, 51, 51, 0.1);
margin: 0 5px 10px;
padding: 21px 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: auto !important; }
.tutor-zoom-meeting-countdown .countdown-amount {
font-size: 32px;
color: var(--unicamp-color-primary);
font-weight: var(--unicamp-typography-headings-font-weight);
line-height: 1;
height: auto;
width: auto; }
.tutor-zoom-meeting-countdown .countdown-period {
font-size: 12px;
font-weight: var(--unicamp-typography-headings-font-weight);
text-transform: uppercase;
letter-spacing: 0.92px;
color: var(--unicamp-color-text-lighten);
margin: 2px 0 0; }
.tutor-course-lessons.tutor-zoom-meeting-session .tutor-zoom-meeting-countdown {
margin-bottom: 20px; }
.single-courses .tutor-zoom-meeting-countdown .countdown-row {
width: auto;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.single-tutor_zoom_meeting .tutor-zoom-meeting-countdown .countdown-section {
min-width: 0; }
.tutor-zoom-lesson-countdown {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.tutor-zoom-lesson-countdown .countdown-item {
margin: 0 0 0 5px; }
.tutor-zoom-lesson-countdown .countdown-line-amount {
margin: 0 4px 0 0; }
.zoom-meeting-countdown-wrap {
max-width: 100%;
width: 400px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
background: var(--unicamp-color-box-light-grey-background);
border-radius: 8px;
padding: 32px 40px 22px; }
.tutor-zoom-join-button-wrap {
display: block;
margin: 0; }
.tutor-zoom-join-button-wrap .zoom-meeting-join-in-app {
background: var(--unicamp-color-secondary);
color: var(--unicamp-color-third); }
.tutor-zoom-join-button-wrap a {
display: block;
margin: 0 0 10px;
width: 100%;
border: 0;
line-height: 56px; }
.tutor-zoom-join-button-wrap a:hover {
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
background: #fff !important;
color: var(--unicamp-color-primary) !important; }
@media (min-width: 992px) {
.zoom-meeting-countdown-wrap {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; } }
.instructors-page.page-has-no-sidebar .page-content > .container {
max-width: 1200px;
padding-left: 15px;
padding-right: 15px; }
.unicamp-instructors .loop-instructor-header {
text-align: center; }
.unicamp-instructors .loop-instructor-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.loop-instructor-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
background: var(--unicamp-color-box-white-background);
box-shadow: 0 0 10px rgba(51, 51, 51, 0.1);
color: inherit !important; }
.loop-instructor-wrapper:hover {
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08) !important; }
.loop-instructor-wrapper:hover .loop-instructor-name {
color: var(--unicamp-color-primary); }
.loop-instructor-header {
padding: 20px 20px 14px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.loop-instructor-footer {
padding: 11px 20px;
border-top: 1px solid var(--unicamp-color-box-fill-separator);
color: var(--unicamp-color-text-bit-lighten); }
.loop-instructor-footer .meta-icon {
margin: 0 4px 0 0; }
.loop-instructor-footer .meta-value {
font-size: 13px;
font-weight: 500; }
.loop-instructor-footer .row-flex {
margin-left: -10px;
margin-right: -10px; }
.loop-instructor-footer .row-flex .col-grow,
.loop-instructor-footer .row-flex .col-shrink {
padding-left: 10px;
padding-right: 10px; }
.loop-instructor-name {
font-family: var(--unicamp-typography-body-font-family);
font-weight: 700;
font-size: 18px;
margin: 0; }
.loop-instructor-job {
position: relative;
margin: 6px 0 0;
min-height: 26px; }
.loop-instructor-job.no-job-title:after {
content: '';
width: 150px;
max-width: 90%;
height: 1px;
background: #b7b7b7;
position: absolute;
top: 12px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.loop-instructor-rating {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 4px 0 0; }
.loop-instructor-rating .tm-star-rating {
margin: 0 5px 0 0; }
.loop-instructor-rating .tm-star-rating.style-02 .tm-star-empty {
color: #f7c04d; }
.loop-instructor-rating .rating-average {
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-heading); }
.loop-instructor-rating .rating-max-rank {
font-size: 13px; }
.loop-instructor-avatar {
display: inline-block;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 140px;
height: 140px;
line-height: 140px;
border-radius: 50%;
text-align: center;
margin: 0 0 13px; }
.loop-instructor-avatar img {
display: block;
border-radius: inherit;
width: 100%;
height: 100%; }
.dashboard-page {
background: #f8f8f8; }
.dashboard-page .branding-logo {
display: block !important; }
.dashboard-page .page-content {
margin: 0 0 80px; }
.tutor-dashboard-left-menu {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: 99998;
height: 100%;
-webkit-transition: .25s background linear;
transition: .25s background linear; }
.tutor-dashboard-left-menu .dashboard-nav-wrapper {
position: relative;
z-index: 1;
width: 320px;
max-width: 90%;
height: 100%;
background: var(--unicamp-color-box-white-background);
box-shadow: 0 2px 15px rgba(51, 51, 51, 0.05);
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
pointer-events: auto;
cursor: auto; }
body.dashboard-nav-opened .tutor-dashboard-left-menu {
background: rgba(0, 0, 0, 0.5); }
body.dashboard-nav-opened .tutor-dashboard-left-menu .dashboard-nav-wrapper {
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.dashboard-nav-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 40px 43px; }
.dashboard-nav-header .branding {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.dashboard-nav-content .ps-container > .ps-scrollbar-y-rail {
opacity: 1 !important;
width: 6px !important;
background: #ededed;
border-radius: 0; }
.dashboard-nav-content .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
border-radius: 0;
right: 0;
width: 6px !important;
background: #ddd; }
.dashboard-nav-content .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y:hover {
background: var(--unicamp-color-primary); }
.dashboard-nav-content-inner {
position: relative;
padding: 0 20px; }
.tutor-dashboard-permalinks {
padding: 0;
margin: 0;
border: 0; }
.tutor-dashboard-permalinks li {
margin: 0;
list-style-type: none;
}
.tutor-dashboard-permalinks li a {
display: block;
position: relative;
font-size: 13px;
font-weight: 500;
color: var(--unicamp-color-heading);
line-height: 26px;
padding: 13px 20px 13px 56px; }
.tutor-dashboard-permalinks li a:before {
position: absolute;
top: 50%;
left: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 20px;
min-width: 30px;
margin: 0;
color: var(--unicamp-color-primary) !important;
opacity: 1 !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.tutor-dashboard-permalinks li a:hover {
background: #f5f5f5; }
.tutor-dashboard-permalinks li.active a {
color: #fff;
background: var(--unicamp-color-primary) !important; }
.tutor-dashboard-permalinks li.active a:before {
color: #fff !important; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-index a:before {
content: '\f105'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-my-profile a:before {
content: '\f106'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-enrolled-courses a:before {
content: '\f112'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-wishlist a:before {
content: '\f107'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-reviews a:before {
content: '\f111'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-my-quiz-attempts a:before {
content: '\f108'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-purchase_history a:before {
content: '\f109'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-assignments a:before {
content: '\f10b'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-my-courses a:before {
content: '\f110'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-earning a:before {
content: '\f104'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-announcements a:before {
content: '\f115'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-withdraw a:before {
content: '\f10e'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-quiz-attempts a:before {
content: '\f10d'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-question-answer a:before {
content: '\f10c'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-settings a:before {
content: '\f10a'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-logout a:before {
content: '\f10f'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-bio a:before {
content: '\f106'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-courses_taken a:before,
.tutor-dashboard-permalinks li.tutor-dashboard-menu-enrolled_course a:before {
content: '\f112'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-reviews_wrote a:before {
content: '\f111'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-my-students a:before {
content: '\f116'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-zoom a:before {
content: '\f117'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-analytics a:before {
content: '\e900'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-calendar a:before {
content: '\e901'; }
.tutor-dashboard-permalinks li.tutor-dashboard-menu-certificate-builder a:before {
content: '\f101'; }
.tutor-dashboard-menu-divider-header {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 13px;
font-weight: 500;
color: var(--unicamp-color-heading);
padding: 10px 20px; }
.tutor-dashboard-menu-divider {
background: var(--unicamp-color-box-fill-separator);
margin: 5px 0;
height: 1px;
overflow: hidden; }
.dashboard-header-toggle-menu {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
cursor: pointer;
margin: 0 20px 0 0;
color: var(--unicamp-color-primary);
height: 30px;
line-height: 30px; }
.dashboard-header-toggle-menu svg {
vertical-align: middle; }
.dashboard-header-toggle-menu svg * {
fill: currentColor; }
.dashboard-header-toggle-menu.dashboard-header-close-menu {
display: none;
font-size: 32px;
color: #aeb9cd;
margin: 0 20px 0 0; }
.dashboard-header-toggle-menu.dashboard-header-close-menu:hover {
color: var(--unicamp-color-primary); }
.dashboard-page .page-open-main-menu {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 52px;
height: 52px;
line-height: 48px;
text-align: center;
border: 2px solid var(--unicamp-color-box-border);
cursor: pointer;
margin: 0 0 0 20px;
font-size: 18px;
color: #858c99; }
.dashboard-page .page-open-main-menu:hover {
color: var(--unicamp-color-primary); }
body.dashboard-page.dashboard-nav-fixed {
margin-left: 320px; }
body.dashboard-page.dashboard-nav-fixed .tutor-dashboard-left-menu .dashboard-nav-wrapper {
-webkit-transform: none;
-ms-transform: none;
transform: none; }
body.dashboard-page.dashboard-nav-fixed .dashboard-header-toggle-menu {
display: none !important; }
body.dashboard-page.dashboard-nav-opened .tutor-dashboard-left-menu {
pointer-events: auto; }
body.dashboard-page.dashboard-nav-opened .dashboard-header-toggle-menu {
display: block; }
.admin-bar .tutor-dashboard-left-menu {
top: 32px; }
.tutor-dashboard-header-wrap {
background: var(--unicamp-color-box-white-background);
box-shadow: 0 2px 15px rgba(51, 51, 51, 0.05);
border-bottom: 1px solid #ededed; }
.tutor-dashboard-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 0;
border: 0;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.tutor-header-user-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.tutor-dashboard-header-info {
padding: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.tutor-dashboard-header-avatar {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 24px 0 0; }
.tutor-dashboard-header-avatar img {
width: 90px;
height: 90px;
border-radius: 50%; }
.tutor-dashboard-header-display-name {
font-size: 20px;
line-height: 1.6;
margin: 0; }
.tutor-dashboard-header-display-name .welcome-text {
color: #9b9b9b; }
.tutor-dashboard-header-ratings {
margin: 8px 0 0; }
.tutor-dashboard-header-ratings .rating-average {
color: var(--unicamp-color-heading);
font-weight: var(--unicamp-typography-headings-font-weight); }
.tutor-dashboard-header-ratings .rating-count {
color: #9b9b9b; }
.tutor-dashboard-header-button {
padding: 0; }
.tutor-dashboard-header-button .tm-button .button-icon {
font-size: 20px; }
.tutor-dashboard-header-button .tm-button .button-icon i:before {
display: block; }
.tutor-dashboard-header-button .tm-button .button-text {
line-height: 20px; }
.tutor-dashboard-social-icons h4 {
font-size: 14px; }
.tutor-dashboard-social-icons a {
font-size: 16px;
padding: 0 10px;
color: var(--unicamp-color-text-lighten); }
.tutor-dashboard-social-icons a:hover {
color: var(--unicamp-color-primary); }
.tutor-dashboard-content {
padding: 43px 0 0;
margin: 0; }
.tutor-dashboard-content > .tutor-fs-5,
.tutor-dashboard-content > h3 {
font-size: 28px;
font-weight: var(--unicamp-typography-headings-font-weight);
line-height: var(--unicamp-typography-headings-line-height);
margin: 0 0 31px; }
.tutor-dashboard-content > .tutor-fs-5 a,
.tutor-dashboard-content > h3 a {
color: inherit; }
.tutor-dashboard-content > .tutor-fs-5 a:hover,
.tutor-dashboard-content > h3 a:hover {
color: var(--unicamp-color-primary); }
.tutor-dashboard-inline-links {
margin: 0 0 15px; }
.tutor-dashboard-inline-links ul {
position: relative;
border: 0;
margin: 0;
padding: 0; }
.tutor-dashboard-inline-links ul:before {
display: block;
content: '';
position: absolute;
bottom: 14px;
width: 100%;
height: 1px;
background: var(--unicamp-color-box-border); }
.tutor-dashboard-inline-links ul li {
margin: 0 0 15px;
list-style-type: none;
display: inline-block; }
.tutor-dashboard-inline-links ul li a {
position: relative;
display: block;
padding: 0 11px 16px !important;
margin: 0 16px 0 0;
color: var(--unicamp-color-text-lighten);
font-size: 18px;
font-weight: 500;
border: 0 !important;
line-height: 1; }
.tutor-dashboard-inline-links ul li a:hover {
color: var(--unicamp-color-heading); }
.tutor-dashboard-inline-links ul li a:after {
content: '';
position: absolute;
right: 0;
bottom: -2px;
left: 0;
width: 100%;
height: 3px;
background: var(--unicamp-color-primary);
opacity: 0;
visibility: hidden; }
.tutor-dashboard-inline-links ul li.active a {
color: var(--unicamp-color-heading); }
.tutor-dashboard-inline-links ul li.active a:after {
opacity: 1;
visibility: visible; }
.dashboard-content-box, .tutor-zoom-frontend {
border: 1px solid var(--unicamp-color-box-white-border);
background: var(--unicamp-color-box-white-background);
padding: 30px;
margin: 0 0 10px;
max-width: 100%; }
.tutor-dashboard-content-inner h3 a {
color: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit; }
.tutor-info-msg,
.tutor-success-msg,
.tutor-warning-msg,
.tutor-error-msg {
border-radius: 5px;
border: 1px solid #eee;
background: #fff !important;
max-width: 100%;
margin: 10px 0;
padding: 15px 30px;
font-weight: 500; }
.tutor-info-msg i[class*=tutor-],
.tutor-success-msg i[class*=tutor-],
.tutor-warning-msg i[class*=tutor-],
.tutor-error-msg i[class*=tutor-] {
margin: 0 10px 0 0; }
.tutor-info-msg.inline-image-text img,
.tutor-success-msg.inline-image-text img,
.tutor-warning-msg.inline-image-text img,
.tutor-error-msg.inline-image-text img {
display: inline-block;
vertical-align: top;
margin: 0 5px 0 0; }
.tutor-info-msg.inline-image-text div,
.tutor-success-msg.inline-image-text div,
.tutor-warning-msg.inline-image-text div,
.tutor-error-msg.inline-image-text div {
display: inline-block;
vertical-align: top; }
.tutor-success-msg {
color: #6cbd7e; }
.tutor-error-msg {
color: #d9534f; }
.tutor-warning-msg {
color: #ff9800; }
.tutor-info-msg {
color: #2196f3; }
.dashboard-content-box-small, .dashboard-zoom-set-api-page .tutor-zoom-frontend,
.dashboard-zoom-settings-page .tutor-zoom-frontend,
.dashboard-zoom-help-page .tutor-zoom-frontend {
width: 924px; }
.dashboard-content-box-title, .tutor-zoom-frontend .zoom-content > .tutor-fs-6 {
font-size: 20px;
margin: 0 0 11px; }
.dashboard-no-content-found {
border: 1px solid var(--unicamp-color-box-white-border);
background: var(--unicamp-color-box-white-background);
padding: 23px 30px;
font-weight: 500;
color: var(--unicamp-color-text-lighten); }
.dashboard-table-wrapper {
background: var(--unicamp-color-box-white-background);
overflow: hidden;
border: 1px solid var(--unicamp-color-box-white-border); }
.dashboard-table-container {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.dashboard-table {
border: 0;
margin: 0;
text-align: start;
table-layout: auto;
white-space: nowrap; }
.dashboard-table th,
.dashboard-table td {
text-align: start;
border: 0;
padding: 11px 10px;
line-height: 26px; }
.dashboard-table th:first-child,
.dashboard-table td:first-child {
padding-left: 30px; }
.dashboard-table th:last-child,
.dashboard-table td:last-child {
padding-right: 30px; }
.dashboard-table th {
font-size: 14px;
font-weight: 500;
background: #f4f9ff;
color: var(--unicamp-color-text); }
.dashboard-table td {
background: var(--unicamp-color-box-white-background) !important; }
.dashboard-table tr {
border: 0;
border-bottom: 1px solid var(--unicamp-color-box-fill-separator); }
.dashboard-table tbody tr:last-child {
border: 0; }
.dashboard-table tbody td {
padding-top: 19px;
padding-bottom: 19px; }
.dashboard-table .col-heading-mobile {
display: none;
font-size: 15px;
line-height: 26px;
margin: 0 5px 0 0; }
@media (max-width: 767px) {
.dashboard-table-wrapper.dashboard-table-responsive {
background: none;
border: 0; }
.dashboard-table-wrapper.dashboard-table-responsive .dashboard-table {
display: block; }
.dashboard-table-wrapper.dashboard-table-responsive .dashboard-table thead {
display: none; }
.dashboard-table-wrapper.dashboard-table-responsive .dashboard-table tbody,
.dashboard-table-wrapper.dashboard-table-responsive .dashboard-table tr,
.dashboard-table-wrapper.dashboard-table-responsive .dashboard-table td {
display: block; }
.dashboard-table-wrapper.dashboard-table-responsive .dashboard-table tr {
background: #fff;
border-radius: 5px;
overflow: hidden;
border: 1px solid #eee;
padding: 25px 20px;
margin: 0 0 10px; }
.dashboard-table-wrapper.dashboard-table-responsive .dashboard-table td {
padding: 0 !important;
margin: 0 0 10px; }
.dashboard-table-wrapper.dashboard-table-responsive .dashboard-table td:last-child {
margin: 0; }
.dashboard-table-wrapper.dashboard-table-responsive .dashboard-table .col-heading-mobile {
display: inline-block; }
.dashboard-table-wrapper.dashboard-table-responsive .dashboard-table .col-heading-mobile.col-heading-block {
display: block;
margin: 0 0 3px; } }
.dashboard-action-btn {
display: inline-block;
border: 1px solid var(--unicamp-color-box-fill-separator);
border-radius: 0;
padding: 2px 16px;
font-size: 13px;
font-weight: 500;
line-height: 26px;
color: var(--unicamp-color-text-bit-lighten); }
.dashboard-action-btn:hover {
border-color: var(--unicamp-color-primary); }
.dashboard-action-btn i {
margin: 0 5px 0 0;
font-size: 14px;
color: var(--unicamp-color-primary); }
.dashboard-action-btn.delete-action-btn:hover {
color: #fff;
border-color: #d9534f;
background: #d9534f; }
.dashboard-action-btn.delete-action-btn:hover i {
color: #fff; }
.dashboard-form-submit-wrap {
margin: 30px 0 0; }
@media (max-width: 1199px) {
.dashboard-nav-header {
padding-top: 14px;
padding-bottom: 14px; }
.tutor-dashboard-header {
padding: 15px 0; }
.tutor-dashboard-header-avatar {
margin: 0 15px 0 0; }
.tutor-dashboard-header-avatar img {
width: 60px;
height: 60px; }
.tutor-dashboard-header-display-name {
font-size: 16px; }
.tutor-dashboard-header-ratings {
margin: 3px 0 0; } }
@media (max-width: 991px) {
.tutor-dashboard-content > h3 {
font-size: 24px; }
.tutor-dashboard-inline-links ul li a {
font-size: 15px;
margin: 0 15px 0 0;
padding: 0 0 10px !important; } }
@media (max-width: 767px) {
.dashboard-page .page-open-main-menu {
margin: 0 0 0 15px; }
.tutor-dashboard-header-button {
margin: 0 0 0 15px; }
.tutor-dashboard-header-button .tm-button {
padding: 0;
width: 52px; }
.tutor-dashboard-header-button .tm-button .button-icon {
margin: 0 !important; }
.tutor-dashboard-header-button .tm-button .button-text {
display: none; }
.social-icons-text-help {
display: none; }
.tutor-dashboard-content > h3 {
font-size: 20px; } }
@media (max-width: 543px) {
.dashboard-nav-header {
padding-left: 20px;
padding-right: 20px; }
.dashboard-nav-header .dashboard-header-toggle-menu {
display: block; }
.tutor-dashboard-header-display-name .welcome-text {
display: none; }
.tutor-dashboard-header-ratings .rating-count {
display: none; }
.tutor-dashboard-header-button .tm-button {
width: 40px;
min-height: 40px; }
.tutor-dashboard-header-button .tm-button .button-icon {
font-size: 16px; }
.dashboard-page .page-open-main-menu {
width: 40px;
height: 40px;
line-height: 36px;
font-size: 16px;
margin: 0 0 0 10px; }
.tutor-dashboard-header-display-name {
font-size: 14px; }
.tutor-dashboard-header-avatar {
margin: 0 10px 0 0; }
.tutor-dashboard-header-avatar img {
width: 48px;
height: 48px; } }
@media screen and (max-width: 782px) {
.admin-bar .tutor-dashboard-left-menu {
top: 46px; } }
.user-form-wrap {
background: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
border: 1px solid #eee;
border-radius: 5px;
padding: 29px 50px 48px;
width: 470px;
margin: 0 auto;
max-width: 100%; }
.user-form-wrap.form-register-wrap {
width: 670px; }
.user-form-wrap .form-title {
font-size: 20px;
line-height: 1.6;
margin: 0 0 18px; }
.user-form-wrap .form-row label {
display: inline-block;
font-size: 13px;
font-weight: var(--unicamp-typography-headings-font-weight);
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 0 7px; }
.user-form-wrap .form-row label.form-label-checkbox {
font-size: 14px;
font-weight: 400;
text-transform: none;
letter-spacing: 0; }
.user-form-wrap .form-row {
margin-bottom: 21px; }
.user-form-wrap .lost-password-link {
display: inline-block;
margin: 0 0 7px; }
.user-form-wrap .form-submit {
width: 100%; }
.dashboard-info-cards {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.dashboard-info-card {
margin: 0 0 30px; }
.dashboard-info-card-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
border-radius: 0;
background: var(--unicamp-color-box-white-background);
border: 1px solid var(--unicamp-color-box-border);
padding: 38px 20px 38px 29px; }
.dashboard-info-card-icon {
position: relative;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 82px;
height: 82px;
border: 1px solid #d3dffe;
border-radius: 50%;
color: #4e84fa;
text-align: center;
background: #f4f7ff;
margin: 0 20px 0 0;
font-size: 36px; }
.dashboard-info-card-icon > span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 1; }
.yellow-card .dashboard-info-card-icon {
color: #ffc221;
border-color: #ffde89;
background: #fffcf2; }
.green-card .dashboard-info-card-icon {
color: #6cbd7e;
border-color: #daeedf;
background: #f6fbf7; }
.pink-card .dashboard-info-card-icon {
color: #fc8a89;
border-color: #fdc0c0;
background: #fff8f8; }
.purple-card .dashboard-info-card-icon {
color: #7f86ff;
border-color: #bbbeff;
background: #f8f8ff; }
.orange-card .dashboard-info-card-icon {
color: #f49263;
border-color: #f9c5ac;
background: #fff9f6; }
.dashboard-info-card-heading {
display: block;
font-size: 14px;
font-weight: 500;
line-height: 24px;
margin: 11px 0 0; }
.dashboard-info-card-value {
display: block;
font-size: 34px;
font-weight: var(--unicamp-typography-headings-font-weight);
line-height: 1;
color: var(--unicamp-color-heading); }
.card-total-earnings .dashboard-info-card-value .amount {
font-size: inherit;
font-weight: inherit;
color: inherit; }
.card-total-earnings .dashboard-info-card-value .amount .decimals-separator {
font-size: 18px; }
@media screen and (min-width: 1400px) {
.dashboard-info-card-icon {
margin: 0 48px 0 0; } }
@media (min-width: 1200px) {
.dashboard-info-card-value {
font-size: 40px; } }
@media (max-width: 1199px) {
.dashboard-info-card-box {
padding: 20px; }
.dashboard-info-card-icon {
width: 60px;
height: 60px;
font-size: 24px; } }
@media (max-width: 767px) {
.dashboard-info-card-icon {
width: 40px;
height: 40px;
font-size: 16px; }
.dashboard-info-card-value {
font-size: 26px; }
.dashboard-info-card-heading {
margin: 3px 0 0; } }
@media (max-width: 543px) {
.dashboard-info-card {
margin-bottom: 10px; } }
.dashboard-profile-info {
border-radius: 5px;
border: 1px solid var(--unicamp-color-box-white-border);
background: var(--unicamp-color-box-white-background);
padding: 30px;
margin: 0 0 30px; }
.dashboard-profile-info-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 0 6px; }
.dashboard-profile-info-item:last-child {
margin: 0; }
.dashboard-profile-info-item .heading {
font-family: var(--unicamp-typography-body-font-family);
font-weight: 500;
color: var(--unicamp-color-text-lighten);
min-width: 180px;
padding: 0 10px 0 0;
line-height: 26px; }
.dashboard-profile-info-item .content {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-weight: 500; }
.dashboard-profile-info-item.profile-bio .content {
font-weight: 400; }
@media (max-width: 543px) {
.dashboard-profile-info-item {
display: block;
margin: 0 0 15px; }
.dashboard-profile-info {
margin: 0 0 10px; } }
.tutor-mycourse-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
border-radius: 5px;
border: 1px solid var(--unicamp-color-box-white-border);
background: var(--unicamp-color-box-white-background);
padding: 19px 20px;
margin: 0 0 10px;
max-width: 924px; }
.tutor-mycourse-wrap .tutor-course-status h4 {
display: none; }
.tutor-mycourse-thumbnail {
-webkit-box-flex: 0;
-webkit-flex: 0 0 260px;
-ms-flex: 0 0 260px;
flex: 0 0 260px;
border-radius: 5px;
height: 160px; }
.tutor-mycourse-thumbnail img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.tutor-mycourse-rating {
color: inherit;
margin: 0 0 4px !important; }
.tutor-mycourse-rating .rating-count {
font-size: 13px;
color: #9b9b9b; }
.tutor-mycourse-content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 10px 0 30px; }
.tutor-mycourse-content .course-title {
font-size: 18px;
line-height: 1.67;
margin: 0 0 10px; }
.tutor-mycourse-content .course-title a {
display: inline-block; }
.tutor-dashboard-content-inner .tutor-mycourses-stats > * {
margin: 10px 8px 0 0; }
.tutor-mycourses-stats {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.tutor-mycourses-stats .amount {
font-size: 18px; }
.tutor-mycourses-stats .amount .decimals-separator {
font-size: 14px; }
.tutor-mycourses-stats .course-actions {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -5px; }
.tutor-mycourses-stats .course-actions a {
margin: 10px 5px 0;
display: inline-block;
border: 1px solid var(--unicamp-color-box-fill-separator);
border-radius: 4px;
padding: 2px 16px;
font-size: 13px;
font-weight: 500;
line-height: 26px;
color: var(--unicamp-color-text-bit-lighten); }
.tutor-mycourses-stats .course-actions a.tutor-mycourse-edit:before {
content: '\f24d';
margin: 0 5px 0 0;
font-size: 14px;
color: var(--unicamp-color-primary); }
.tutor-mycourses-stats .course-actions a.tutor-mycourse-edit.edit:before {
display: none; }
.tutor-mycourses-stats .course-actions a:hover {
color: #fff;
border-color: var(--unicamp-color-primary);
background: var(--unicamp-color-primary); }
.tutor-mycourses-stats .course-actions a:hover:before,
.tutor-mycourses-stats .course-actions a:hover i {
color: #fff; }
.tutor-mycourses-stats .course-actions a i {
margin: 0 5px 0 0;
font-size: 14px;
color: var(--unicamp-color-primary); }
.tutor-mycourses-stats .course-actions a.tutor-mycourse-delete:hover {
border-color: #d9534f;
background: #d9534f;
color: #fff; }
.tutor-dashboard-content-inner .tutor-progress-bar {
height: 4px;
border-radius: 5px;
background: #dbdbdb; }
.tutor-dashboard-content-inner .tutor-progress-bar .tutor-progress-filled {
height: 100%; }
.tutor-dashboard-content-inner .tutor-progress-bar .tutor-progress-filled:after {
width: 18px;
height: 18px;
border-width: 9px; }
.tutor-dashboard-content-inner .tutor-course-status .tutor-progress-bar {
margin-top: 11px; }
.tutor-dashboard-content-inner .tutor-progress-percent {
font-weight: 500;
color: #9aa5b3;
padding-left: 30px; }
.tutor-dashboard-content-inner .tutor-course-metadata {
font-weight: 500;
color: #9aa5b3;
margin: 0 0 11px; }
.tutor-dashboard-content-inner .tutor-course-metadata ul {
margin: 0;
padding: 0; }
.tutor-dashboard-content-inner .tutor-course-metadata li {
display: inline-block;
list-style: none;
margin: 0 30px 0 0; }
.tutor-dashboard-content-inner .tutor-course-metadata li:last-child {
margin: 0 !important; }
.tutor-dashboard-content-inner .tutor-course-metadata .meta-label {
color: #9aa5b3;
margin: 0; }
.tutor-dashboard-content-inner .tutor-course-metadata .meta-value {
color: var(--unicamp-color-heading); }
button.tm-close.tutor-icon-line-cross {
top: 0;
right: 0;
color: #000;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 16px; }
.modal-delete-my-course .tutor-my-48 {
margin: 30px 0 0 !important; }
.dashboard-enrolled-courses .unicamp-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.dashboard-enrolled-courses .unicamp-box:hover .course-title {
color: var(--unicamp-color-primary); }
@media (max-width: 767px) {
.tutor-mycourse-thumbnail {
-webkit-box-flex: 0;
-webkit-flex: 0 0 150px;
-ms-flex: 0 0 150px;
flex: 0 0 150px; }
.tutor-mycourse-content {
padding: 0 0 0 20px; } }
@media (max-width: 580px) {
.tutor-mycourse-thumbnail {
margin: 0 0 20px; }
.tutor-mycourse-thumbnail img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.tutor-mycourse-content {
padding: 0; } }
@media (max-width: 400px) {
.tutor-mycourse-thumbnail {
height: 150px; } }
.dashboard-given-review {
border-radius: 0;
border: 1px solid var(--unicamp-color-box-white-border);
background: var(--unicamp-color-box-white-background);
padding: 20px;
margin: 0 0 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.dashboard-given-review .review-header {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 30px 0 0; }
.dashboard-given-review .review-body {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.dashboard-given-review .review-course-title-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.dashboard-given-review .review-course-title {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-size: 18px;
margin: 0 0 10px; }
.dashboard-given-review .review-course-title span {
display: inline-block;
font-weight: 400;
line-height: 26px;
color: var(--unicamp-color-text); }
.dashboard-given-review .review-course-title a {
display: inline-block;
color: inherit;
font-size: inherit;
line-height: 26px; }
.dashboard-given-review .review-course-title a:hover {
color: var(--unicamp-color-primary); }
.dashboard-given-review .tm-star-rating {
margin: 0 15px 0 0; }
.dashboard-given-review .review-meta {
font-size: 13px;
line-height: 26px; }
.dashboard-given-review .review-content {
margin: 14px 0 0; }
.dashboard-given-review .review-links {
text-align: right;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
min-width: 135px; }
.dashboard-given-review .review-links a {
color: var(--unicamp-color-primary); }
.dashboard-given-review .review-links a > i {
margin: 0 4px 0 0; }
.tutor-dashboard-reviews-wrap {
border-radius: 5px;
border: 1px solid var(--unicamp-color-box-white-border);
background: var(--unicamp-color-box-white-background);
padding: 0 0 20px; }
.tutor-dashboard-pagination-results-stats {
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-text-lighten);
padding: 23px 30px;
border-bottom: 1px solid var(--unicamp-color-box-border);
margin: 0; }
.tutor-dashboard-reviews {
padding: 0 30px; }
.tutor-dashboard-single-review {
margin: 0;
border: 0;
border-radius: 0;
border-bottom: 1px solid var(--unicamp-color-box-border);
padding: 30px 0 26px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.tutor-dashboard-single-review:last-child {
border: 0; }
.tutor-dashboard-single-review .review-content {
margin: 14px 0 0; }
.tutor-dashboard-review-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
min-width: 270px;
padding: 0 20px 0 0; }
.tutor-dashboard-review-header .review-avatar {
margin: 0 14px 0 0; }
.tutor-dashboard-review-header .review-avatar .tutor-text-avatar,
.tutor-dashboard-review-header .review-avatar img {
width: 70px;
height: 70px;
border-radius: 50%; }
.tutor-dashboard-review-header .review-avatar .tutor-text-avatar {
line-height: 70px;
font-size: 20px; }
.tutor-dashboard-review-header .review-name {
font-size: 15px;
margin: 0 0 5px; }
.tutor-dashboard-review-header .review-name a {
color: inherit; }
.tutor-dashboard-review-header .review-date {
color: var(--unicamp-color-text-bit-lighten); }
.individual-dashboard-review-body {
padding: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
h3.tutor-dashboard-review-title {
font-size: 18px;
font-weight: var(--unicamp-typography-headings-font-weight);
margin: 0 0 10px; }
h3.tutor-dashboard-review-title span {
display: inline-block;
font-weight: 400;
line-height: 26px;
color: var(--unicamp-color-text); }
h3.tutor-dashboard-review-title a {
display: inline-block;
color: inherit;
font-size: inherit;
line-height: 26px; }
h3.tutor-dashboard-review-title a:hover {
color: var(--unicamp-color-primary); }
.tutor-modal-content {
border-radius: 0; }
.tutor-star-rating-group {
margin: 0 0 10px; }
.tutor-modal-wrap.tutor-edit-review-modal-wrap .tutor-modal-content {
margin: 0;
max-height: 90%; }
.tutor-modal-wrap.tutor-edit-review-modal-wrap form {
margin: 0 0 20px; }
.tutor-modal-wrap.tutor-edit-review-modal-wrap .modal-close-wrap a.modal-close-btn {
top: 0;
width: 52px;
height: 52px;
line-height: 54px; }
.tutor-modal-wrap.tutor-edit-review-modal-wrap .modal-header {
padding: 11px 60px 11px 30px; }
.tutor-modal-wrap.tutor-edit-review-modal-wrap .modal-container {
padding: 25px 30px 10px; }
@media (max-width: 767px) {
.tutor-dashboard-single-review {
display: block; }
.tutor-dashboard-review-header {
padding: 0;
margin: 0 0 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.tutor-dashboard-reviews,
.tutor-dashboard-pagination-results-stats {
padding-left: 20px;
padding-right: 20px; }
.dashboard-given-review .review-header {
margin: 0 20px 0 0; }
.dashboard-given-review .review-course-title-wrap {
display: block; }
.dashboard-given-review .review-links {
text-align: left;
margin: 0 0 7px; } }
@media (max-width: 543px) {
.dashboard-given-review {
display: block; }
.dashboard-given-review .review-header {
margin: 0 0 20px; } }
.dashboard-quiz-attempt-history td {
width: auto; }
.dashboard-quiz-attempt-history .col-course-info {
width: 470px; }
.dashboard-quiz-attempt-history .col-correct-answer,
.dashboard-quiz-attempt-history .col-incorrect-answer {
width: 150px; }
.dashboard-quiz-attempt-history .col-student {
width: 220px; }
.dashboard-quiz-attempt-history .col-earned-marks {
width: 120px; }
.dashboard-quiz-attempt-history .col-result {
width: 120px; }
.dashboard-quiz-attempt-history .col-detail-link {
width: 100px; }
.dashboard-quiz-attempt-history .course-title {
font-size: 15px;
line-height: 26px;
margin: 0 0 8px; }
.dashboard-quiz-attempt-history .course-title a {
color: inherit; }
.dashboard-quiz-attempt-history .course-title a:hover {
color: var(--unicamp-color-primary); }
.quiz-attempt-detail-link {
color: var(--unicamp-color-primary); }
.dashboard-quiz-attempt-metas {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.dashboard-quiz-attempt-metas .meta-item {
margin: 0 25px 0 0; }
.dashboard-quiz-attempt-metas .meta-item:last-child {
margin: 0; }
.dashboard-quiz-attempt-metas .meta-name {
font-weight: var(--unicamp-typography-headings-font-weight);
color: #9aa5b3; }
.dashboard-quiz-attempt-metas .meta-value {
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-heading); }
.prev-btn {
color: var(--unicamp-color-text); }
.prev-btn span {
color: var(--unicamp-color-primary); }
.tutor-dashboard-qna-vew-as .tutor-form-toggle-input {
display: none; }
.tutor-dashboard-qna-vew-as.tutor-form-toggle input ~ .tutor-form-toggle-control {
width: 38px;
height: 22px;
background-color: transparent;
border: 1px solid var(--unicamp-color-primary);
margin: 0 7px; }
.tutor-dashboard-qna-vew-as.tutor-form-toggle input ~ .tutor-form-toggle-control:before {
top: 2px;
background: var(--unicamp-color-primary);
height: 16px;
width: 16px; }
.tutor-dashboard-qna-vew-as.tutor-form-toggle input:checked ~ .tutor-form-toggle-control::before {
left: 17px; }
.tutor-dashboard .tutor-dashboard-content .tutor-dashboard-qna-vew-as.current-view-student .tutor-form-toggle-label.tutor-form-toggle-checked {
color: var(--unicamp-color-primary); }
.tutor-dashboard-qna-vew-as.current-view-student .tutor-form-toggle-label.tutor-form-toggle-checked {
color: var(--unicamp-color-primary); }
.tutor-dashboard-qna-vew-as.current-view-instructor .tutor-form-toggle-label.tutor-form-toggle-checked {
color: var(--unicamp-color-primary); }
.tutor-dashboard-qna-vew-as.current-view-instructor .tutor-form-toggle-label.tutor-form-toggle-unchecked {
color: var(--unicamp-color-text); }
.quiz-manual-review-action {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 26px;
height: 26px;
overflow: hidden;
border-radius: 3px;
border: 1px solid var(--unicamp-color-box-fill-separator);
font-size: 13px;
cursor: pointer; }
.tutor-quiz-answer-status-correct td.tutor-bg-gray-10 {
background: none !important; }
.dashboard-question-n-answer-table .question-title {
font-size: 14px;
line-height: 26px;
margin: 0; }
.dashboard-question-n-answer-table .questioner-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.dashboard-question-n-answer-table .tutor-question-avatar {
margin: 0 17px 0 0; }
.dashboard-question-n-answer-table .questioner-name {
font-family: var(--unicamp-typography-body-font-family);
font-weight: 500;
font-size: 14px;
line-height: 26px;
margin: 0; }
.dashboard-question-n-answer-table .course-title {
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: inherit;
margin: 0; }
.dashboard-question-n-answer-table .question-post-date {
font-size: 13px;
color: var(--unicamp-color-text-bit-lighten); }
.qna-list-table .td-avatar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 10px; }
.qna-list-table .td-avatar img {
width: 34px;
height: 34px;
border-radius: 50%;
overflow: hidden; }
.qna-list-table .tutor-icon-tick-circle-outline-filled {
font-size: 26px; }
.tutor-qna-question-col {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: start; }
.tutor-qna-question-col .tutor-input-feedback-icon {
font-size: 24px;
margin: 5px 12px 0 0; }
table.qna-list-table .tutor-qna-question-col:not(.is-read) i {
color: var(--unicamp-color-primary); }
.tutor-qna-single-question table.tutor-ui-table-data-td-target [data-td-target] {
padding: 12px !important; }
.tutor-qna-single-question table.tutor-ui-table tr:last-child td:last-child {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0; }
.tutor-qna-single-question table.tutor-ui-table-data-td-target .is-active:not(.expand-btn) {
background-color: #fff !important; }
.tutor-qna-single-question td div.tutor-icon-angle-down-filled {
font-size: 20px; }
body.wp-admin .tutor-qna-single-wrapper {
width: calc(100% - 360px); }
body.wp-admin .tutor-qna-single-wrapper .tutor-qa-reply {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
overflow: hidden; }
.tutor-qna-single-question .tutor-qna-single-wrapper .qna-back-button {
font-style: normal;
font-weight: normal;
font-size: 16px;
color: #5b616f; }
.tutor-qna-single-question .tutor-qa-reply {
bottom: 20px;
bottom: 0;
background: white;
z-index: 10; }
.tutor-qna-single-question .tutor-qa-reply textarea {
min-height: initial !important;
height: 80px !important;
width: 100%;
border: none;
border: 1px solid #cdcfd5;
border-radius: 6px;
padding: 15px;
resize: none; }
.tutor-qna-single-question .tutor-qa-reply textarea, .tutor-qna-single-question .tutor-qa-reply textarea:focus, .tutor-qna-single-question .tutor-qa-reply textarea:active {
outline: none !important;
box-shadow: none; }
.tutor-qna-single-question .tutor-qa-reply div {
padding: 15px 0px 0px 0px; }
.tutor-qna-single-question .tutor-qna-badges > span {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-left: 15px;
font-style: normal;
font-weight: normal;
font-size: 16px;
color: #5b616f;
cursor: pointer; }
.tutor-qna-single-question .tutor-qna-badges > span:hover {
color: #393a3d; }
.tutor-qna-single-question .tutor-qna-badges > span > *:first-child {
width: 20px;
height: 20px;
margin-top: -4px; }
.tutor-qna-single-question .tutor-qna-badges > span .tutor-loading-spinner, .tutor-qna-single-question .tutor-qna-badges > span i {
margin-right: 6px; }
.tutor-qna-single-question .tutor-qna-badges > span i {
display: inline-block; }
.tutor-qna-single-question .tutor-qna-badges > span i[class^='tutor-icon-'], .tutor-qna-single-question .tutor-qna-badges > span i[class*=' tutor-icon-'] {
font-size: 24px; }
.tutor-qna-single-question .tutor-qna-badges > span i:before {
width: 18px;
height: 18px;
left: 1px;
top: 2px; }
.tutor-qna-single-question .tutor-qa-sticky-bar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background: white;
padding: 21px 0px 15px 0px;
position: -webkit-sticky;
position: sticky;
top: 32px;
z-index: 9; }
.tutor-qna-single-question .tutor-qa-sticky-bar > div:last-child {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right; }
.tutor-qna-single-question .tutor-qa-chatlist {
overflow: auto; }
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat {
width: auto;
max-width: 80%;
margin-bottom: 30px;
clear: both; }
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat .tutor-qna-user {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px; }
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat .tutor-qna-user img {
width: 50px;
height: 50px;
overflow: hidden;
border-radius: 50%; }
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat .tutor-qna-user > div {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 15px; }
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat .tutor-qna-text {
padding: 8px 15px;
background: white;
border-radius: 8px;
margin: 0;
position: relative;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content; }
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat .tutor-qna-text:before {
content: '';
position: absolute;
width: 20px;
height: 20px;
top: -5px;
background: inherit;
-webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 3px; }
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat.tutor-qna-left .tutor-qna-text:before {
left: 15px; }
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat.tutor-qna-right {
float: right; }
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat.tutor-qna-right .tutor-qna-text {
margin-left: auto !important; }
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat.tutor-qna-right .tutor-qna-text:before {
right: 15px; }
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat.tutor-qna-right .tutor-qna-user {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-flow: row-reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
text-align: right; }
.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat.tutor-qna-right .tutor-qna-user > div {
padding-left: 0;
padding-right: 15px; }
.tutor-qna-single-question:not([data-context='backend-dashboard-qna-single']) .tutor-qna-left .tutor-qna-text {
min-width: 50px;
background: #e3e9f7;
color: #0b0c0e; }
.tutor-qna-single-question:not([data-context='backend-dashboard-qna-single']) .tutor-qna-right .tutor-qna-text {
background: #dbe9eb;
color: #0b0c0e; }
.tutor-qna-single-question:not([data-context='backend-dashboard-qna-single']) .tutor-qa-reply {
border-radius: 6px;
bottom: 20px;
overflow: hidden; }
.tutor-qna-single-question .tutor-toggle-reply {
text-align: right; }
.tutor-qna-single-question .tutor-toggle-reply span {
cursor: pointer; }
.tutor-qna-single-question .tutor-toggle-reply span:hover {
text-decoration: underline;
font-style: normal;
font-weight: normal;
color: #41454f; }
.assignment-status {
display: inline-block;
font-size: 12px;
font-weight: 500;
border: 1px solid #eee;
border-radius: 5px;
padding: 2px 10px;
min-width: 100px;
text-align: center; }
.assignment-status-pending {
color: #ffc221;
background: #fffcf4;
border-color: #ffe7a6; }
.assignment-status-pass {
color: #6cbd7e;
background: #f7fbf8;
border-color: #c3e5ca; }
.assignment-status-fail {
color: #da0e2b;
background: #fdf3f4;
border-color: #f8cfd5; }
.review-assignment-link {
display: inline-block;
width: 38px;
height: 38px;
background: #f5f5f5;
color: var(--unicamp-color-primary);
text-align: center;
line-height: 38px;
font-size: 15px; }
.review-assignment-link:hover {
color: #fff;
background: var(--unicamp-color-primary); }
.table-assignments .col-result,
.table-assignments .col-pass-mark,
.table-assignments .col-total-mark,
.table-assignments .col-total-submit {
width: 150px; }
.table-assignments .col-action {
width: 80px; }
.table-assignments .assignment-title {
font-size: 15px;
margin: 0; }
.table-assignments .course-title {
font-size: 15px;
margin: 10px 0 0; }
.table-assignments .course-title a {
color: inherit; }
.table-assignments .course-title a:hover {
color: var(--unicamp-color-primary); }
.tutor-assignment-review-header h3 a {
color: inherit; }
.tutor-assignment-evaluate-wraps h3 {
color: var(--unicamp-color-heading); }
.tutor-assignment-evaluate-row {
margin: 0; }
.assignment-review-header h4 {
font-size: 16px; }
.assignment-review-header a {
color: inherit; }
.assignment-review-header a:hover {
color: var(--unicamp-color-primary); }
.dashboard-assignment-review {
background: #f8f8f8;
border: 1px solid #eee;
border-radius: 5px;
padding: 20px;
margin: 0 0 30px; }
.dashboard-assignment-review h4, .dashboard-assignment-review h5 {
font-size: 14px;
margin: 0 0 10px; }
.tutor-dashboard-assignment-files .uploaded-files {
border-radius: 5px;
border-color: transparent;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
.tutor-dashboard-assignment-files .uploaded-files a {
color: var(--unicamp-color-heading);
font-weight: var(--unicamp-typography-headings-font-weight); }
.tutor-assignment-evaluate-wraps > h3 {
font-size: 16px;
font-weight: var(--unicamp-typography-headings-font-weight); }
.tutor-assignment-evaluate-wraps textarea {
height: 100px; }
.dashboard-assignments-review-page .dashboard-content-box, .dashboard-assignments-review-page .tutor-zoom-frontend {
padding: 35px 30px 40px; }
@media (max-width: 543px) {
.tutor-assignment-evaluate-row {
display: block; } }
.dashboard-earning-cards .dashboard-info-card .dashboard-info-card-heading {
font-size: 16px;
font-weight: 500;
margin: 0 0 16px; }
.dashboard-earning-cards .dashboard-info-card .amount {
font-size: 34px;
font-weight: 500;
color: var(--unicamp-color-primary); }
.dashboard-earning-cards .dashboard-info-card .amount .decimals-separator {
font-size: 20px; }
.dashboard-earning-chart {
border: 1px solid var(--unicamp-color-box-white-border);
background: var(--unicamp-color-box-white-background);
padding: 27px 30px;
margin: 0 0 30px; }
.dashboard-earning-chart .chart-title {
font-size: 18px;
margin: 0 0 12px; }
.dashboard-earning-chart canvas {
padding: 30px 0 37px; }
.report-top-sub-menu {
vertical-align: top;
border-radius: 0;
border: 1px solid #eee;
background: #fff;
overflow: hidden; }
.report-top-sub-menu a {
font-size: 13px;
font-weight: 500;
color: #696969;
padding: 12px 15px;
border: 0 !important;
background: none !important; }
.report-top-sub-menu a.active, .report-top-sub-menu a:hover {
color: var(--unicamp-color-primary); }
.tutor-date-range-wrap .report-date-range-form {
vertical-align: top;
border: 1px solid #eee;
border-radius: 0;
overflow: hidden; }
.tutor-date-range-wrap .report-date-range-form .date-range-input {
line-height: 0; }
.tutor-date-range-wrap .report-date-range-form .date-range-input input,
.tutor-date-range-wrap .report-date-range-form .date-range-input input[type="text"] {
background: #fff;
border: 0 !important;
border-radius: 0 !important;
border-right: 1px solid #eee !important;
min-height: 48px;
font-size: 13px; }
.tutor-date-range-wrap .report-date-range-form .date-range-input:last-child button {
border: 0;
height: 48px;
min-width: 48px;
color: var(--unicamp-color-primary);
background: #fff;
border-radius: 0; }
.tutor-date-range-wrap .report-date-range-form .date-range-input:last-child button:hover {
color: #fff;
border-color: var(--unicamp-color-primary);
background: var(--unicamp-color-primary); }
.withdraw-balance-row .amount {
font-size: 18px; }
.making-withdraw-wrap {
margin: 20px 0 0; }
.tutor-earning-withdraw-form {
margin: 15px 0 0; }
.withdraw-page-current-balance .decimals-separator {
font-size: 1em; }
.tutor-earning-withdraw-form-wrap > div {
width: 100%;
height: 100%;
padding: 15px;
overflow: hidden;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 9999999999;
background: rgba(0, 0, 0, 0.5);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.tutor-earning-withdraw-form-wrap span.close-withdraw-form-btn {
position: absolute;
cursor: pointer;
top: 10px;
right: 10px;
font-size: 20px;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px; }
.tutor-earning-withdraw-form-wrap span.close-withdraw-form-btn:hover {
color: var(--unicamp-color-primary); }
.tutor-earning-withdraw-form-wrap .tutor-error-msg {
margin: 20px 0 0;
position: relative;
padding: 15px 30px 15px 45px; }
.tutor-earning-withdraw-form-wrap .tutor-error-msg:before {
content: '\f06a';
font-size: 16px;
position: absolute;
top: 20px;
left: 15px; }
.tutor-earning-withdraw-form-wrap .tutor-error-msg img {
display: none; }
.tutor-withdrawal-pop-up-success,
.tutor-withdrawal-op-up-frorm {
position: relative;
display: inline-block;
max-height: 100%;
width: 670px;
max-width: 90vw;
overflow: auto;
border-radius: 8px;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 30px; }
.tutor-withdrawal-pop-up-success h3,
.tutor-withdrawal-op-up-frorm h3 {
font-size: 20px;
margin: 0 0 10px; }
.tutor-withdraw-button-container {
width: 570px; }
.tutor-withdraw-button-container img {
margin: 0 0 20px; }
.withdraw-form-field-amount {
position: relative; }
.withdraw-form-field-amount input {
padding: 3px 15px 3px 67px; }
.withdraw-form-field-amount .withdraw-currency {
position: absolute;
top: 0;
left: 0;
min-width: 52px;
font-size: 18px;
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-heading);
height: calc(100% - 20px);
margin: 10px 0;
padding: 0 20px;
border-right: 1px solid #d3d8dd; }
.withdraw-form-field-row .inline-image-text {
font-size: 13px;
margin: 4px 0 0; }
.tutor-withdraw-button-container {
margin: 20px 0 0; }
.tutor-withdraw-button-container button {
margin: 0 16px 0 0; }
.tutor-withdraw-button-container .close-withdraw-form-btn {
background-color: #f5f5f5;
border-color: #f5f5f5;
color: var(--unicamp-color-primary); }
.withdraw-status {
display: inline-block;
font-size: 12px;
font-weight: 500;
border: 1px solid #eee;
border-radius: 5px;
padding: 2px 10px;
min-width: 100px;
text-align: center; }
.withdraw-status.status-pending {
color: #ffc221;
background: #fffcf4;
border-color: #ffe7a6; }
.withdraw-status.status-approved {
color: #6cbd7e;
background: #f7fbf8;
border-color: #c3e5ca; }
.withdraw-status.status-rejected {
color: #da0e2b;
background: #fdf3f4;
border-color: #f8cfd5; }
.dashboard-settings-form textarea[name='tutor_profile_bio'] {
height: 100px;
width: 100% !important; }
.dashboard-settings-form .form-description {
font-size: 13px;
line-height: 24px;
margin: -5px 0 20px; }
.dashboard-settings-form .form-submit-wrap {
margin: 20px 0 0; }
.dashboard-settings-withdraw-form .dashboard-content-box-title, .dashboard-settings-withdraw-form .tutor-zoom-frontend .zoom-content > .tutor-fs-6, .tutor-zoom-frontend .dashboard-settings-withdraw-form .zoom-content > .tutor-fs-6 {
margin: 0 0 39px; }
.withdraw-method-select-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px 18px; }
.withdraw-method-select-wrap .withdraw-method-select {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0 15px;
margin-bottom: 30px; }
.withdraw-method-select-wrap .withdraw-method-select .method-name {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 26px;
font-weight: var(--unicamp-typography-headings-font-weight);
color: inherit;
padding: 0 33px 0 0;
margin: 0 0 6px; }
.withdraw-method-select-wrap .withdraw-method-select .method-name:after {
content: '\f058';
font-size: 16px;
position: absolute;
right: 0;
top: 5px;
color: #6cbd7e;
opacity: 0;
visibility: hidden; }
.withdraw-method-select-wrap .withdraw-method-select .method-amount {
display: block;
font-size: 13px;
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-text-lighten); }
.withdraw-method-select-wrap .withdraw-method-select .method-amount .amount {
font-weight: inherit;
font-size: inherit;
margin: 0 0 0 5px; }
.withdraw-method-select-wrap .withdraw-method-select .method-amount .decimals-separator {
font-size: 10px; }
.withdraw-method-select-wrap .withdraw-method-select label {
display: block;
margin: 0;
cursor: pointer;
overflow: hidden;
position: relative;
border: 1px solid #f4f9ff;
background: #f4f9ff;
border-radius: 5px;
box-shadow: none;
padding: 21px 30px;
color: #333; }
.withdraw-method-select-wrap .withdraw-method-select label:after {
display: none; }
.withdraw-method-select-wrap .withdraw-method-select input:checked + label .method-name:after {
opacity: 1;
visibility: visible; }
.withdraw-method-select-wrap .withdraw-method-select input:checked + label,
.withdraw-method-select-wrap .withdraw-method-select:hover label {
border-color: #6cbd7e;
background: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
color: var(--unicamp-color-primary); }
.withdraw-method-form > div {
padding-bottom: 0; }
.withdraw-account-save-btn-wrap {
margin: 30px 0 0;
display: none; }
#tutor_profile_area {
width: 142px;
height: 142px;
left: 35px;
top: 145px;
border-radius: 50%;
border: 5px solid white;
position: absolute;
overflow: hidden;
background-color: #e9edfb;
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
#tutor_profile_area .tutor_overlay {
position: absolute;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.253);
padding: 0;
height: 37px;
cursor: pointer;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
#tutor_profile_cover_photo_editor {
height: 344px;
position: relative; }
#tutor_profile_cover_photo_editor #tutor_photo_dialogue_box {
display: none; }
#tutor_profile_cover_photo_editor #tutor_pp_option span {
display: block;
padding: 5px 10px;
cursor: pointer;
overflow: hidden;
font-style: normal;
font-weight: normal;
line-height: 26px;
color: #fff;
font-size: 14px; }
#tutor_profile_cover_photo_editor #tutor_pp_option span i {
text-align: center;
min-width: 20px;
font-size: 16px; }
#tutor_profile_cover_photo_editor #tutor_photo_meta_area > span > strong {
font-weight: 500;
color: var(--unicamp-color-heading); }
#tutor_profile_cover_photo_editor #tutor_photo_meta_area > img,
#tutor_profile_cover_photo_editor #tutor_photo_meta_area > span {
display: inline-block;
vertical-align: middle; }
#tutor_profile_cover_photo_editor #tutor_photo_meta_area > span.loader-area {
display: none; }
#tutor_profile_cover_photo_editor #tutor_photo_meta_area {
text-align: right;
padding-left: 190px;
margin-top: 16px; }
#tutor_profile_cover_photo_editor #tutor_cover_area {
height: 245px;
background-color: #e9edfb;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 6px;
position: relative;
overflow: hidden; }
#tutor_profile_cover_photo_editor #tutor_cover_area .tutor_cover_deleter {
position: absolute;
color: white;
background: rgba(0, 0, 0, 0.247);
text-align: center;
width: 36px;
border-radius: 50%;
height: 36px;
right: 22px;
top: 22px;
cursor: pointer;
font-size: 14px;
line-height: 36px; }
#tutor_profile_cover_photo_editor #tutor_cover_area .tutor_cover_uploader {
padding: 0 20px;
position: absolute;
right: 22px;
bottom: 22px; }
#tutor_profile_cover_photo_editor #tutor_pp_option {
position: absolute;
background: #353535;
width: 157px;
top: 294px;
left: 27px;
border-radius: 6px;
color: white;
z-index: 99;
display: none; }
#tutor_profile_cover_photo_editor #tutor_pp_option > *:not(:last-child) {
position: relative;
z-index: 1; }
#tutor_profile_cover_photo_editor #tutor_pp_option .up-arrow {
text-align: center;
height: 0; }
#tutor_profile_cover_photo_editor #tutor_pp_option span:first-of-type {
border-top-left-radius: 6px;
border-top-right-radius: 6px; }
#tutor_profile_cover_photo_editor #tutor_pp_option span:last-of-type {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; }
#tutor_profile_cover_photo_editor.pop-up-opened #tutor_pp_option {
display: block; }
.tutor-announcement-big-icon {
background: #f1f3f8;
color: var(--unicamp-color-primary);
line-height: 76px;
font-size: 32px;
width: 60px;
height: 60px;
border-radius: 100%;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 15px 0 0; }
.new-announcement-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.new-announcement-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.announcement-content-info h4 {
font-size: 18px;
margin: 0 0 5px; }
.tutor-announcement-datepicker .input-group {
position: relative; }
.tutor-announcement-datepicker input {
position: static; }
.tutor-announcement-datepicker i {
color: var(--unicamp-color-primary);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.tutor-dropdown-menu {
z-index: 2; }
.label-status-completed {
display: inline-block;
font-size: 12px;
font-weight: var(--unicamp-typography-headings-font-weight);
border: 1px solid #c3e5ca;
padding: 2px 10px;
min-width: 100px;
text-align: center;
color: #6cbd7e;
background: #f7fbf8;
border-radius: 0; }
.tutor-zoom-frontend .tutor-icon-zoom {
display: none; }
.tutor-zoom-frontend .zoom-content > .tutor-fs-6 {
font-weight: var(--unicamp-typography-headings-font-weight);
line-height: var(--unicamp-typography-headings-line-height); }
.tutor-zoom-frontend .zoom-content a {
font-weight: 500;
color: var(--unicamp-color-heading); }
.tutor-zoom-frontend .zoom-content a:hover {
color: var(--unicamp-color-primary); }
.tutor-zoom-frontend .zoom-image {
margin: 30px 0 0; }
.tutor-zoom-frontend .tutor-dashboard-announcement-sorting-wrap {
margin: 0 0 30px; }
.tutor-zoom-frontend .tutor-announcement-datepicker > div {
position: relative; }
.tutor-zoom-frontend .tutor-announcement-table-wrap {
border: 1px solid var(--unicamp-color-box-border);
border-radius: 5px; }
.tutor-zoom-frontend .tutor-announcement-table-wrap .tutor-dashboard-announcement-table {
border: 0;
margin: 0; }
.tutor-zoom-frontend .tutor-announcement-table-wrap .tutor-dashboard-announcement-table th,
.tutor-zoom-frontend .tutor-announcement-table-wrap .tutor-dashboard-announcement-table td {
text-align: start;
border: 0;
padding: 11px 10px;
line-height: 26px; }
.tutor-zoom-frontend .tutor-announcement-table-wrap .tutor-dashboard-announcement-table th:first-child,
.tutor-zoom-frontend .tutor-announcement-table-wrap .tutor-dashboard-announcement-table td:first-child {
padding-left: 30px; }
.tutor-zoom-frontend .tutor-announcement-table-wrap .tutor-dashboard-announcement-table th {
background: #f4f9ff; }
.tutor-zoom-frontend .tutor-announcement-table-wrap .tutor-dashboard-announcement-table tbody tr:last-child {
border: 0; }
.tutor-zoom-frontend .tutor-zoom-datetime-sorting {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.tutor-zoom-frontend .tutor-zoom-datetime-sorting > a {
top: auto !important;
font-size: 0;
line-height: 1; }
.tutor-zoom-frontend-buttons .tutor-btn.tutor-btn {
padding: 0 15px;
line-height: 36px; }
.tutor-zoom-frontend-buttons .tutor-btn.tutor-btn i {
margin: 0 0 0 5px; }
.tutor-zoom-frontend-buttons i.tutor-icon-action {
cursor: pointer;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
padding: 0;
margin: 0; }
.tutor-dropdown-menu.zoom-info-dropdown {
min-width: 240px; }
.tutor-dropdown-menu.zoom-info-dropdown label {
color: #fff; }
.zoom-configure-wrapper {
margin: 0 0 30px; }
.tutor-list-footer {
border-top: 1px solid var(--unicamp-color-box-border);
padding: 10px 30px; }
.tutor-zoom-form-container .input-area > h3 {
display: none; }
.tutor-zoom-settings-card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 5px;
margin: 0 0 20px; }
.tutor-zoom-settings-card .card-icon {
margin: 0 25px 0 0; }
.tutor-zoom-settings-card .btn-switch {
height: 24px; }
.tutor-zoom-settings-card .card-content p {
font-weight: 500;
color: var(--unicamp-color-heading);
margin: 0; }
.tutor-zoom-settings-card .card-content span {
display: block;
font-size: 14px;
line-height: 24px; }
.tutor-zoom-settings-card .card-radio {
margin: 5px 0 0; }
.tutor-zoom-settings-card .card-radio .single-radio {
margin: 0 20px 0 0; }
.tutor-zoom-accordion-panel {
cursor: pointer;
color: var(--unicamp-color-heading);
font-weight: var(--unicamp-typography-headings-font-weight);
line-height: 26px; }
.tutor-zoom-accordion-panel i {
font-size: 16px; }
.tutor-accordion-panel-handler-label {
margin: 0 5px; }
.tutor-zoom-settings .tutor-zoom-accordion-item + .tutor-zoom-accordion-item {
margin: 20px 0 0; }
.dashboard-my-students-table .student-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.dashboard-my-students-table .student-avatar {
width: 70px;
border-radius: 50%;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 15px 0 0; }
.dashboard-my-students-table .student-avatar img {
border-radius: 50%; }
.dashboard-my-students-table .student-name {
font-size: 15px;
line-height: 26px;
font-weight: 500;
margin: 0; }
.dashboard-my-students-table .td-student-actions a {
margin: 10px 5px 0;
display: inline-block;
border: 1px solid var(--unicamp-color-box-fill-separator);
border-radius: 4px;
padding: 2px 16px;
font-size: 13px;
font-weight: 500;
line-height: 26px;
color: var(--unicamp-color-text-bit-lighten); }
.dashboard-my-students-table .td-student-actions a i {
margin: 0 5px 0 0; }
.dashboard-my-students-table .td-student-actions a:hover {
color: #fff;
border-color: var(--unicamp-color-primary);
background: var(--unicamp-color-primary); }
.dashboard-my-student-courses-table .col-course-info {
width: 470px; }
.dashboard-my-student-courses-table .course-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.dashboard-my-student-courses-table .course-thumbnail {
width: 70px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 15px 0 0;
border-radius: 5px;
overflow: hidden; }
.dashboard-my-student-courses-table .course-title {
font-size: 15px;
line-height: 26px;
font-weight: 500;
margin: 0; }
.tutor-option-nav-page .create-certificate-steps .item-wrapper,
.tutor-cb-templates-table .create-certificate-steps .item-wrapper {
background: var(--unicamp-color-box-white-background);
background-repeat: no-repeat;
background-size: 50%;
background-position: right 25px center; }
.tutor-option-nav-page .create-certificate-steps .tutor-text-bold-h5,
.tutor-cb-templates-table .create-certificate-steps .tutor-text-bold-h5 {
font-weight: var(--unicamp-typography-headings-font-weight);
font-size: 24px;
line-height: 1.42;
color: var(--unicamp-color-heading);
margin-bottom: 24px; }
.tutor-option-nav-page .create-certificate-steps ul,
.tutor-cb-templates-table .create-certificate-steps ul {
counter-reset: listItem; }
.tutor-option-nav-page .create-certificate-steps ul li,
.tutor-cb-templates-table .create-certificate-steps ul li {
list-style: none;
display: block;
font-size: 15px;
line-height: 1.6;
margin-bottom: 13px; }
.tutor-option-nav-page .create-certificate-steps ul li:before,
.tutor-cb-templates-table .create-certificate-steps ul li:before {
counter-increment: listItem;
content: counter(listItem) ".";
margin-right: 12px; }
.tutor-option-nav-page .item-wrapper,
.tutor-cb-templates-table .item-wrapper {
border: 1px solid var(--unicamp-color-box-white-border);
box-sizing: border-box;
border-radius: 5px;
margin-bottom: 16px;
background-position: right -1px top; }
.tutor-option-nav-page .create-certificate-steps .create-certificate-btn,
.tutor-cb-templates-table .create-certificate-steps .create-certificate-btn {
margin-top: 28px; }
.tutor-option-nav-page .create-certificate-steps .item-wrapper,
.tutor-cb-templates-table .create-certificate-steps .item-wrapper {
padding: 42px 52px 54px 52px; }
.tutor-option-nav-page.tutor-cb-templates-table .tutor-certificate-step-description, .tutor-cb-templates-table.tutor-cb-templates-table .tutor-certificate-step-description {
max-width: 374px; }
.tutor-option-nav-page .all-certificate .tutor-option-field-row, .tutor-cb-templates-table .all-certificate .tutor-option-field-row {
-ms-grid-columns: 98px 1fr auto;
grid-template-columns: 98px 1fr auto;
grid-gap: 20px; }
.tutor-option-nav-page .all-certificate .certificate-thumb, .tutor-cb-templates-table .all-certificate .certificate-thumb {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
justify-self: center;
position: relative; }
.tutor-option-nav-page .all-certificate .certificate-thumb:before, .tutor-cb-templates-table .all-certificate .certificate-thumb:before {
position: absolute;
content: '';
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' viewBox='0 0 24 18' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 0.75C6.54545 0.75 1.85455 4.13182 0 8.93182C1.85455 13.7318 6.54545 17.1136 12 17.1136C17.4545 17.1136 22.1455 13.7318 24 8.93182C22.1455 4.13182 17.4545 0.75 12 0.75ZM12.0007 14.3863C8.94617 14.3863 6.54617 11.9863 6.54617 8.93177C6.54617 5.87723 8.94617 3.47723 12.0007 3.47723C15.0553 3.47723 17.4553 5.87723 17.4553 8.93177C17.4553 11.9863 15.0553 14.3863 12.0007 14.3863ZM8.72754 8.93195C8.72754 7.0774 10.1457 5.65922 12.0003 5.65922C13.8548 5.65922 15.273 7.0774 15.273 8.93195C15.273 10.7865 13.8548 12.2047 12.0003 12.2047C10.1457 12.2047 8.72754 10.7865 8.72754 8.93195Z' fill='white'/%3e%3c/svg%3e");
background-position: center;
background-repeat: no-repeat;
background-color: rgba(22, 22, 22, 0.5);
width: 100%;
height: 100%;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
border-radius: 3px;
opacity: 0;
-webkit-transition: 0.2s linear;
transition: 0.2s linear; }
.tutor-option-nav-page .all-certificate .certificate-thumb:hover:before, .tutor-cb-templates-table .all-certificate .certificate-thumb:hover:before {
opacity: 1; }
.tutor-option-nav-page .no-certificate .certificate-thumb, .tutor-cb-templates-table .no-certificate .certificate-thumb {
text-align: center; }
.tutor-option-nav-page .no-certificate .certificate-thumb p, .tutor-cb-templates-table .no-certificate .certificate-thumb p {
font-size: 20px;
line-height: 1.5;
margin-top: 24px; }
.tutor-option-nav-page .no-certificate .item-wrapper, .tutor-cb-templates-table .no-certificate .item-wrapper {
padding-top: 50px;
padding-bottom: 50px; }
.tutor-option-nav-page .certificate-template .tutor-option-field-row, .tutor-cb-templates-table .certificate-template .tutor-option-field-row {
border-bottom: none; }
.tutor-option-nav-page .certificate-template .radio-thumbnail, .tutor-cb-templates-table .certificate-template .radio-thumbnail {
display: -ms-grid;
display: grid;
-ms-grid-columns: (minmax(180px, 1fr))[auto-fill];
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
grid-gap: 18px 16px; }
.tutor-option-nav-page .certificate-template .radio-thumbnail label, .tutor-cb-templates-table .certificate-template .radio-thumbnail label {
margin: unset;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
cursor: pointer; }
.tutor-option-nav-page .certificate-template .radio-thumbnail input[type='radio']:checked ~ .icon-wrapper img, .tutor-cb-templates-table .certificate-template .radio-thumbnail input[type='radio']:checked ~ .icon-wrapper img {
box-shadow: 0 0 0 1px var(--unicamp-color-primary); }
.tutor-option-nav-page .certificate-settings .signature-upload-wrap, .tutor-cb-templates-table .certificate-settings .signature-upload-wrap {
text-align: left;
padding-top: 7px;
padding-bottom: 13px; }
.tutor-option-nav-page .certificate-settings .signature-upload, .tutor-cb-templates-table .certificate-settings .signature-upload {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: left; }
.tutor-option-nav-page .certificate-settings .signature-preview, .tutor-cb-templates-table .certificate-settings .signature-preview {
border: 2px solid #e8e8e8;
border-radius: 3px;
width: 200px;
height: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 2px 0; }
.tutor-option-nav-page .certificate-settings .signature-preview img, .tutor-cb-templates-table .certificate-settings .signature-preview img {
width: 100%;
height: 100%;
-o-object-fit: scale-down;
object-fit: scale-down; }
.tutor-option-nav-page .certificate-settings .signature-info, .tutor-cb-templates-table .certificate-settings .signature-info {
margin-left: 23px; }
.tutor-option-nav-page .certificate-settings .signature-upload span.delete-btn, .tutor-cb-templates-table .certificate-settings .signature-upload span.delete-btn {
position: absolute;
width: 24px;
height: 24px;
border-radius: 50%;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14' fill='none'%3e%3cpath d='M1.36301 12.0781C1.36301 12.3889 1.48628 12.687 1.7057 12.9068C1.92512 13.1265 2.22272 13.25 2.53302 13.25H9.55307C9.86337 13.25 10.161 13.1265 10.3804 12.9068C10.5998 12.687 10.7231 12.3889 10.7231 12.0781V3.875H1.36301V12.0781ZM7.99306 5.82813C7.99306 5.72453 8.03415 5.62517 8.10729 5.55191C8.18043 5.47866 8.27962 5.4375 8.38306 5.4375C8.48649 5.4375 8.58569 5.47866 8.65883 5.55191C8.73197 5.62517 8.77306 5.72453 8.77306 5.82813V11.2969C8.77306 11.4005 8.73197 11.4998 8.65883 11.5731C8.58569 11.6463 8.48649 11.6875 8.38306 11.6875C8.27962 11.6875 8.18043 11.6463 8.10729 11.5731C8.03415 11.4998 7.99306 11.4005 7.99306 11.2969V5.82813ZM5.65304 5.82813C5.65304 5.72453 5.69413 5.62517 5.76727 5.55191C5.84041 5.47866 5.93961 5.4375 6.04304 5.4375C6.14648 5.4375 6.24568 5.47866 6.31882 5.55191C6.39196 5.62517 6.43305 5.72453 6.43305 5.82813V11.2969C6.43305 11.4005 6.39196 11.4998 6.31882 11.5731C6.24568 11.6463 6.14648 11.6875 6.04304 11.6875C5.93961 11.6875 5.84041 11.6463 5.76727 11.5731C5.69413 11.4998 5.65304 11.4005 5.65304 11.2969V5.82813ZM3.31303 5.82813C3.31303 5.72453 3.35412 5.62517 3.42726 5.55191C3.50039 5.47866 3.59959 5.4375 3.70303 5.4375C3.80646 5.4375 3.90566 5.47866 3.9788 5.55191C4.05194 5.62517 4.09303 5.72453 4.09303 5.82813V11.2969C4.09303 11.4005 4.05194 11.4998 3.9788 11.5731C3.90566 11.6463 3.80646 11.6875 3.70303 11.6875C3.59959 11.6875 3.50039 11.6463 3.42726 11.5731C3.35412 11.4998 3.31303 11.4005 3.31303 11.2969V5.82813ZM11.1131 1.53125H8.18806L7.95893 1.07471C7.9104 0.977107 7.83563 0.895005 7.74305 0.837641C7.65046 0.780276 7.54373 0.749926 7.43487 0.750004H4.64879C4.54016 0.749586 4.43362 0.779823 4.34137 0.837251C4.24911 0.894679 4.17487 0.976976 4.12716 1.07471L3.89803 1.53125H0.97301C0.869575 1.53125 0.770377 1.57241 0.697237 1.64567C0.624097 1.71892 0.583008 1.81828 0.583008 1.92188L0.583008 2.70313C0.583008 2.80673 0.624097 2.90609 0.697237 2.97934C0.770377 3.0526 0.869575 3.09375 0.97301 3.09375H11.1131C11.2165 3.09375 11.3157 3.0526 11.3889 2.97934C11.462 2.90609 11.5031 2.80673 11.5031 2.70313V1.92188C11.5031 1.81828 11.462 1.71892 11.3889 1.64567C11.3157 1.57241 11.2165 1.53125 11.1131 1.53125Z' fill='white'/%3e%3c/svg%3e");
background-color: #f44337;
background-repeat: no-repeat;
background-position: 50%;
cursor: pointer;
top: -12px;
right: -12px; }
.tutor-option-nav-page .certificate-settings .signature-upload span.delete-btn:hover, .tutor-cb-templates-table .certificate-settings .signature-upload span.delete-btn:hover {
background-color: #f2281a; }
.tutor-option-nav-page .certificate-settings .signature-upload .signature-preview, .tutor-cb-templates-table .certificate-settings .signature-upload .signature-preview {
background: #f3f3f3;
position: relative; }
.tutor-option-nav-page .certificate-settings .tutor-btn, .tutor-cb-templates-table .certificate-settings .tutor-btn {
margin-top: 24px; }
.tutor-option-nav-page .certificate-settings .tutor-btn input[type='file'], .tutor-cb-templates-table .certificate-settings .tutor-btn input[type='file'] {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
display: none; }
.tutor-analytics-title,
.analytics-title,
.tutor-analytics-widget-title {
font-size: 28px;
font-family: var(--unicamp-typography-headings-font-family);
font-weight: var(--unicamp-typography-headings-font-weight);
line-height: var(--unicamp-typography-headings-line-height);
color: var(--unicamp-color-heading);
margin: 0 0 31px; }
.tutor-analytics-info-cards .tutor-card > .tutor-d-flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.tutor-analytics-info-cards .tutor-card .tutor-round-box {
margin: 0 0 12px; }
.tutor-analytics-filter-tabs {
background: var(--unicamp-color-box-white-background);
padding: 20px;
margin: 0 0 20px; }
.tutor-analytics-graph {
margin: 0 0 40px; }
.tutor-analytics-widget {
margin: 0 0 32px; }
.analytics-export-wrapper {
background: var(--unicamp-color-box-white-background);
border-radius: 10px; }
.tutor-analytics-sub-pages {
border-radius: 5px;
border: 1px solid var(--unicamp-color-box-white-border);
background: var(--unicamp-color-box-white-background);
margin: 0 0 10px;
max-width: 100%;
padding: 20px; }
.tutor-analytics-sub-pages .tutor-p-32 {
padding: 64px; }
.dashboard-analytics-export-page .tutor-analytics-sub-pages {
padding: 0; }
.analytics-export-wrapper .tutor-color-black {
font-family: var(--unicamp-typography-headings-font-family);
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-heading);
font-size: 24px; }
.td-statement-info .tutor-d-flex {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 0 5px; }
.td-statement-info .tutor-d-flex .tutor-badge-label {
margin: 0 10px 0 0; }
.tutor-avatar {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 36px;
width: 36px;
background-color: #fff;
box-shadow: 0 0 0 1px var(--tutor-border-color);
border-radius: 100px;
overflow: hidden; }
.tutor-ratio {
content: " ";
position: relative;
width: 100%;
display: block; }
.tutor-ratio * {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important; }
.tutor-ratio-1x1 {
padding-top: 100%; }
.tutor-avatar-text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: rgba(255, 255, 255, 0.8);
background-color: var(--unicamp-color-primary); }
.elementor-widget-tm-course-category-carousel .unicamp-box {
display: block; }
.elementor-widget-tm-course-category-carousel .unicamp-image {
position: relative;
border-radius: 5px;
overflow: hidden; }
.elementor-widget-tm-course-category-carousel .unicamp-image:after {
display: block;
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 30%, #000 100%);
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, #000 100%);
border-radius: inherit; }
.elementor-widget-tm-course-category-carousel .category-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0 27px 32px;
z-index: 1; }
.elementor-widget-tm-course-category-carousel .category-name {
font-size: 20px;
line-height: 1.5;
color: #fff;
margin: 0; }
.unicamp-course-category-cards .category-icon {
font-size: 40px;
line-height: 0;
margin: 0 10px 0 0; }
.unicamp-course-category-cards .category-icon svg {
width: 1em;
height: auto; }
.unicamp-course-category-cards .category-name {
font-size: 16px;
line-height: 26px;
font-weight: var(--unicamp-typography-headings-font-weight);
margin: 0; }
.unicamp-course-category-cards .category-description {
margin: 2px 0 0; }
.unicamp-course-category-cards.style-01 .unicamp-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: #f1f3f8;
border-radius: 5px;
padding: 10px 30px;
height: 100%;
min-height: 70px; }
.unicamp-course-category-cards.style-01 .unicamp-box:hover {
color: #fff;
background: var(--unicamp-color-primary); }
.unicamp-course-category-cards.style-01 .unicamp-box:hover .category-name {
color: #fff; }
.unicamp-course-category-cards.style-01 .unicamp-box:hover .category-name:after {
-webkit-transform: translateY(-50%) scale(1, 1);
-ms-transform: translateY(-50%) scale(1, 1);
transform: translateY(-50%) scale(1, 1); }
.unicamp-course-category-cards.style-01 .unicamp-box:hover .category-icon {
color: #fff; }
.unicamp-course-category-cards.style-01 .unicamp-box:hover .category-icon svg {
color: #fff; }
.unicamp-course-category-cards.style-01 .unicamp-box:hover .category-icon svg .text-fill-color {
fill: #fff; }
.unicamp-course-category-cards.style-01 .unicamp-box:hover .category-icon svg .text-lighten-fill-color {
fill: #fff;
fill-opacity: 0.2; }
.unicamp-course-category-cards.style-01 .category-icon {
min-width: 60px;
color: var(--unicamp-color-primary); }
.unicamp-course-category-cards.style-01 .category-icon svg {
color: var(--unicamp-color-primary);
}
.unicamp-course-category-cards.style-01 .category-icon svg *[fill] {
fill: currentColor; }
.unicamp-course-category-cards.style-01 .category-icon svg .text-lighten-fill-color {
color: #d4e1f4; }
.unicamp-course-category-cards.style-01 .category-icon svg .text-fill-color {
color: #47586d; }
.unicamp-course-category-cards.style-01 .category-name {
position: relative;
display: inline-block; }
.unicamp-course-category-cards.style-01 .category-name:after {
content: '\f105';
position: absolute;
right: -15px;
top: 50%;
-webkit-transform: translateY(-50%) scale(0, 0);
-ms-transform: translateY(-50%) scale(0, 0);
transform: translateY(-50%) scale(0, 0);
color: #fff;
font-size: 16px; }
.unicamp-course-category-cards.style-02 .unicamp-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #eee;
border-radius: 8px;
padding: 10px 30px 10px 30px;
height: 100%;
min-height: 94px; }
.unicamp-course-category-cards.style-02 .unicamp-box:hover {
background: #fff;
border-color: #fff;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); }
.unicamp-course-category-cards.style-02 .unicamp-box:hover .category-name {
color: var(--unicamp-color-primary); }
.unicamp-course-category-cards.style-02 .unicamp-box:hover .category-name:after {
-webkit-transform: translateY(-50%) scale(1, 1);
-ms-transform: translateY(-50%) scale(1, 1);
transform: translateY(-50%) scale(1, 1); }
.unicamp-course-category-cards.style-02 .category-icon {
min-width: 58px;
font-size: 48px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
color: var(--unicamp-color-primary); }
.unicamp-course-category-cards.style-02 .category-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.unicamp-course-category-cards.style-02 .category-name {
position: relative;
display: inline-block; }
.unicamp-course-category-cards.style-02 .category-name:after {
content: '\f105';
position: absolute;
right: -15px;
top: 50%;
-webkit-transform: translateY(-50%) scale(0, 0);
-ms-transform: translateY(-50%) scale(0, 0);
transform: translateY(-50%) scale(0, 0);
color: var(--unicamp-color-primary);
font-size: 16px; }
.unicamp-course-languages .unicamp-box {
display: block;
position: relative;
border-radius: 5px;
overflow: hidden; }
.unicamp-course-languages .course-thumb-wrap {
position: relative; }
.unicamp-course-languages .course-thumb-wrap:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.6;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 42%, #000 84%);
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 42%, #000 84%);
border-radius: inherit; }
.unicamp-course-languages .course-language-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px 20px 23px; }
.unicamp-course-languages .course-language-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 14px 0 0; }
.unicamp-course-languages .course-language-name {
font-size: 20px;
color: #fff;
line-height: 1.6;
font-weight: 400;
margin: 0; }
.unicamp-course-languages .course-language-flag {
margin: 0 11px 0 0;
font-size: 0; }
.unicamp-course-languages .course-language-flag img {
border-radius: 50%;
width: 24px;
height: 24px; }
.unicamp-course-languages .course-language-count {
font-size: 14px;
line-height: 1.72;
font-weight: 500;
color: #fff; }
.elementor-widget-tm-course-tabs.course-tabs-style-01 .unicamp-tabpanel > .unicamp-nav-tabs, .elementor-widget-tm-course-tabs.course-tabs-style-02 .unicamp-tabpanel > .unicamp-nav-tabs {
border: 0;
font-size: 0;
margin: 0 -7px; }
.elementor-widget-tm-course-tabs.course-tabs-style-01 .unicamp-tabpanel > .unicamp-nav-tabs li, .elementor-widget-tm-course-tabs.course-tabs-style-02 .unicamp-tabpanel > .unicamp-nav-tabs li {
margin: 0 7px; }
.elementor-widget-tm-course-tabs.course-tabs-style-01 .unicamp-tabpanel > .unicamp-nav-tabs li a, .elementor-widget-tm-course-tabs.course-tabs-style-02 .unicamp-tabpanel > .unicamp-nav-tabs li a {
font-size: 14px;
font-weight: var(--unicamp-typography-headings-font-weight);
line-height: 26px;
color: var(--unicamp-color-text);
border: 0 !important;
border-radius: 0;
padding: 7px 20px; }
.elementor-widget-tm-course-tabs.course-tabs-style-01 .unicamp-tabpanel > .unicamp-nav-tabs li.active a,
.elementor-widget-tm-course-tabs.course-tabs-style-01 .unicamp-tabpanel > .unicamp-nav-tabs li a:hover, .elementor-widget-tm-course-tabs.course-tabs-style-02 .unicamp-tabpanel > .unicamp-nav-tabs li.active a,
.elementor-widget-tm-course-tabs.course-tabs-style-02 .unicamp-tabpanel > .unicamp-nav-tabs li a:hover {
background: #fff;
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1); }
.elementor-widget-tm-course-tabs.course-tabs-style-01 .unicamp-tabpanel > .unicamp-nav-tabs li.active a, .elementor-widget-tm-course-tabs.course-tabs-style-02 .unicamp-tabpanel > .unicamp-nav-tabs li.active a {
color: var(--unicamp-color-primary); }
.elementor-widget-tm-course-tabs.course-tabs-style-01 .unicamp-tabpanel .tab-content, .elementor-widget-tm-course-tabs.course-tabs-style-02 .unicamp-tabpanel .tab-content {
padding: 44px 0 0; }
.elementor-widget-tm-course-tabs.course-tabs-style-02 .unicamp-tabpanel > .unicamp-nav-tabs li a {
background: #f5f5f5; }
.elementor-widget-tm-course-tabs .tm-swiper .swiper-slide {
width: 258px !important;
max-width: 90%; }
@media (max-width: 767px) {
.elementor-widget-tm-course-tabs .unicamp-tabpanel .tab-content {
padding: 30px 0 15px; } }
.unicamp-wp-widget-courses .course-item + .course-item {
padding-top: 15px;
margin-top: 15px; }
.unicamp-wp-widget-courses .unicamp-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.unicamp-wp-widget-courses .course-thumbnail {
position: relative;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
overflow: hidden;
margin: 0 12px 0 0;
max-width: 45%; }
.unicamp-wp-widget-courses .course-title {
font-size: 15px;
line-height: 24px;
margin: 0; }
.unicamp-wp-widget-courses .course-title a {
display: block;
color: inherit; }
.unicamp-wp-widget-courses .course-title a:hover {
color: var(--unicamp-color-primary); }
.unicamp-wp-widget-courses .course-category {
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--unicamp-color-text-lighten);
margin: 0 0 3px; }
.unicamp-wp-widget-courses .course-category a {
color: inherit; }
.unicamp-wp-widget-courses .course-category a:hover {
color: var(--unicamp-color-primary); }
.unicamp-wp-widget-courses .tutor-course-badge {
position: absolute;
top: 5px;
left: 5px;
z-index: 1; }
.unicamp-wp-widget-courses .course-loop-price .price {
font-size: 15px;
line-height: 20px; }
.unicamp-wp-widget-courses .course-loop-price .price del {
font-size: 12px; }
.unicamp-wp-widget-courses .course-loop-price .price .decimals-separator {
font-size: 10px; }
.unicamp-wp-widget-course-form-filter .form-group {
position: relative;
margin: 0 0 20px; }
.unicamp-wp-widget-course-form-filter .form-icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
line-height: 1;
font-size: 14px;
color: var(--unicamp-color-heading);
text-align: end;
pointer-events: none; }
.unicamp-wp-widget-course-form-filter .form-has-icon .form-input {
padding-right: 30px; }
.unicamp-wp-widget-course-form-filter .form-submit {
margin: 20px 0 0; }
.unicamp-wp-widget-course-form-filter .search-submit {
padding: 0 20px;
width: 100%; }
.tutor-download-certificate {
padding: 0 0 100px !important; }
.tutor-dc-button-group {
position: static !important;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 20px -10px 0; }
.tutor-dc-button-group > div {
padding: 0 10px; }
.tutor-dc-button-group .tooltip-wrap .tooltip-txt {
padding: 0 15px; }
body.course-certificate-page {
background: none; }
body.course-certificate-page .tutor-certificate-demo {
padding: 0 0 20px; }
body.course-certificate-page .tutor-certificate-container {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 -15px 80px;
font-family: inherit !important; }
body.course-certificate-page .tutor-certificate-container > div {
margin: 0;
padding: 0 15px; }
body.course-certificate-page .tutor-certificate-container .tutor-dropdown {
margin: 0 0 20px; }
body.course-certificate-page .tutor-certificate-img-container {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
padding-right: 45px !important; }
body.course-certificate-page .tutor-certificate-img-container img {
border: 0;
padding: 0;
border-radius: 10px;
background: none;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
body.course-certificate-page .tutor-certificate-sidebar {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333336%;
-ms-flex: 0 0 33.333336%;
flex: 0 0 33.333336%;
max-width: 33.333336%; }
body.course-certificate-page .tutor-certificate-sidebar-btn-container > div {
margin-bottom: 20px; }
body.course-certificate-page .tutor-certificate-sidebar-btn-container .download-btn {
height: 60px;
line-height: 58px;
text-transform: none;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
body.course-certificate-page .tutor-certificate-sidebar-btn-container .download-btn i {
font-size: 15px;
border: 0;
padding: 0;
position: static;
text-align: left;
margin: 0 0 0 10px; }
body.course-certificate-page .tutor-certificate-sidebar-btn-container .download-btn i:before {
content: '\f019'; }
body.course-certificate-page .tutor-certificate-btn-group {
margin: 0 -10px !important; }
body.course-certificate-page .tutor-certificate-btn-group .tutor-copy-link,
body.course-certificate-page .tutor-certificate-btn-group .tutor-share-btn {
-webkit-box-flex: 0;
-webkit-flex: 0 0 calc(50% - 20px);
-ms-flex: 0 0 calc(50% - 20px);
flex: 0 0 calc(50% - 20px);
max-width: calc(50% - 20px);
margin: 0 10px;
width: auto; }
body.course-certificate-page .tutor-certificate-btn-group button {
background: #f5f5f5;
border-color: #f5f5f5;
color: var(--unicamp-color-primary);
text-transform: none;
padding: 0 15px; }
body.course-certificate-page .tutor-certificate-sidebar-course {
margin: 34px 0 0; }
body.course-certificate-page .tutor-certificate-sidebar-course h3 {
font-size: 24px;
line-height: 1.5;
color: var(--unicamp-color-heading);
font-weight: var(--unicamp-typography-headings-font-weight); }
body.course-certificate-page .tutor-certificate-sidebar-course h1.course-name {
font-size: 16px;
line-height: 28px;
margin-bottom: 12px; }
body.course-certificate-page .tutor-certificate-sidebar-course h1.course-name a {
color: inherit; }
body.course-certificate-page .tutor-certificate-sidebar-course h1.course-name a:hover {
color: var(--unicamp-color-primary); }
body.course-certificate-page .tutor-course-loop-level {
font-size: 13px;
line-height: 22px;
font-weight: var(--unicamp-typography-headings-font-weight);
color: #6cbd7e;
background: #e9f5ec;
padding: 0 8px; }
body.course-certificate-page .tutor-star-rating-group {
margin: 8px 0 0; }
body.course-certificate-page .tutor-sidebar-course-author img {
width: 28px;
height: 28px;
margin: 0 9px 0 0; }
body.course-certificate-page .tutor-sidebar-course-author span {
line-height: 28px; }
body.course-certificate-page .tutor-sidebar-course-author a {
color: var(--unicamp-color-primary); }
body.course-certificate-page .tutor-sidebar-course-author a strong {
font-weight: 400; }
body.course-certificate-page .tutor-dropdown-content {
background: #fff;
border-radius: 5px; }
body.course-certificate-page .tutor-dropdown-content .tutor-social-share-wrap {
margin: 0; }
body.course-certificate-page .tutor-dropdown-content .tutor-social-share-wrap .tutor_share {
line-height: 40px;
font-size: 16px;
color: var(--unicamp-color-text-lighten); }
body.course-certificate-page .tutor-dropdown-content .tutor-social-share-wrap .tutor_share:hover {
color: var(--unicamp-color-primary); }
@media (max-width: 1199px) {
.theme-unicamp .tutor-certificate-container {
display: block; }
.theme-unicamp .tutor-certificate-container > div {
width: 100%;
max-width: 100% !important;
padding: 0 15px !important; }
.theme-unicamp .tutor-certificate-img-container {
margin: 0 0 30px !important; } }
.tutor-gc-stream-classroom-info {
background: var(--unicamp-color-primary);
padding: 33px 30px 39px;
margin: 0 0 40px; }
.tutor-gc-stream-classroom-info > h3 {
font-size: 20px;
margin: 0 0 14px; }
.tutor-gc-stream-classroom-info > p {
font-size: 14px;
font-weight: 500;
margin: 0 0 25px; }
.tutor-gc-stream-classroom-info .tutor-gc-class-code {
display: inline-block;
margin-right: 10px;
font-size: 15px;
font-weight: 700;
height: 52px;
line-height: 52px;
padding: 0 20px;
color: #fff;
border-radius: 5px;
background: rgba(255, 255, 255, 0.2); }
.tutor-gc-stream-classroom-info .tutor-gc-class-code .tutor-gc-copy-text {
font-size: 18px; }
.tutor-gc-stream-classroom-info .tutor-gc-class-go-to {
display: inline-block;
text-decoration: none !important;
font-size: 15px;
font-weight: 700;
height: 52px;
line-height: 52px;
padding: 0 20px;
color: var(--unicamp-color-secondary) !important; }
.tutor-gc-stream-classroom-info .tutor-gc-class-go-to:hover {
color: #fff !important; }
.tutor-gc-stream-classroom-info .tutor-gc-class-go-to:after {
content: '\f35d';
font-size: 18px;
margin: 0 0 0 10px; }
.tutor-course-lessons.tutor-zoom-meeting-session .session-link a {
padding: 0 41px !important; }
.tutor-course-topic.tutor-zoom-meeting .tutor-course-title {
border-color: var(--unicamp-color-box-border); }
.tutor-course-topic.tutor-zoom-meeting .tutor-zoom-meeting-toggle-icon {
color: var(--unicamp-color-primary); }
.tutor-zoom-meeting-detail > h3 {
font-size: 18px;
margin: 0; }
.unicamp-zoom-meeting-countdown .countdown-section {
float: none;
font-size: 1em;
width: auto;
min-width: 77px;
height: 77px;
border: 0;
border-radius: 5px;
background: var(--unicamp-color-box-white-background);
box-shadow: 0 0 20px rgba(51, 51, 51, 0.1);
margin: 5px;
padding: 5px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.zoom-meetings-container .button-primary,
.tutor-zoom-create-meeting .button-primary {
border-radius: 5px;
background-color: var(--unicamp-color-primary);
border: var(--unicamp-color-primary); }
.zoom-meetings-container .button-primary:hover,
.tutor-zoom-create-meeting .button-primary:hover {
border-color: var(--unicamp-color-secondary);
background-color: var(--unicamp-color-secondary);
color: var(--unicamp-color-third) !important; }
.tutor-zoom-create-meeting {
background: var(--unicamp-color-box-white-background);
border-color: var(--unicamp-color-primary); }
.button.tutor-zoom-meeting-modal-open-btn img {
display: none; }
.button.tutor-zoom-meeting-modal-open-btn:before {
content: '\f0c0';
margin: 0 6px 0 0; }
.tutor-zoom-meeting-modal-wrap .modal-close-btn {
top: 0;
background: none !important;
color: var(--unicamp-color-heading) !important; }
.tutor-zoom-meeting-modal-wrap .tutor-modal-content {
max-width: 670px !important; }
.tutor-zoom-meeting-modal-wrap.tutor-modal-wrap .modal-header {
padding: 24px 25px 7px !important;
border: 0;
text-align: center; }
.tutor-zoom-meeting-modal-wrap.tutor-modal-wrap .modal-header h1 {
font-size: 24px;
line-height: 36px; }
.tutor-zoom-meeting-modal-wrap .modal-container {
background: none; }
.tutor-zoom-meeting-modal-wrap .modal-footer {
border: 0;
margin: 0;
background: none; }
.meeting-time-separator {
display: none; }
.date-range-input input {
border-right-width: 1px !important; }
.date-range-input i {
position: absolute;
top: 50% !important;
right: 10px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); }
.tutor-quiz-builder-row .meeting-time {
margin-right: 10px; }
.zoom-meetings-container .tutor-zoom-meeting-item .meeting-action a.tutor-btn {
color: var(--unicamp-color-primary);
border-color: var(--unicamp-color-primary);
background: none; }
#tutor-zoom-metabox-wrap .zoom-meetings-heading {
border-color: var(--unicamp-color-box-white-border); }
#tutor-zoom-metabox-wrap .tutor-zoom-meetings-metabox {
background: var(--unicamp-color-box-white-background);
border-color: var(--unicamp-color-box-white-border); }
@media (min-width: 992px) {
.meeting-modal-form-wrap .tutor-quiz-builder-group {
padding-left: 50px;
padding-right: 50px; }
.tutor-zoom-meeting-modal-wrap.tutor-modal-wrap .modal-header {
padding-left: 50px !important;
padding-right: 50px !important; }
.tutor-zoom-meeting-modal-wrap .modal-footer {
padding-left: 50px;
padding-right: 50px; } }
.desktop-menu .tutor-frontend-course-builder .header-wrap {
padding: 20px 0; }
.tutor-frontend-course-builder .dark-logo, .tutor-frontend-course-builder .light-logo {
display: block !important; }
.tutor-frontend-course-builder .page-header-inner {
border: 0;
background: var(--unicamp-color-box-white-background) !important;
box-shadow: 0 0 26px rgba(0, 0, 0, 0.05); }
.tutor-frontend-course-builder .page-header-inner .header-left,
.tutor-frontend-course-builder .page-header-inner .header-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.tutor-frontend-course-builder .page-header-inner .header-left .tm-button-wrapper {
margin: 0 0 0 20px; }
.tutor-frontend-course-builder .page-header-inner .header-left .tm-button {
min-width: 156px;
font-size: 16px;
font-weight: var(--unicamp-typography-headings-font-weight); }
.tutor-frontend-course-builder .page-header-inner .header-left .tm-button .button-icon {
font-size: 28px;
margin: 0 14px 0 0; }
.tutor-frontend-course-builder .page-header-inner .header-left button {
min-width: 156px;
font-size: 16px;
font-weight: var(--unicamp-typography-headings-font-weight);
margin: 0 0 0 20px; }
.tutor-frontend-course-builder .page-header-inner .header-left button i {
font-size: 28px;
margin: 0 14px 0 0; }
.tutor-frontend-course-builder .page-header-inner .header-right .tm-button.style-flat .button-icon {
font-size: 28px; }
.tutor-frontend-course-builder .page-header-inner .header-right .tm-button.style-flat .button-icon i {
font-size: inherit; }
.tutor-frontend-course-builder .header-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.tutor-frontend-course-builder .return-dashboard-link a {
font-size: 16px;
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-text); }
.tutor-frontend-course-builder .return-dashboard-link a:hover {
color: var(--unicamp-color-primary); }
.tutor-frontend-course-builder-section {
padding: 50px 0 80px !important;
background: #f8f8f8 !important; }
.tutor-course-builder-section {
border-radius: 5px;
border: 1px solid var(--unicamp-color-box-border-lighten);
background: var(--unicamp-color-box-white-background);
padding: 0;
margin: 0 0 10px !important; }
.tutor-course-builder-section-title > h3,
.tutor-course-builder-section-title > span {
display: block;
font-size: 24px !important;
font-family: var(--unicamp-typography-headings-font-family);
font-weight: var(--unicamp-typography-headings-font-weight) !important;
line-height: 32px;
color: var(--unicamp-color-heading) !important;
margin: 0 !important;
padding: 35px 30px !important; }
.tutor-course-builder-section-title > h3 span,
.tutor-course-builder-section-title > span span {
padding: 0 !important;
background: none; }
.tutor-course-builder-section-title > h3 i,
.tutor-course-builder-section-title > span i {
font-size: 20px;
color: var(--unicamp-color-primary);
min-width: 25px;
margin: 0 4px 0 0;
background: none; }
.tutor-course-builder-section-title > h3 i.tutor-icon-angle-up-filled:before,
.tutor-course-builder-section-title > span i.tutor-icon-angle-up-filled:before {
content: '\f068'; }
.tutor-course-builder-section-title > h3 i.tutor-icon-angle-down-filled:before,
.tutor-course-builder-section-title > span i.tutor-icon-angle-down-filled:before {
content: '\f067'; }
.tutor-course-builder-section-title > h3:after,
.tutor-course-builder-section-title > span:after {
display: none; }
.tutor-course-builder-section-content {
padding: 0 30px 30px; }
.tutor-frontend-builder-item-scope {
margin: 0 0 23px; }
#tutor-metabox-course-settings-tabs {
border: 1px solid var(--unicamp-color-box-border);
border-radius: 5px;
background: none;
margin: 0 0 30px; }
.settings-tabs-heading {
border-bottom: 1px solid var(--unicamp-color-box-border); }
.course-settings-tabs-container .settings-tabs-navs-wrap {
background: none;
-webkit-box-flex: 0;
-webkit-flex: 0 0 185px;
-ms-flex: 0 0 185px;
flex: 0 0 185px; }
.course-settings-tabs-container .settings-tabs-container {
padding: 28px 30px 27px 10px; }
.settings-tabs-container p.tutor-has-icon {
line-height: 24px; }
.settings-tabs-container p.tutor-has-icon i {
line-height: 24px; }
.settings-tabs-navs-wrap {
padding: 23px 0 22px; }
.settings-tabs-navs-wrap .settings-tabs-navs {
padding: 0;
margin: 0; }
.settings-tabs-navs-wrap .settings-tabs-navs li {
margin: 0; }
.settings-tabs-navs-wrap .settings-tabs-navs li a {
display: block;
font-weight: var(--unicamp-typography-headings-font-weight);
padding: 7px 30px;
color: var(--unicamp-color-heading);
border: 0 !important;
background: none !important; }
.settings-tabs-navs-wrap .settings-tabs-navs li a i {
position: relative;
top: -1px;
vertical-align: middle;
font-size: 18px;
margin: 0 6px 0 0;
width: auto;
height: auto;
-webkit-transition: none;
transition: none; }
.settings-tabs-navs-wrap .settings-tabs-navs li a:hover,
.settings-tabs-navs-wrap .settings-tabs-navs li.active a {
color: var(--unicamp-color-primary); }
.settings-tabs-navs-wrap .settings-tabs-navs .dashicons-clock:before {
content: '\f017'; }
#settings-tab-contentdrip .tutor-field-radio p {
margin: 0; }
.tutor-course-level-meta {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.tutor-option-field p.desc {
margin: -5px 0 27px;
font-size: 13px;
font-style: normal;
opacity: 1; }
.tutor-option-field .select2-container .select2-selection--single,
.tutor-option-field .select2-container .select2-selection--multiple,
.tutor-form-group .select2-container .select2-selection--single,
.tutor-form-group .select2-container .select2-selection--multiple {
border-color: #f8f8f8;
background-color: #f8f8f8; }
.tutor-course-builder-section .select2-container {
margin: 0 0 12px; }
.tutor-course-builder-section .select2-container .select2-selection__rendered span i {
vertical-align: middle;
line-height: 19px;
position: relative;
top: -1px; }
.tutor-course-builder-section .select2-container li {
margin: 0 5px 10px;
line-height: 32px; }
.tutor-course-builder-section .select2-container li.select2-search--inline {
visibility: hidden; }
.tutor-course-builder-section .select2-container li.select2-selection__choice {
font-size: 14px;
font-weight: var(--unicamp-typography-headings-font-weight);
color: #696969 !important;
background: #fff !important;
border-radius: 3px !important;
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
line-height: 32px;
margin: 0 5px 10px !important;
padding: 0 13px; }
.tutor-course-builder-section .select2-container li.select2-search--inline {
height: 32px; }
.tutor-course-builder-section .select2-container li .select2-search__field {
min-height: 42px; }
.select2-results .select2-results__option span > i {
vertical-align: middle;
position: relative;
top: -1px; }
.select2-container.select2-container--default.select2-container--open .select2-results__option[aria-selected=true] span i {
color: #fff; }
.tutor-frontend-builder-item-scope .tutor-form-group .select2-container {
margin: 0; }
.tutor-frontend-builder-item-scope .tutor-form-group label {
font-size: 14px;
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-heading);
margin: 0 0 5px; }
.tutor-form-group span.tutor-input-prepand {
font-size: 18px;
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-heading);
line-height: 32px;
height: calc(100% - 20px);
margin: 10px 0;
padding: 0 20px;
border-right: 1px solid #d3d8dd; }
.tutor-form-group span.tutor-input-prepand + input {
padding-left: 67px; }
.tutor-frontend-builder-course-price .tutor-row label {
margin: 0; }
.tutor-frontend-builder-course-price .tutor-form-group input {
margin-bottom: 0; }
.tutor-frontend-builder-course-price label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.tutor-frontend-builder-course-price .tutor-styled-radio > span:after {
display: none; }
body.tutor-screen-course-builder #tutor-frontend-course-builder .tutor-form-group input:not([type='submit']):focus {
border: 1px solid var(--unicamp-color-form-focus-border) !important; }
.tutor-course-thumbnail-delete-btn {
position: absolute;
top: 10px;
left: 10px;
font-size: 9px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.tutor-course-thumbnail-delete-btn:after {
content: '\f00d';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 16px; }
.builder-course-thumbnail-guide-line strong {
color: var(--unicamp-color-heading);
font-weight: var(--unicamp-typography-headings-font-weight); }
.tutor-form-feedback {
font-size: 14px;
line-height: 24px;
margin: 12px 0 0;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: start; }
.tutor-form-feedback-icon {
position: relative;
top: 5px;
font-size: 18px;
margin: 0 8px 0 0; }
.tutor-course-available-instructors .added-instructor-item {
border-radius: 5px;
border: 1px solid var(--unicamp-color-box-white-border);
background: var(--unicamp-color-box-white-background);
padding: 20px 20px 20px 23px;
margin: 0 0 20px; }
.tutor-course-available-instructors .added-instructor-item .instructor-name {
font-size: 15px;
font-weight: 700;
color: var(--unicamp-color-heading); }
.tutor-course-available-instructors .added-instructor-item .instructor-name img {
vertical-align: middle; }
.tutor-course-available-instructors .added-instructor-item .instructor-icon {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 70px;
height: 70px; }
.tutor-untopics-lessons .course-content-item .tutor-lesson-top i,
.course-contents .course-content-item .tutor-lesson-top i {
color: var(--unicamp-color-heading); }
.tutor-course-builder-section .tutor-course-builder-header {
margin: 0; }
.tutor-course-builder-section .tutor-course-builder-header a {
font-size: 14px;
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-text); }
.tutor-course-builder-section .tutor-course-builder-header a:hover {
color: var(--unicamp-color-primary); }
.tutor-course-builder-section #tutor-course-content-wrap {
margin: 18px 0 0;
border: 0;
}
.tutor-course-builder-section .tutor-untopics-lessons .course-content-item,
.tutor-course-builder-section .course-contents .course-content-item {
padding: 11px 12px 10px 20px;
background: none;
border: 0;
border-top: 1px solid var(--unicamp-color-box-fill-separator); }
.tutor-course-builder-section .tutor-untopics-lessons .course-content-item:last-child,
.tutor-course-builder-section .course-contents .course-content-item:last-child {
border-bottom: 1px solid var(--unicamp-color-box-fill-separator); }
.tutor-course-builder-section .tutor-untopics-lessons .course-content-item .tutor-lesson-top a,
.tutor-course-builder-section .course-contents .course-content-item .tutor-lesson-top a {
color: var(--unicamp-color-heading); }
.tutor-course-builder-section .course-empty-content {
margin: 0;
padding: 13px 20px;
color: #9b9b9b;
font-weight: var(--unicamp-typography-headings-font-weight);
background: var(--unicamp-color-box-grey-background);
border-radius: 5px; }
.tutor-course-builder-section .tutor-topics-wrap {
background: var(--unicamp-color-box-grey-background) !important;
border: 1px solid var(--unicamp-color-box-white-border);
border-radius: 5px;
overflow: hidden;
margin: 0 0 10px; }
.tutor-course-builder-section .tutor-topics-wrap .tutor-topics-body {
background: var(--unicamp-color-box-white-background) !important; }
.tutor-course-builder-section .tutor-add-quiz-button-wrap {
padding: 13px 20px; }
.tutor-course-builder-section .tutor-add-quiz-button-wrap a i {
position: relative;
top: 1px;
color: var(--unicamp-color-primary);
margin: 0 6px 0 0; }
.tutor-course-builder-section .tutor-topic-title {
font-size: 14px;
font-weight: var(--unicamp-typography-headings-font-weight);
line-height: 52px; }
.tutor-course-builder-section .tutor-topic-title .topic-inner-title {
font-size: inherit;
font-weight: inherit;
line-height: 52px;
max-width: calc(100% - 131px); }
.tutor-course-builder-section .tutor-topics-edit-button i {
margin: 0 5px 0 0; }
.tutor-topic-inline-edit-btn:hover {
color: var(--unicamp-color-primary); }
.tutor-topics-wrap:nth-child(2n) {
background: none; }
.tutor-metabox-add-topics {
border: 1px solid var(--unicamp-color-box-border);
border-radius: 5px;
background: #fff;
margin: 30px 0 0;
padding: 30px; }
.tutor-metabox-add-topics h3 {
font-size: 16px; }
.tutor-topics-edit-form {
border: 0;
border-top: 1px solid #eee;
background: #fff;
margin: 0;
padding: 30px; }
.tutor-course-builder-section .tutor-option-field textarea,
.tutor-course-builder-section .tutor-option-field input,
.tutor-course-builder-section .tutor-option-group-field textarea,
.tutor-course-builder-section .tutor-option-group-field input {
margin-bottom: 12px; }
.tutor-option-gorup-fields-wrap .tutor-lesson-video-runtime {
margin-left: -15px;
margin-right: -15px; }
.tutor-option-gorup-fields-wrap .tutor-lesson-video-runtime .tutor-option-group-field {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0;
-ms-flex: 1 1 0px;
flex: 1 1 0;
padding-left: 15px;
padding-right: 15px; }
.video-metabox-source-input-wrap {
padding: 0;
background: none;
border: 0; }
.video-metabox-source-input-wrap > div {
border: 1px solid var(--unicamp-color-box-white-border);
border-radius: 5px;
background: var(--unicamp-color-box-white-background);
margin: 30px 0 0;
padding: 30px; }
.video-metabox-source-html5-upload {
border: 0;
background: #f8f8f8;
border-radius: 5px; }
.html5-video-poster img {
border-radius: 5px; }
.builder-course-thumbnail-upload-wrap .button-transparent:hover {
background: var(--unicamp-color-primary) !important; }
.tutor-form-row.tutor-form-submit {
margin-top: 20px;
margin-bottom: 0; }
.tutor-form-row.tutor-form-submit button {
margin: 10px 0 0; }
.tutor-form-row.tutor-form-submit .btn-save-as-draft {
margin-right: 20px; }
.tutor-button.btn-save-as-draft {
color: var(--unicamp-color-primary);
background: #fff;
border: 2px solid #eee;
line-height: 48px;
padding: 0 31px; }
.tutor-course-builder-upload-tips {
position: relative;
max-width: 100%;
border-radius: 5px;
border: 1px solid var(--unicamp-color-box-border-lighten);
background: var(--unicamp-color-box-white-background);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
padding: 29px 30px 37px; }
.tutor-course-builder-upload-tips ul {
margin: 0;
list-style: none;
padding: 0 0 0 24px !important; }
.tutor-course-builder-upload-tips ul li {
position: relative;
font-size: 14px;
line-height: 1.86;
margin: 0; }
.tutor-course-builder-upload-tips ul li + li {
margin: 14px 0 0; }
.tutor-course-builder-upload-tips ul li:after {
content: '';
position: absolute;
top: 6px;
left: -24px !important;
height: 8px;
width: 8px;
border-radius: 50%;
color: #6cbd7e;
background: currentColor !important; }
.tutor-course-builder-tips-title {
font-size: 24px;
line-height: 1.34;
font-weight: var(--unicamp-typography-headings-font-weight);
color: var(--unicamp-color-heading);
margin: 0 0 30px; }
.tutor-course-builder-tips-title i {
font-size: 28px;
line-height: 32px;
color: var(--unicamp-color-primary);
margin-right: 11px; }
.tutor-course-sidebar-settings-item label small {
padding: 0 0 0 30px !important; }
.tutor-certificate-template label.template-radio-field span.icon-wrapper::before {
background-color: var(--unicamp-color-primary) !important; }
.tutor-certificate-template label.template-radio-field input[type='radio']:checked + .icon-wrapper {
box-shadow: 0 0 0 2px var(--unicamp-color-primary); }
.tutor-certificate-template .template-item-overlay .tutor-btn {
line-height: 38px;
height: 40px;
padding: 0 22px; }
.tutor-zoom-integration-card {
border: 0;
border-radius: 0;
margin: 0 !important; }
.tutor-zoom-integration-card .tutor-icon-zoom {
font-size: 40px; }
@media (max-width: 1199px) {
.tutor-course-builder-upload-tips {
margin: 30px 0 0; }
.tutor-frontend-course-builder .page-header-inner .header-left button {
min-width: 0; }
.tutor-frontend-course-builder .page-header-inner .tm-button,
.tutor-frontend-course-builder .page-header-inner .tutor-btn,
.tutor-frontend-course-builder .page-header-inner .tutor-button {
padding: 0 20px;
min-width: 0; } }
@media (max-width: 767px) {
.tutor-course-builder-section-title h3 {
padding: 25px 20px !important; }
.tutor-course-builder-section-content {
padding: 0 20px 30px; }
.settings-tabs-navs-wrap {
padding: 20px 0 0; }
.settings-tabs-navs-wrap .settings-tabs-navs li a {
padding: 5px 20px; }
.course-settings-tabs-container {
display: block; }
.course-settings-tabs-container .settings-tabs-container {
padding: 20px; }
.tutor-course-builder-upload-tips {
margin: 30px 0 0; }
.tutor-course-available-instructors .added-instructor-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin: 0 0 20px !important; }
.video-metabox-source-input-wrap > div {
padding: 20px; }
.html5-video-poster {
display: block;
height: auto; }
.html5-video-poster img {
width: 100%;
height: auto; }
.html5-video-poster .tutor-builder-course-video-poster-text {
padding: 20px 0 0; }
.builder-course-thumbnail-upload-wrap {
padding: 20px 0 0;
text-align: left; }
.builder-course-thumbnail-upload-wrap .button-transparent {
float: none; } }
.wp-core-ui .button,
.wp-core-ui .button-primary,
.wp-core-ui .button-secondary {
height: auto; }
.wp-switch-editor {
border-radius: 5px 5px 0 0; }
.quiz-modal-tab-navigation-btn {
border-radius: 0; }
.modal-container .tutor-quiz-add-question-btn {
border-radius: 0; }
.tutor-quiz-builder-group textarea,
.tutor-quiz-builder-group select,
.tutor-quiz-builder-group input[type=text],
.tutor-quiz-builder-group input[type=email],
.tutor-quiz-builder-group input[type=number],
.tutor-quiz-builder-group input[type=password] {
border-radius: 0;
min-height: 52px;
color: var(--unicamp-color-form-text);
background-color: var(--unicamp-color-form-background);
border-color: var(--unicamp-color-form-border); }
.tutor-quiz-builder-group textarea:focus,
.tutor-quiz-builder-group select:focus,
.tutor-quiz-builder-group input[type=text]:focus,
.tutor-quiz-builder-group input[type=email]:focus,
.tutor-quiz-builder-group input[type=number]:focus,
.tutor-quiz-builder-group input[type=password]:focus {
background-color: var(--unicamp-color-form-focus-background);
color: var(--unicamp-color-form-focus-text);
border-color: var(--unicamp-color-form-focus-border); }
.tutor-quiz-builder-group select {
min-height: 52px;
height: 52px !important;
padding: 0 30px 0 15px !important;
background-position: center right 15px; }
.tutor-quiz-builder-group select:focus {
border-color: var(--unicamp-color-form-focus-border); }
.tutor-quiz-builder-group select[name='quiz_option[time_limit][time_type]'] {
min-width: 110px; }
.tutor-quiz-builder-group > p.help {
font-size: 13px;
color: #9b9b9b; }
.btn-switch + span {
font-size: 14px;
font-weight: 500;
color: var(--unicamp-color-text);
line-height: 22px; }
.tutor-modal-wrap .modal-header {
border-color: var(--unicamp-color-box-fill-separator); }
.lesson-modal-close-wrap a {
color: var(--unicamp-color-heading);
background: none !important; }
.quiz-modal-btn-next,
.quiz-modal-btn-first-step,
.quiz-modal-question-save-btn,
.quiz-modal-settings-save-btn,
.quiz-modal-btn-cancel,
.quiz-modal-btn-back {
font-size: 15px;
font-weight: 700;
padding: 0 20px;
line-height: 40px; }
button#quiz-answer-save-btn,
button#quiz-answer-edit-btn {
height: 40px;
line-height: 40px;
padding: 0 20px; }
button#quiz-answer-save-btn i,
button#quiz-answer-edit-btn i {
position: relative;
top: 1px;
margin: 0 6px 0 0; }
.quiz-modal-btn-next,
.quiz-modal-btn-next:focus,
.quiz-modal-btn-first-step,
.quiz-modal-btn-first-step:focus,
.quiz-modal-question-save-btn,
.quiz-modal-question-save-btn:focus,
.quiz-modal-settings-save-btn,
.quiz-modal-settings-save-btn:focus {
background-color: var(--unicamp-color-primary); }
.quiz-modal-btn-cancel,
.quiz-modal-btn-back {
color: var(--unicamp-color-primary);
background: #fff;
border: 2px solid #eee;
line-height: 36px; }
#tutor-quiz-modal-tab-items-wrap .tutor-quiz-modal-tab-item {
border-left: 1px solid #f8f8f8; }
#tutor-quiz-modal-tab-items-wrap .tutor-quiz-modal-tab-item.active {
background: #f8f8f8; }
#tutor-quiz-modal-tab-items-wrap .tutor-quiz-modal-tab-item.active i {
color: var(--unicamp-color-primary); }
.tutor-quiz-builder-col > h4,
.tutor-quiz-builder-group > h4 {
font-family: var(--unicamp-typography-body-font-family);
font-weight: 500;
font-size: 14px;
color: var(--unicamp-color-heading);
margin: 0 0 9px; }
.tutor-quiz-builder-row {
margin-left: -5px;
margin-right: -5px; }
.tutor-quiz-builder-col {
padding-left: 5px;
padding-right: 5px; }
a.back-to-quiz-questions-btn {
color: var(--unicamp-color-link); }
.tutor-modal-wrap form {
margin-bottom: 40px; }
.tutor-modal-wrap .tutor-modal-content {
background-color: var(--unicamp-color-box-white-background); }
.tutor-modal-wrap.tutor-quiz-builder-modal-wrap .modal-container {
background: var(--unicamp-color-box-white-background); }
.tutor-modal-wrap.tutor-quiz-builder-modal-wrap .modal-close-wrap a.modal-close-btn {
background: none !important;
color: var(--unicamp-color-heading); }
.tutor-modal-wrap .tutor-quiz-builder-modal-tabs-notice {
font-size: 14px;
border-top: 1px solid var(--unicamp-color-box-fill-separator);
background: none !important; }
.tutor-modal-wrap .modal-header {
padding: 11px 60px 11px 20px !important; }
.tutor-modal-wrap .modal-header h1 {
font-size: 20px; }
.tutor-modal-wrap .modal-header .modal-close-wrap {
position: absolute;
top: 0;
right: 0; }
.tutor-modal-wrap .modal-header .modal-close-wrap a.modal-close-btn {
position: absolute;
top: 0;
right: 0 !important;
font-size: 18px !important;
width: 52px !important;
height: 52px !important;
line-height: 52px !important; }
.tutor-modal-wrap .modal-footer {
border-color: var(--unicamp-color-box-fill-separator);
background: none !important; }
.question_form_inner {
padding: 0 20px 40px; }
.tutor-quiz-feedback-mode-option h4 {
font-size: 14px;
font-weight: var(--unicamp-typography-headings-font-weight);
margin: 0 0 9px; }
.tutor-quiz-feedback-option-subtitle {
font-size: 13px;
color: #9b9b9b; }
.tutor-quiz-feedback-option-subtitle a[href='#'] {
display: none; }
.tutor-quiz-builder-modal-wrap .tutor-field-type-slider {
border-radius: 0; }
.tutor-quiz-builder-modal-wrap .tutor-field-type-slider .ui-widget-content {
height: 5px;
background: var(--unicamp-color-primary);
border-radius: 0; }
.tutor-quiz-builder-modal-wrap .tutor-field-type-slider .ui-widget-content .ui-slider-handle {
width: 17px;
height: 17px;
top: -5px; }
.tutor-quiz-builder-modal-wrap .tutor-field-type-slider .ui-widget-content .ui-state-default {
background: var(--unicamp-color-primary);
border-color: var(--unicamp-color-primary); }
.tutor-quiz-builder-modal-wrap .tutor-field-type-slider .tutor-field-type-slider-value {
background: var(--unicamp-color-primary); }
.tutor-quiz-builder-modal-wrap .tutor-field-type-slider .tutor-field-type-slider-value:before {
border-right-color: var(--unicamp-color-primary); }
.quiz-builder-question {
border-radius: 0;
background: none;
border-color: var(--unicamp-color-box-border); }
.quiz-builder-question .question-title,
.quiz-builder-question .question-edit-icon {
line-height: 26px; }
.quiz-builder-qustion-trash a {
color: var(--unicamp-color-link); }
.tutor-select .select-header .select-dropdown {
line-height: 26px; }
.tutor-select .lead-option .tooltip-btn {
position: relative;
top: 1px; }
.tutor-select .tutor-select-options .tutor-select-option:hover {
border-color: var(--unicamp-color-primary); }
i.tutor-icon-block.tutor-icon-yes-no {
background: var(--unicamp-color-primary); }