#dap_member_page_wrapper .mutliSelect ul.form-control, #dap_member_page_wrapper .mutliSelect select { height: auto; } .Engagement--title { font-family: 'DM Sans',sans-serif; padding: 20px 0; border: none; margin: 0; background: none; font-size: 24px; line-height: 1.4; color: #171717; background-color: transparent; font-weight: 600; border-bottom: 1px solid #eee; position: relative; } .Engagement--title i.fa { width: 50px; height: 50px; display: inline-block; background: #ebfef9; border-radius: 5px; text-align: center; line-height: 50px; color: #3fc7a6; margin: 0 13px 0 0; font-size: 26px; } .Engagement--title::after { content: ""; position: absolute; left: 0; top: auto; bottom: -1px; width: 60px; height: 5px; background: #3fc7a6; z-index: 2; } .Engagement-card_box {display: inline-block; width: 100%; margin: 0 0 30px 0; padding: 25px; border: none; box-shadow: 0 0 8px 0 #ddd; vertical-align: middle; } .Engagement-card_box > h3 {color: #0f2e47; font-size: 17px; font-family: 'DM Sans',sans-serif!important; font-weight: 600; /*text-transform: capitalize;*/ margin: 0 0 13px 0; padding: 0; line-height: 1.5; } .Engagement-card_box .Engagement-input-outer {display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: middle; } .Engagement-card_box label {padding: 0 15px;font-size: 17px;float: left;margin: 0;color: #000;font-weight: 500;} .Engagement-card_box label[class*="col-"] {display: flex;align-items: center;} .Engagement-card_box input.form-control , .Engagement-card_box select.form-control {display: block; width: 100%; height: 46px !important; line-height: 44px; padding: 0 10px; font-size: 14px; max-width: 550px; box-shadow: none; border-radius: 0; } .Engagement-card_box .Engagement-input-outer ul#select_lesson_id {max-width: 550px; border-color: #7e8993; } #settings_dap_course_integration_tab #Quiz-reportsTab.nav-tabs, #student_shortcode_tab #Quiz-reportsTab.nav-tabs {margin-top: 20px;} .dap_see_details_template_html_preview_outer{margin: 10px 0 25px 0; text-align: center;} .Manage_leads--Quiz table.dataTable#dap_manage_course_table td hr, table.dataTable#stb_manage_student_shortode td hr {margin: 6px 0; } .Engagement-card_box .shortcode_display {font-size: 15px; font-weight: 500; color: #000; } .Engagement-card_box .copy-btn {padding: 6px 8px; margin: 0 0 0 15px; border-radius: 4px; cursor: pointer; transition: all ease 0.3s; background: #00a0d2!important; color: #FFF !important; width: auto; display: inline-block; white-space: nowrap; min-width: auto; font-size: 16px; } .Engagement--sub-title {font-family: 'DM Sans',sans-serif; padding: 10px 0; border: none; margin: 0 0 15px 0; background: none; font-size: 20px; line-height: 1.4; color: #f56640; background-color: transparent; font-weight: bold; border-bottom: 1px solid #eee; position: relative; } .Engagement-card_box .selected_product_show {border: 1px solid #c7d1db; padding: 15px; border-left: 3px solid #11bbe6; margin: 0;border-radius: 4px; width: 100%; float: left;background: #f8f8f8;} .Engagement-card_box .selected_product_show h5{font-size:18px; line-height:normal; } .Engagement-card_box .selected_product_show span {font-size: 14px; color: #000; } .Engagement-card_box .dropdown_prod .mutliSelect ul.form-control, .dropdown_prod .mutliSelect ul.form-control { height: auto !important; padding: 6px 10px; margin: 0; overflow-y: auto; max-height: 205px !important;} .Engagement-card_box .prodselect .dropdown_prod {margin: 0; padding: 0; } .Engagement-card_box .form-control , #dap_member_page_wrapper .Engagement-card_box .form-control{border-radius: 0; box-shadow: none; min-height: 44px; padding: 9px 13px; border: #c7d1db solid thin; height: 44px; font-size: 16px; width: 100% !important; font-weight: normal;line-height: normal;} .Engagement-card_box .selected_product_show ul {height: 168px !important; overflow-y: auto; } .Engagement-card_box .dap_products_list_outer_ul {height:308px !important; overflow-y: scroll; } .Engagement-card_box .cs_dap_select_products_list { border: 1px solid #c7d1db; padding: 15px; border-left: 3px solid #11bbe6; margin: 0; border-radius: 4px; width: 100%; float: left; background: #f8f8f8;} .Engagement-card_box {font-family: 'DM Sans',sans-serif;} .dap_member_setting_outer {background: #fff;} /* Checkbox Design */ .checkbox-custom-style {width: 20px;height: 20px;min-width: 20px;min-height: 20px;position: relative;margin: 0 5px 0 0;background: #fcfff4;box-shadow: none;display: inline-block;border: 1px solid #ababab;vertical-align: top;} .checkbox-custom-style .custom--checkbox , .checkbox-custom-style input[type=checkbox].custom-checkbox-input {width: 100%;height: 100%;cursor: pointer;position: absolute;left: 0;top: 0;box-shadow: none;right: 0;bottom: 0;z-index: 2;background: none;margin: 0;} .checkbox-custom-style .custom--checkbox::after {content: '';width: 12px;height: 7px;position: absolute;top: 4px;left: 3px;border: 3px solid #437bc1;border-top: none;border-right: none;background: transparent;opacity: 0;transform: rotate(-45deg);} .checkbox-custom-style input[type=checkbox].custom-checkbox-input {opacity: 0;z-index: 6;} .checkbox-custom-style input[type=checkbox].custom-checkbox-input:checked + .custom--checkbox::after {opacity: 1;} /* end Checkbox Design */ #dap_member_page_wrapper .Engagement-input-outer select.form-control{ border-color: #7e8993 !important; width: 150px !important; } #dap_member_page_wrapper .dap_m_e_row_no{ -ms-flex: 0 0 265px;flex: 0 0 265px;max-width: 265px;} /* Customizer template css */ .Template-Customize-content {float: right; text-align: center; width: 100%; margin: 0; padding: 0 0 0 25px; max-width: calc(100% - 250px); max-width: -webkit-calc(100% - 250px); max-width: -moz-calc(100% - 250px); max-width: -ms-calc(100% - 250px); } .Template-Customize-setting-outer {float: left; width: 250px; margin: 0; padding: 15px; max-width: 100%;background-color: #f9f9f9; } .Template-Customize-content-inner {background: #fff; /*border: 1px solid #e8ebee;*/ /*padding: 0 20px;*/ display: inline-block; vertical-align: middle; margin: 0 0 25px; max-width: 100%; width: 100%;} .dap_member_drap_drop_parent_class.dap_member_courses_html_outer{background: #fff; border: 1px solid #e8ebee;padding: 0px; display: inline-block; vertical-align: middle; margin: 0 0 25px; max-width: 100%; width: 100%;} .Template-Customize-Setting {background: #f0f3f3;padding: 0 0 10px;float: left;width: 100%;margin-top: 0;margin-bottom: 25px;} .Template-Customize-Setting h3 {text-align: center;font-size: 16px;font-weight: bold;font-family: 'DM Sans',sans-serif !important;letter-spacing: 0.5px;padding: 12px 0;color: #fff;border-bottom: 1px solid #dee8e8;text-transform: capitalize;background: #191b1b;display: flex;justify-content: center;align-items: center;margin: 0;} .Template-Customize-Setting .customize_open_close {margin-left: 7px;} .customize_open_close .fa {font-weight: 600;cursor: pointer;} .Template-Customize-Setting .customizer_innner_sections {float: left;width: 100%;margin: 0;padding: 10px;box-sizing: border-box;} .Template-Customize-Setting .Template-Customize-element {display: inline-block;width: 100%;margin: 0;padding: 0;vertical-align: middle;} .Template-Customize-Setting .Template-Customize-element-btn , .Template-Customize-Setting .customizer_innner_sections.draggableElement_wrapper .Template-Customize-element1 .template_style.element_btn {display: inline-block;background: #fff;color: #555;font-weight: bold;text-transform: capitalize;width: 100%;height: 40px;line-height: 40px;font-size: 14px;font-family: 'DM Sans',sans-serif !important;text-align: left;border: 1px solid #dee8e8;border-radius: 4px;letter-spacing: 0;padding: 0 8px;margin: 0;} .Template-Customize-element-inner {padding: 10px 10px;margin: 0;display: inline-block;background: #fff;width: 100%;vertical-align: middle;} .Template-Customize-Setting .Template-Customize-element .inner_template_style_box {margin: 0;padding: 0;width: 100%;} .Template-Customize-Setting .Template-Customize-element .inner_template_style_box > h4 , .Template-Customize-Setting .Template-Customize-element .inner_template_style_box .d-flex > h4 {font-size: 13px;color: #000;text-transform: capitalize;font-weight: 500;font-family: 'DM Sans',sans-serif !important;letter-spacing: .5px;margin-bottom: 0px;} .Template-Customize-Setting .Template-Customize-element .inner_template_style_box input, .Template-Customize-Setting .Template-Customize-element .inner_template_style_box select {height: 38px;font-size: 12px;background: #fff;border: 1px solid #ddd;padding: 0 10px;width: 100%;margin: 5px 0 0 0;} .Template-Customize-Setting .Template-Customize-element .inner_template_style_box textarea{ font-size: 12px;background: #fff;border: 1px solid #ddd;padding: 10px 10px;width: 100%;margin: 5px 0 0 0; } .Template-Customize-Setting .Template-Customize-element .inner_template_style_box p {margin: 0;padding: 0;display: inline-block;width: 100%;vertical-align: middle;} .Template-Customize-Setting .Template-Customize-element + .Template-Customize-element {margin-top: 15px;} .Template-Customize-Setting .Template-Customize-element .inner_template_style_box + .inner_template_style_box {margin-top: 13px;} .Template-Customize-Setting .Template-Customize-element .inner_template_style_box .input-group {display: flex;flex-wrap: nowrap;margin-top: 5px;} .Template-Customize-Setting .Template-Customize-element .inner_template_style_box .input-group .input-group-addon i {height: 100%; width: 100%; margin-right: 0; border: none; border-left: none; display: inline-block; cursor: pointer; vertical-align: middle; } .Template-Customize-Setting .Template-Customize-element .inner_template_style_box .input-group > input {margin: 0;border-radius: 0;} .Template-Customize-Setting .Template-Customize-element-btn.draggableElement i.fa, .Template-Customize-Setting .Template-Customize-element-btn.draggableElement span.sub_heading , .Template-Customize-Setting .customizer_innner_sections.draggableElement_wrapper .Template-Customize-element1 .template_style.element_btn i.fa , .Template-Customize-Setting .customizer_innner_sections.draggableElement_wrapper .Template-Customize-element1 .template_style.element_btn span.sub_heading {font-size: 24px;margin: 0;color: #17d3b3;font-weight: 500;vertical-align: middle;width: 40px;display: inline-block;} .Template-Customize-Setting .customizer_innner_sections.draggableElement_wrapper .Template-Customize-element1 + .Template-Customize-element1 {margin-top: 13px;} .Template-Customize-Setting .slider.slider-horizontal {width: 100% !important;} .Template-Customize-Setting .slider.slider-horizontal .slider-track {background: #478935;height: 2px;margin-top: -1px;} .Template-Customize-Setting .slider.slider-horizontal .slider-selection {background: #478935;} .Template-Customize-Setting .slider.slider-horizontal .slider-handle {position: absolute;top: 5px;margin-left: 0;width: 19px;height: 19px;background: #fff;background-image: none;border: 2px solid #478935;cursor: pointer;} .Template-Customize-Setting .Template-Customize-element .inner_template_style_box .input-group .input-group-addon {margin: 0; padding: 0; height: auto; } .modal_popup_cont .modal-body input.form-control, .modal_popup_cont .modal-body select {border-radius: 0; height: 42px; border: 1px solid #e4e4e4; } #dap_member_preview .Template-Customize-Setting .customizer_innner_sections .Template-Customize-element.Template-Customize-element_full_width{width:100%; max-width:100%;} .dmg_custom_checkbox_toggle{align-items: center;display: flex;align-items: center;} #dap_member_login_preview_wrapper_modal .dme_backend_hide {display:none;} #dap_member_login_preview_wrapper_modal .modal-dialog {width: 100%;max-width: 1280px;} #dap_member_login_preview_wrapper_modal .modal-dialog .dap_member_engagement-sidebar {word-break: break-word;} .Template-Customize-Setting .tooltip.in {opacity: 1!important;} .dap_member_customize_template_div {margin-top: 0px;} .sign_up_for_upsell_wrapper.course_not_signed_up_for_upsell_section{border-bottom: 1px solid #eee;} .dap_member_setting_outer .tab-content.dap_member_content {padding-bottom: 0; } .DAP_CME_actions {/*display: inline-block; margin: 0 -24px; padding: 20px 25px; background: #eee; width: calc(100% + 48px); */} .DAP_CME_actions .theme-btn.prev_cme_btn {background: #4c4c4c;color: #fff; border: none; -webkit-appearance: inherit;} .DAP_CME_actions .theme-btn.next_cme_btn {background: #6f80b9;color: #fff; border: none; -webkit-appearance: inherit;} .DAP_CME_actions .theme-btn:hover {opacity: 0.8;} .dap_member_engagement_template_outer .element_drop_here { border: 2px dotted #16d3b3 !important; width: 100% !important; float: left; text-align: left; text-transform: uppercase; font-weight: 600; font-size: 17px; color: #7b7b7b; padding: 20px; font-family: 'Open Sans', sans-serif; margin: 10px 0; } #dap_member_general .Engagement-card_box label { padding: 0 0 0 15px; flex: 0 0 auto; max-width: 100%; width: auto; color: #0f2e47; font-size: 17px; font-family: 'DM Sans',sans-serif!important; font-weight: 600; } .dap_member_login_details{ border-left-color: #00a0d2; } #dap_member_details .dap_member_fb_login_details { border-left-color: #00a0d2; width: 100%; } #dap_member_details .dap_error_div { background: #fff3f7; width: 100% !important; max-width: 1068px; float: left; border-left-color: #fa4848; } #dap_member_details .copy-btn { padding: 7px 20px; background: #00a0d2!important; color: #FFF !important; font-size: 15px; } .shortcode_details_outer span { font-size: 16px; } .shortcode_details_outer #dynamic_copyable_text_login { font-weight: 600; } .shortcode_details_outer #dynamic_copyable_text_login { color: #0f2e47; font-size: 17px; font-family: 'DM Sans',sans-serif!important; font-weight: 600; } .modal_popup_cont .modal-body .form-group { margin: 15px 0; } .modal_popup_cont .modal-footer {justify-content: center;} .modal_popup_cont .modal-footer .btn {padding: 0 25px;min-width: 200px;line-height: normal;height: 46px;font-size: 18px;font-weight: 600;width: auto;} .modal_popup_cont .Engagement--sub-title { padding: 6px 14px; } .ui-sortable.cs_products_template_enable_drag_drop li { float: left; width: 98%; margin: 3px 0px; border: 2px dashed #cccc; box-shadow: 0px 1px 3px #00000014; cursor: pointer; padding: 4px 10px; font-size: 14px; } .dap_member_temp_new_section { position: relative; } .hover_close_btn { z-index: 1; position: absolute; right: 4px; top: 10px; color: #ff1616; font-size: 16px; cursor:pointer; } .dap_member_temp_new_section .completed-courses-list .completed-course-block { width: 100%; } .Template-Customize-Setting .Add-generic-messages-btn, .Template-Customize-Setting .Add-quiz-shortcode-btn {font-size: 13px; border: none; height: auto; width: auto; line-height: 18px; text-align: center; color: #fff; cursor: pointer; padding: 8px; background: #ff634d; border-radius: 4px; font-weight: 600; margin: 5px auto 15px; display: table; } .dm_prerequisite_error_msg_div {margin-top: 12px; border: 1px solid #bfbfbfdd; padding: 4px;} .dm_prerequisite_popup_div {position: relative; margin-top: 12px; border: 1px solid #bfbfbfdd; padding: 6px; font-size: 14px; } .select_option_width_yes_no{ max-width: 77px !important;} #dap_member_general .Engagement-card_box {border: none; box-shadow: none; /*border-bottom: 1px solid #eee;*/ margin: 0 0 0px 0; padding: 25px; } #dap_member_general .Engagement-card_box .form-control {background: #f8f8f8; } #dap_member_general input:focus { border-color: #66afe9 !important; border-width: 2px !important; } .choices-template li > h4 { font-weight: 500; font-size: 16px; } .dap_member_drap_drop_parent_class .element_drop_here { border: 2px dotted #16d3b3 !important; width: 100% !important; float: left; text-align: left; text-transform: uppercase; font-weight: 600; font-size: 17px; color: #7b7b7b; padding: 20px; font-family: 'Open Sans', sans-serif; margin: 10px 0; } .dap_customizer_style_btn{ font-weight: 600; padding: 5px 20px; font-size: 14px; line-height: 1; border-radius: 5px; color: #17a2b8; background-color: inherit; border: 2px solid #17a2b8; outline: none; box-shadow: none; margin: 9px 2px 0 0; height: 33px; width: auto; min-width: 120px; text-align: center; padding-top: 7px; float: right; } .dap_customizer_style_btn:hover { color: #fff; background-color: #138496; border-color: #117a8b; } #dap_member_login_preview_wrapper_modal .dap_customizer_style_btn{display:none} /* Template block customizer */ #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar, dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar {background: #f0f3f3;float: left;width: 100%;margin-top: 0;margin: 0;padding: 0;} #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar .customize_open_close,.dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar .customize_open_close {margin-left: 7px;} #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar .customize_open_close .fa, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar .customize_open_close .fa {font-weight: 600;cursor: pointer;} #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar h3, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar h3 {text-align: center;font-size: 16px;font-weight: bold;font-family: "Open Sans", sans-serif !important;letter-spacing: 0.5px;padding: 12px 0;color: #fff;border-bottom: 1px solid #dee8e8;text-transform: capitalize;background: #17d3b3;display: flex;justify-content: center;align-items: center;margin: 0;} #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar {padding: 1px 10px;margin-top: 10px;margin-bottom: 0px;} #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar {width: 100% !important;float: left !important;} #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar .btn.template_style, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar .btn.template_style {background: #010101;color: #fff;font-weight: bold;text-transform: capitalize;width: 100%;height: 40px;line-height: 40px;font-size: 14px;font-family: "Open Sans", sans-serif !important;text-align: left;border: 1px solid #dee8e8;border-radius: 4px;letter-spacing: 0;padding: 0;margin: 0;} #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar button.btn.template_style i, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar button.btn.template_style i {font-size: 15px;padding: 0 0 0 0;margin-right: 7px;} #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar {padding: 5px 10px;margin: 0;display: block;background: #fff;display: flex; flex-wrap: wrap; flex-direction: row;} #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar .inner_template_style_box, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar .inner_template_style_box {margin: 0;width: 100%;float: left;margin-bottom: 0;justify-content: space-between;align-items: center;display: block;position: relative;border-bottom: 1px solid #eee;padding: 6px 0;} #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar .inner_template_style_box h4, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar .inner_template_style_box h4 {font-size: 13px;color: #000;text-transform: capitalize;font-weight: 600;font-family: "Open Sans", sans-serif !important;letter-spacing: .5px;margin-bottom: 5px;} #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar .inner_template_style_box p, #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar .inner_template_style_box p {margin: 0;} #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar + .btn.template_style, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar + .btn.template_style {margin-top: 0px;} #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar .form-control, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar .form-control , #dap_member_page_wrapper #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar .form-control {background: #fff;font-size: 13px;border: 1px solid #ddd;height: 40px;line-height: 40px;color: #77808c;font-weight: 600;width: 100%;max-width: 100%;} #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar .input-append.color, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar .input-append.color {max-width: 100%;width: 100%;} #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar .inner_template_style_box input, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar .inner_template_style_box input {height: 39px;font-size: 12px;background: #fff;padding-left: 5px;border: 1px solid #ddd;} #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar span.input-group-addon, #customizer_button_outer #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar span.input-group-addon, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar span.input-group-addon, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar span.input-group-addon {position: absolute; right: 2px; top: 50%; transform: translateY(-50%); width: 28px; height: 34px; background: #fff; border: 1px solid #eee; z-index:3} #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar span.input-group-addon i, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar span.input-group-addon i{height: 100%; width: 100%; } #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar .inner_template_style_box .slider, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar .inner_template_style_box .slider {position: static; background: none; height: 18px !important; display: inline-block; vertical-align: middle; position: relative; } #course-dashboard-temp2 .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar .slider.slider-horizontal .slider-track, #customizer_button_outer #course-dashboard-temp2 .Template-Customize-Setting .slider.slider-horizontal .slider-track, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar .slider.slider-horizontal .slider-track, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .slider.slider-horizontal .slider-track {height: 2px;background: #478935;margin-top: -1px;width: 100%;top: 50%;left: 0;} #course-dashboard-temp2 .Template-Customize-Setting .cross-icon, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .cross-icon {position: absolute; top: -10px; z-index: 99999; background-color: #17d3b3; right: -10px; width: 25px; height: 25px; color: #fff!important; border-radius: 50%; line-height: 25px; border: 1px solid #fff; } #course-dashboard-temp2 .Template-Customize-Setting, .dap_member_customize_your_courses_template_div .Template-Customize-Setting {margin: 25px 0 0; position: relative; } #course-dashboard-temp2 .Template-Customize-Setting-Horizontal-layout .inner_template_style_box, .dap_member_customize_your_courses_template_div .Template-Customize-Setting-Horizontal-layout .inner_template_style_box {width: 25% !important; padding: 10px !important; max-width: 100%; min-width: 146px; } #course-dashboard-temp2 .Template-Customize-Setting .slider.slider-horizontal .slider-handle, #customizer_button_outer #course-dashboard-temp2 .Template-Customize-Setting .slider.slider-horizontal .slider-handle, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .slider.slider-horizontal .slider-handle, .dap_member_customize_your_courses_template_div .Template-Customize-Setting .slider.slider-horizontal .slider-handle {top: 0;} #course-dashboard-temp2 .temp2-section-outer .temp2-section-inner .certificates_section_img {display: inline-block; width: 100%; margin: 10px 0; padding: 0; vertical-align: middle; } #course-dashboard-temp2 .course-dashboard-temp2-right .Template-Customize-Setting-Horizontal-layout .inner_template_style_box {width: 50% !important; max-width: 50%; min-width: 50%; } /* End */ /* Yes no button css */ .switch-options {min-height: 30px; margin-right: 10px; font-family: Roboto; } .switch-options .cb-disable, .switch-options .cb-enable {padding: 0 10px; border-width: 1px; border-style: solid; -webkit-appearance: none; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .switch-options .cb-enable, .switch-options .cb-disable {background-color: #f5f5f5 !important;background-image: -khtml-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f5f5f5)) !important;background-image: -moz-linear-gradient(top, #f8f8f8, #f5f5f5) !important;background-image: -ms-linear-gradient(top, #f8f8f8, #f5f5f5) !important;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #f5f5f5)) !important;background-image: -webkit-linear-gradient(top, #f8f8f8, #f5f5f5) !important;background-image: -o-linear-gradient(top, #f8f8f8, #f5f5f5) !important;background-image: -linear-gradient(top, #f8f8f8, #f5f5f5) !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f5f5f5', GradientType=0) !important; border-color: #ccc !important;} .switch-options .cb-enable {border-right: 0; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; } .switch-options .cb-disable {border-left: 0; border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; } .switch-options .cb-disable span, .switch-options .cb-enable span {line-height: 30px; font-weight: 700; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none;font-size: 12px; font-weight: 600; } .switch-options .cb-disable, .switch-options .cb-disable span, .switch-options .cb-enable, .switch-options .cb-enable span {display: block; float: left; } .switch-options .switch-options label {cursor: pointer;margin: 0;} .switch-options .cb-enable.selected {background-color: #0073aa !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#008bce), to(#0073aa)) !important; background-image: -moz-linear-gradient(top, #008bce, #0073aa) !important; background-image: -ms-linear-gradient(top, #008bce, #0073aa) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008bce), color-stop(100%, #0073aa)) !important; background-image: -webkit-linear-gradient(top, #008bce, #0073aa) !important; background-image: -o-linear-gradient(top, #008bce, #0073aa) !important; background-image: -linear-gradient(top, #008bce, #0073aa) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008bce', endColorstr='#0073aa', GradientType=0) !important; border-color: #003f5e !important; border-color: #005177 !important; -webkit-box-shadow: inset 0 1px 0 #00a7f7, 0 1px 0 rgb(0 0 0 / 15%) !important; box-shadow: inset 0 1px 0 #00a7f7, 0 1px 0 rgb(0 0 0 / 15%) !important; } .switch-options .cb-disable.selected {background-color: #646464 !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#929292), to(#646464)) !important; background-image: -moz-linear-gradient(top, #929292, #646464) !important; background-image: -ms-linear-gradient(top, #929292, #646464) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #929292), color-stop(100%, #646464)) !important; background-image: -webkit-linear-gradient(top, #929292, #646464) !important; background-image: -o-linear-gradient(top, #929292, #646464) !important; background-image: -linear-gradient(top, #929292, #646464) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#929292', endColorstr='#646464', GradientType=0) !important; border-color: #767676 !important; } .switch-options .cb-disable.selected, .switch-options .cb-enable.selected {color: #fff;} .switch-options input {display: none;visibility: hidden;opacity: 0;} /* Yes no button end */ #course-dashboard-temp2 .temp2-section-outer .hover_close_btn {left: auto; font-size: 16px; color: #b5b5b5; width: 22px; height: 22px; background: #fff; text-align: center; line-height: 22px; border-radius: 50%; position: absolute; right: 0; top: -12px; z-index: 9; cursor: pointer; border: 1px solid #b5b5b5;display: none; } #course-dashboard-temp2 .temp2-section-outer:hover {background: inherit; box-shadow: 4px 4px 20px 4px rgb(0 0 0 / 20%); } #course-dashboard-temp2 .temp2-section-outer:hover>.hover_close_btn {display: block; } #course-dashboard-temp2 .temp2-section-outer {position: relative;} .inner_template_style_box .switch-options {display: inline-block; vertical-align: middle; margin-right: 0; } .inner_template_style_box .switch-options .cb-disable, .inner_template_style_box .switch-options .cb-enable {margin: 0; vertical-align: middle; } .Template-Customize-content-inner #course-dashboard-temp2 .temp2-section-outer#current-progress-block .temp2-section-inner , .Template-Customize-content-inner #course-dashboard-temp2 .dashboad_certificates_section_wrapper .temp2-section-inner , .Template-Customize-content-inner #course-dashboard-temp2 .dashboad_badges_section_wrapper .temp2-section-inner {height: 415px;} /* Inner tabs css start */ #Course-Dash-inner-tabs {display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: middle; background: none; } #Course-Dash-inner-tabs .nav-tabs {border: none;margin: 0;padding: 0 1px;border-radius: 0; width: 100%; background: #f1f1f1; list-style: none; overflow-x: visible; } #Course-Dash-inner-tabs .nav-tabs .nav-item {margin: 0;padding: 0;position: relative;} #Course-Dash-inner-tabs .nav-tabs .nav-item .nav-link {width: 100%; text-align: center; margin: 0; border: none; background: none; border-radius: 0; color: #666666; padding: 13px 20px; text-transform: none; font-size: 14px; font-weight: 700; transition: .4s all; position: relative; font-family: 'DM Sans',sans-serif;cursor: pointer; } #Course-Dash-inner-tabs .nav-tabs .nav-item .nav-link.active {box-shadow: 0 3px #f05451 inset;color: #000;background: #fff;z-index: 10;} #Course-Dash-inner-tabs .tab-content {display: inline-block; width: 100%; vertical-align: middle; clear: both; position: relative; background-color: #fff; margin: 0; padding: 20px; border: 1px solid #f1f1f1; } #Course-Dash-inner-tabs.vertical-tabs-layout {display: flex;flex-direction: row;flex-wrap: nowrap;margin-bottom: 40px;} #Course-Dash-inner-tabs.vertical-tabs-layout .nav-tabs {max-width: 300px; flex-basis: 300px; display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start;padding: 2px; } #Course-Dash-inner-tabs.vertical-tabs-layout .nav-tabs .nav-item, #Course-Dash-inner-tabs.vertical-tabs-layout .nav-tabs .nav-item .nav-link {width: 100%; display: inline-block; vertical-align: middle; } #Course-Dash-inner-tabs.vertical-tabs-layout .nav-tabs .nav-item .nav-link {text-align: left; padding-left: 13px; padding-right: 13px; } #Course-Dash-inner-tabs.vertical-tabs-layout .nav-tabs .nav-item .nav-link.active {box-shadow: 3px 0 #f05451 inset;} #Course-Dash-inner-tabs.vertical-tabs-layout .tab-content {border: 1px solid #f1f1f1; } #Course-Dash-inner-tabs.vertical-tabs-layout .nav-tabs .nav-item .close {top: 12px; right: -11px; } #Course-Dash-inner-tabs.vertical-tabs-layout .nav-tabs .nav-item {border-top: 1px solid rgb(144 144 144 / 10%); } /* Inner tabs css end */ /************************************Student progress css*****************************************/ #student_shortcode_table_outer .table { border-bottom: 0; border-left: 0; margin-bottom: 0; background: #fff; width: 100%; border-collapse: collapse; } #student_shortcode_table_outer .table thead tr, #student_shortcode_table_outer .table thead tr th { background-color: #eee; text-align: left; border-top: none; } #student_shortcode_table_outer .table th, #student_shortcode_table_outer .table td, #student_shortcode_table_outer .table thead th { border: 1px solid #dee2e6; vertical-align: middle; text-align: left; font-size: 15px; padding: 8px; } .manageSubaccountTableOuter .table thead th { background-color: rgba(0,0,0,.05)!important; } #student_shortcode_table_outer .table thead tr th { padding: 10px 10px; font-size: 15px; } #student_shortcode_table_outer .table thead tr th { border: 1px solid #ddd; } #student_shortcode_table_outer .table tbody tr:nth-of-type(odd) { background-color: #fff!important; } #student_shortcode_table_outer table.table td {background: #fff; } #student_shortcode_table_outer table.table td.tableAction {text-align: center; } #student_shortcode_table_outer table.table td.tableAction a.btn {margin-right: 5px; color: #fff !important; height: 30px; width: 30px; padding: 0; line-height: 30px; display: flex; align-items: center; justify-content: center; font-size: 16px; background: #805df1; border: none; border-radius: 4px !important; } #student_shortcode_table_outer table.table td.tableAction a.btn.btn-danger {background: #d21c2d; } #student_shortcode_table_outer table.table td.tableAction a.btn .fa {color: #fff;} #student_shortcode_table_outer .ss-result-data-block {background: #f9f9f9; padding: 15px; margin: 10px 0; font-size: 14px; line-height: normal; color: #333;position: relative;} #student_shortcode_table_outer .ss-result-data-block .ss-result-data-card {display: flex; align-items: flex-start; width: 100%; margin: 0 0 10px 0; padding: 0 0 10px 0; border: none; } #student_shortcode_table_outer .ss-result-data-block .ss-result-data-card label {font-weight: 600; line-height: 1.4; font-size: 15px; color: #444; font-family: 'DM Sans',sans-serif; width: 140px; max-width: 140px; flex-basis: 140px; margin: 0 !important; } #student_shortcode_table_outer .btn {font-size: 14px; border-radius: 5px; padding: 5px 10px; background: #fff; border: 2px solid #17a2b8; color: #17a2b8; font-weight: 700; outline: none; box-shadow: none; margin: 0 6px 0 0; } #student_shortcode_table_outer .btn.danger-btn {background: #d21c2d; border-color: #d21c2d; color: #fff; } #student_shortcode_table_outer .ss_course_name, #student_shortcode_table_outer .ss_course_status{font-weight: 600;font-size: 19px;padding: 10px 0 0;float: left;width: 100%;} #student_shortcode_table_outer .ss_course_status{font-size: 16px;padding: 15px 0 12px;} #student_shortcode_table_outer .ss_course_name .dap_member_tiny_editor {float: left;} #student_shortcode_table_outer .ss_course_name .prod_name {float: right;padding-left:4px;} #student_shortcode_table_outer .ss_course_status .dap_member_tiny_editor {float: left;} #student_shortcode_table_outer .ss_course_status .progress_cont{float: right; padding-left: 9px;} .Template-Customize-content-inner .section_heading {font-size: 17px;font-weight: 700;color: #f56640;margin-bottom: 24px;border-bottom: 1px solid #ddd;padding-bottom: 6px;text-align: left;} .course-comment-section-common {display: inline-block;text-align: left;background: #fff;border: 1px solid #cacaca;padding: 17px;margin-left: 0;border-left-width: 4px;border-left-color: #00a0d2;border-radius: 4px;margin: 0 0 10px 0;font-size: 17px; font-weight: 700;width: 100%;} .course-comment-section-common p { margin:0px; } #student_shortcode-accordion {display: inline-block; width: 100%; clear: both; margin: 0; padding: 0; } #student_shortcode-accordion .card {width: 100%; margin: 0; max-width: 100%; padding: 0; background: #fff; border: none; border-radius: 0; } #student_shortcode-accordion .card + .card {margin-top: 20px; } #student_shortcode-accordion .card .card-header {padding: 0; border: none; margin: 0; background: none; } #student_shortcode-accordion .card .card-header .btn-link {margin: 0; font-size: 16px; padding: 10px 40px 10px 15px; line-height: 1.5; color: #1a1818; font-weight: 700; width: 100%; text-align: left; background: #f1f1f1; position: relative; border-radius: 0;display: inline-block; } #student_shortcode-accordion .card table.table thead th {background-color: #f9f9f9;} #student_shortcode-accordion .card .card-header .btn-link:hover {text-decoration: none !important; } .dashboad_tabs_stucture_section_wrapper .tab-content{ /*pointer-events: none;*/} .dashboad_tabs_stucture_section_wrapper .dme_backend_hide, .dashboad_tabs_stucture_section_wrapper .dap_customizer_style_btn {display:none!important;} .custom_label_heading{color: #0f2e47; font-size: 17px; font-family: 'DM Sans',sans-serif!important; font-weight: 600; margin: 0 0 13px 0; padding: 0; line-height: 1.5; } #dap_member_page_wrapper .Template-Customize-Setting .inner_template_style_box .input-group .form-control, #dap_member_page_wrapper .Template-Customize-Setting .inner_template_style_box .form-control {width: auto; background: #fff; font-size: 13px; border: 1px solid #ddd; height: 40px; line-height: 40px; color: #77808c; font-weight: 600; width: 100%; max-width: 100%; } .shortocde_details {display: inline-block; text-align: left; background: #fff; border: 1px solid #cacaca; padding: 17px; margin-left: 0; border-left-width: 4px; border-left-color: #00a0d2; border-radius: 4px; margin: 0 0 10px 0; font-size: 18px; font-weight: normal; width: 100%; } .shortocde_details.dap-alert-warning{ color: #856404; background-color: #fff3cd; border-color: #ffeeba; border-left: 5px solid!important; padding: 10px!important; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; max-width: 830px; } .shortocde_details.dap-alert-warning p { font-size: 15px; margin-bottom: 0; } .shortocde_details p {font-size: 17px;margin: 0;padding: 0;line-height: 1.4;} .shortocde_details p + p {margin-top: 15px;} .shortocde_details span {font-weight: 500;font-size: 16px;} .shortocde_details span.shortcode_display {color: #007bff;} .shortocde_details .copy-btn {padding: 9px 13px; margin: 0 0 0 15px; border-radius: 4px; cursor: pointer; transition: all ease 0.3s; background: #00a0d2!important; color: #FFF !important; width: auto; display: inline-block; white-space: nowrap; min-width: 100px; font-size: 16px; } .dap_member_setting_outer .tab-content.dap_member_content .input-group .form-control, #dap_member_page_wrapper .dap_member_setting_outer .tab-content.dap_member_content .input-group .form-control {background: #f8f8f8; font-size: 13px; border: #c7d1db solid thin; height: 46px; line-height: 46px; color: #77808c; font-weight: 600; width: 100%; max-width: 100%; padding-left: 5px; } .dap_member_setting_outer .tab-content.dap_member_content .input-group span.input-group-addon {position: absolute; right: 2px; top: 50%; transform: translateY(-50%); width: 28px; height: 34px; background: #fff; border: 1px solid #eee; z-index: 3;padding: 0;} .dap_member_setting_outer .tab-content.dap_member_content .input-group span.input-group-addon i {height: 100%;width: 100%;display: inline-block;} .dap_member_setting_outer .tab-content.dap_member_content .dashboad_tabs_stucture_section_wrapper .input-group {max-width: 100%;width: 100%;} .dap_member_setting_outer .tab-content.dap_member_content .dashboad_tabs_stucture_section_wrapper .form-control, #dap_member_page_wrapper .dap_member_setting_outer .tab-content.dap_member_content .dashboad_tabs_stucture_section_wrapper .form-control {border-radius: 0; box-shadow: none; min-height: 44px; padding: 9px 13px; border: #c7d1db solid thin; height: 44px; font-size: 16px; width: 100% !important; font-weight: normal; line-height: normal; background-color: #f8f8f8;color: #676767; } .dap_member_setting_outer #dap_member_settings #addtab {background: transparent; color: #266ebc; width: auto; padding: 5px 8px; font-size: 14px; font-weight: 600; border-radius: 4px; cursor: pointer; outline: none; box-shadow: none; float: none; display: inline-block; margin: 0 0 13px 0; border: 1px solid #266ebc; font-family: 'DM Sans',sans-serif;text-decoration: none; } #Course-Dash-inner-tabs .nav-tabs .nav-item .close {left: auto; font-size: 16px; color: #b5b5b5; width: 22px; height: 22px; background: #fff; text-align: center; line-height: 22px; border-radius: 50%; display: inline-block; position: absolute; right: 0; top: -12px; z-index: 9; cursor: pointer; border: 1px solid #b5b5b5; } #Course-Dash-inner-tabs .nav-tabs .nav-item .close .fa {font-size: 16px; line-height: 18px; } .CourseDash--tabs-customizer {margin: 35px 0 0 0; padding: 0; } .CourseDash--tabs-customizer .Template-Customize-Setting {display: inline-block; float: none; clear: both; padding: 0; } .CourseDash--tabs-customizer .Template-Customize-Setting .customizer_innner_sections {display: flex; flex-direction: row; flex-wrap: wrap; padding: 5px; } .CourseDash--tabs-customizer .Template-Customize-Setting .customizer_innner_sections .Template-Customize-element {margin: 0;width: 20%; flex-basis: 20%; max-width: 20%; padding: 5px; } .CourseDash--tabs-customizer .Template-Customize-Setting .Template-Customize-element .inner_template_style_box > h4 {font-weight: 600; font-size: 13px; line-height: normal; margin: 0 0 5px 0; letter-spacing: 0; } .CourseDash--tabs-customizer .Template-Customize-Setting .Template-Customize-element-inner {min-height: 100%; } /* Checkbox Design */ .checkbox-custom-style {width: 20px;height: 20px;min-width: 20px;min-height: 20px;position: relative;margin: 0 5px 0 0;background: #fcfff4;box-shadow: none;display: inline-block;border: 1px solid #ababab;vertical-align: top;} .checkbox-custom-style .custom--checkbox , .checkbox-custom-style input[type=checkbox].custom-checkbox-input {width: 100%;height: 100%;cursor: pointer;position: absolute;left: 0;top: 0;box-shadow: none;right: 0;bottom: 0;z-index: 2;background: none;margin: 0;} .checkbox-custom-style .custom--checkbox::after {content: '';width: 12px;height: 7px;position: absolute;top: 4px;left: 3px;border: 3px solid #437bc1;border-top: none;border-right: none;background: transparent;opacity: 0;transform: rotate(-45deg);} .checkbox-custom-style input[type=checkbox].custom-checkbox-input {opacity: 0;z-index: 6;} .checkbox-custom-style input[type=checkbox].custom-checkbox-input:checked + .custom--checkbox::after {opacity: 1;} /* end Checkbox Design */ .dap_member_customize_your_courses_template_div .dap_customizer_style_btn{background-color: #ed6518; color: #fff; border: 2px solid #ed6518;} .dap_member_your_courses_content_sticky {position: relative;display: inline-block;margin: 0;padding: 0;vertical-align: middle;} .dap_member_your_courses_content_sticky .Template-Customize-setting-outer {position: sticky; top: 50px;} .dashboad_time_spend_chart_section_wrapper .time-on-site-canvas-container img{height: 276px !important; object-fit: fill;} .dap_dashboard_no_data_found_msg .dap_member_tiny_editor{ min-height: 78px; background-color: white; border: 1px solid #a6a6a6;padding:6px 10px;} #adminmenuwrap { position: relative !important;} #dap_member_your_courses .course_inprogress_product_wrapper .Engagement-Template-2-media-block .dap_member-info-img, #dap_member_your_courses .course_enrolled_product_wrapper .Engagement-Template-2-media-block .dap_member-info-img, #dap_member_your_courses .dap_member_customize_your_courses_template_div .course_inprogress_product_wrapper .Engagement-Template-2-media-block.dap_member_disable_drag_drop_sortable .dme_backend_show img , #dap_member_your_courses .dap_member_customize_your_courses_template_div .course_enrolled_product_wrapper .Engagement-Template-2-media-block.dap_member_disable_drag_drop_sortable .dme_backend_show img { max-width: 100%; height: 100%;width: 100%; } #dap_member_your_courses .dashboard_product_box_wrapper{ max-width: 100%; } .ui-icon-gripsmall-diagonal-se, .ui-resizable-handle.ui-resizable-se { background-color: #f55302 !important; } #dap_member_your_courses .dashboard_product_box_wrapper .dap_member-info-img{ float: left; width: 100% !important; height: 100%; } /*.dap_member_setting_outer .tab-content.dap_member_content { background: #f7f7f7; }*/ ul.custom_tabbar li .nav-link.active span { background: #3fc7a6; color: #fff; } .dap-card-outer-gray .Template-Customize-Setting{ margin-bottom:0px; padding-bottom:20px; } .tab-pane .dap-card-outer-gray { background: transparent; box-shadow: none; border: 0; padding: 0; width: 100%; display: inline-block; vertical-align: middle; margin: 0; max-width: 100%; margin-top: 20px; } .entercreate_page{ background: #f8f8f8; box-shadow: 0 0 16px 0 #e8ebee; border: 1px solid #e8ebee; padding: 28px 25px 0; width: 100%; display: inline-block; vertical-align: middle; margin: 15px 0 25px; max-width: 100%; box-sizing: border-box; }