.box-tabs-outer , .box-tabs-outer * ,
.member_engagement_section , .member_engagement_section * {box-sizing: border-box;}

.member_engagement_section {font-family: "DM Sans", sans-serif; font-size: 16px; line-height: 1.4; color: #444; display: inline-block; width: 98%; max-width: 100%; margin: 15vh auto; clear: both; box-shadow: rgb(221, 221, 221) 0px 0px 8px 0px; padding: 20px 25px; } 

.DAP-create_tabs {border: none; margin: 0;padding: 0 1px;border-radius: 0;width: 100%;background: #f1f1f1;list-style: none;}

.DAP-create_tabs .nav-item .nav-link{width: 100%;text-align: center;margin: 0;border: none;background: none;border-radius: 0;color: #333333;padding: 16px 20px;text-transform: uppercase;font-size: 14px;font-weight: bold;transition: .4s all;position: relative;font-family: 'DM Sans',sans-serif;}

.DAP-create_tabs .nav-item .nav-link.active {box-shadow: 0 3px #f05451 inset;color: #000;background: #fff;z-index: 10;}

.cardouter_heading {font-size: 20px;margin: 20px 0;color: #f56640;font-family: 'DM Sans',sans-serif;line-height: 1.4;font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 10px;}

.box-tabs-outer {border-radius: 0; list-style: none; flex-wrap: nowrap; font-family: "DM Sans", sans-serif; position: relative; clear: both; font-size: 16px; font-weight: 400; line-height: 1.4; color: rgb(78, 78, 78); margin: 0; box-shadow: none; vertical-align: middle; flex-flow: wrap; background: #f3f3f3; display: flex; width: 100%; max-width: 100%; border: 2px dashed #ddd; padding: 26px 15px; text-align: center; align-items: center; justify-content: center; }

.box-tabs-topimg {flex: 0 0 100%;margin-bottom: 30px;text-align: center;}

.box-tabs-topimg img { width: 100%;max-width: 422px; margin: 0 auto; border: 1px solid #ddd;}

.box-tabs-outer .box-tabs-item {width: 100%; max-width: 100%; margin: 0; padding: 10px 25px;max-width: 450px;} 

.box-tabs-outer .box-tabs-item-inner {min-height: 51px; box-shadow: none; font-size: 22px; border: 1px solid #ddd; color: #333; padding: 45px 20px; max-width: 100%; font-weight: 600; background: #e0f9f7; transition: .4s; text-decoration: none; display: inline-block; width: 100%; margin: 0; cursor: pointer;text-align: center;}

.box-tabs-outer .box-tabs-item:nth-child(2) .box-tabs-item-inner {background: #f9f7e8; }

.member_engagement_heading {font-size: 22px; color: #127280; display: flex; align-items: center; font-weight: 700; margin: 0 -25px 25px; border-bottom: 1px solid #ddd; padding: 0 25px 15px; }

.livepreview_btnouter .livePreviewOuterBtn {background: #fff;border: 2px solid #5c6ac4!important;font-size: 16px;padding: 6px 19px;color: #5c6ac4;border-radius: 4px;}

.livepreview_btnouter {float: right;text-align: center;width: 100%;margin: 0;padding: 0 0 0 25px;max-width: calc(100% - 300px);max-width: -webkit-calc(100% - 300px);max-width: -moz-calc(100% - 300px);max-width: -ms-calc(100% - 300px);}

.member_engagement-listing {display: inline-block; width: 100%; margin: 20px 0; padding: 0; clear: both; } 

.member_engagement-listing .me-listing-item {display: inline-block; padding: 20px 20px; background: #effafd; margin: 6px; white-space: nowrap; line-height: normal; font-size: 18px; border-radius: 5px; box-shadow: rgb(221, 221, 221) 0px 0px 8px 0px;position: relative;cursor: pointer;font-weight: 500;}

.member_engagement-listing .me-listing-item:hover {color: #fff;background: #0c67e1;}

.comment-info-block {background: #fff; box-shadow: none; padding: 15px; border: 1px solid #43bbdf; margin-bottom: 30px; text-align: left; display: inline-block; width: 50%; background-color: #effafd; border-color: #0c67e1; border-left-width: 3px; border-radius: 5px; font-size: 14px; color: black; clear: both;}

.comment-info-block p {font-size: 14px; color: black; clear: both; float: left; padding: 3px 0; margin: 0; width: 100%; }

/*.me-listing-item .comment-info-block {position: absolute; left: 0; top: 100%; white-space: normal; right: auto; margin: 0; padding: 0; visibility: hidden; opacity: 0; width: 0; overflow: hidden; } .me-listing-item:hover .comment-info-block {width: 500px; margin: 10px 0 0 0; padding: 10px; visibility: visible; opacity: 1; overflow: hidden; }*/

.me-listing-item .fa {transform: scale(1.2);margin-right: 8px;}


.member_engagement-card-outer {padding: 25px; background: #fff; display: inline-block; width: 100%; margin: 0;box-shadow: rgb(221, 221, 221) 0px 0px 8px 0px;margin-bottom: 30px; }

.member_engagement-card {display: inline-block;vertical-align: middle;margin: 0;padding: 0;width: 100%;}

.ME_card_heading {color: #23282d; font-size: 18px; margin: 0 0 15px 0; display: block; font-weight: 600; }

.selected_product_show {border: 1px solid #c7d1db; padding: 15px; border-left: 3px solid #11bbe6; margin: 0; border-radius: 4px; width: 100%; float: left; } 

.selected_product_show h5{font-size:18px; line-height:normal; } 

.selected_product_show span {font-size: 14px; color: #000; }

.member_engagement-card .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;}


.member_engagement-card .dropdown_prod .mutliSelect ul.form-control , .dropdown_prod .mutliSelect ul.form-control {background-color: #f7f7f7;height: 205px !important;padding: 6px 10px;margin: 0;overflow-y: auto;}

.mutliSelect ul li {margin: 0; padding: 5px 0; line-height: normal; font-size: 14px; }



.dropdown.dropdown-custom-style {width: 100%;min-width: 200px;margin: 0;padding: 0;}

.dropdown.dropdown-custom-style > .dropdown-toggle::after {position: absolute;right: 8px;top: 17px;z-index: 1;}

.dropdown.dropdown-custom-style > .dropdown-toggle {border: 1px solid #ddd;height: 30px;padding: 6px 25px 6px 10px;min-height: 42px;border-radius: 0;font-weight: 500;color: #444;max-width: 100%;width: 100%;box-sizing: border-box;box-shadow: 0 0 0 transparent;background-color: #fff;font-size: 14px;outline: none;text-align: left;position: relative; max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.dropdown.dropdown-custom-style .dropdown-menu {min-width: 100%; border-radius: 0; margin: 0; padding: 5px 0; }

.dropdown.dropdown-custom-style .dropdown-menu li, .dropdown.dropdown-custom-style .dropdown-menu li a {margin: 0; padding: 0; width: 100%; float: left; font-size: 14px; color: #444; font-weight: 500; line-height: normal; }

.dropdown.dropdown-custom-style .dropdown-menu li a {padding: 5px 10px;text-decoration: none;}

.dropdown.dropdown-custom-style .dropdown-menu li a:hover {background-color: #f5f5f5;color: #333;}

.form-group.row.align-items-center > label {margin: 0; } 

.member_engagement-card .form-group {margin-bottom: 25px; } 

.member_engagement-card .form-group:last-child {margin-bottom: 0; }

.prodselect .dropdown_prod {margin: 0; padding: 0; }

.member_engagement-card .form-group > label {color: #0f2e47; font-size: 19px; font-family: 'DM Sans',sans-serif!important; font-weight: 600; margin: 0 0 13px 0; line-height: 1.5;}

.Template-listing li h4 {font-weight: 600; line-height: 1.4; font-size: 15px; color: #444; font-family: 'DM Sans',sans-serif; width: 100%; margin: 0 0 5px; display: inline-block; text-align: center; padding: 0; }

.member_engagement-card ul.Template-listing {padding: 0;margin: 0;display: inline-block;width: 100%;vertical-align: middle;list-style: none;}

.member_engagement-card ul.Template-listing li {float: left;padding: 0;width: 330px;margin: 10px 25px 10px 0;}

.member_engagement-card ul.Template-listing li .templates_images {border: thin solid rgba(0, 0, 0, 0.1);height: 229px;position: relative;text-align: center;width: 100%;}

.member_engagement-card ul.Template-listing li .temp_img {margin: auto;position: static;width: 100%;height: 100%;object-fit: contain;}

.member_engagement-card ul.Template-listing li .templates_images .base-div {background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;height: 100%;position: absolute;top: 0;width: 100%;display: none;justify-content: center;align-items: center;padding: 25px;}

.member_engagement-card ul.Template-listing li .base-div label {color: #fff; border: none; box-shadow: none; font-weight: 600 !important; background: #007bff; padding: 5px 12px; text-shadow: none; font-size: 14px !important; font-family: 'DM Sans',sans-serif; display: inline-block; float: none; height: auto; border-radius: 4px; margin: 0 !important; width: auto;}

.member_engagement-card ul.Template-listing li .base-div label input {    visibility: hidden; position: absolute;margin:0;padding:0}

.member_engagement-card ul.Template-listing li .templates_images:hover .base-div {display: flex;}

.member_engagement-card ul.Template-listing li .templates_images.active_template_cls .base-div {display: flex;}

.member_engagement-card .quiz_right-content ul.Template-listing {padding: 0;min-height: 10px;}

.member_engagement-card .quiz_right-content ul.Template-listing li {width: 245px;margin: 10px 15px 10px 0;}




.Template-Customize-content {float: right;   text-align: center; width: 100%; margin: 0; padding: 0 0 0 25px; max-width: calc(100% - 300px); max-width: -webkit-calc(100% - 300px); max-width: -moz-calc(100% - 300px); max-width: -ms-calc(100% - 300px); } 

.Template-Customize-setting-outer {float: left; width: 300px; margin: 0; padding: 0; max-width: 100%; } 

.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%;text-align: left;}

.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: #17d3b3;display: flex;justify-content: center;align-items: center;margin: 0;}

.Template-Customize-Setting .customize_open_close {margin-left: 7px;}

.Template-Customize-Setting .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 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: 38px;width: 27px;margin-right: 0;border: 1px solid #c7c7c7;border-left: 1px solid #c7c7c7;display: inline-block;cursor: pointer;vertical-align: middle;margin-top: -7px;margin-left: -14px}

.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;}



.completed-course-block {display: flex; flex-wrap: nowrap; border: 1px solid #eee; border-radius: 5px; margin: 7px 0; background-color: #fff; } 

.completed-course-block .completed-course-icon {min-width: 70px; max-width: 70px; background: #f7f7f7; padding: 12px; margin: 0; } 

.completed-course-block .completed-course-content {margin: 0; padding: 15px; width: 100%; } 

.completed-course-block .completed-course-content p {margin: 0 0 13px 0; line-height: normal; font-size: 16px; color: #555; } 

.completed-course-block img {max-width: 100%; display: inline-block; vertical-align: middle; } 

.completed-course-block, .completed-course-block * {box-sizing: border-box; }

.me-listing-item.active {color: #fff;background: #0c67e1;}

.Template-Customize-content-inner .frontendVisibility{display:none}
.livePreviewOuter .frontendVisibility{display:block}
.livePreviewOuter .backendVisibility, .useOwnTemplateOuter .dme_backend_hide{display:none}

.completedCourseOuter .tab-content .comment-info-block , .useOwnTemplateOuter .tab-content .comment-info-block{margin: 25px 0 0; background: #fff;}


.Template-Customize-Setting .tooltip.in {
    opacity: 1!important;
}

.box-tabs-item-inner.useOwnTemplate{visibility: hidden;}