.dap_member_setting_outer{
	max-width:1700px;
}
.dap_member_setting_outer  {
	 font-size: 16px;
}
.form-group label {
    font-size: 16px;
 }
 #dap_member_page_wrapper .form-control {
    font-size: 16px;
    }

#productid option, #hideproductid option {
    padding: 1px 2px;
    font-size: 15px;
}
#update-nag, .update-nag {
    display: none;
}
.choices-template li {
    width: 25%;
}
.dap_member_setting_outer{
	padding:0px;
}

#dap_member_page_wrapper {
    margin-left: 20px;
    font-family: "Open Sans", sans-serif;
}
.common_outer {
    margin-top: 40px;
 }
 
ul.custom_tabbar {
    display: flex;
    width: 100%;
    background: #eee;
    text-align: center;
    border-bottom: 1px solid #ddd;
    flex-wrap: nowrap;
    justify-content: space-between;
}
ul.custom_tabbar  .nav-item {
    width: 100%;
}
ul.custom_tabbar .nav-link {   
    padding: 12px 4px;
    margin-bottom: 0;
    color: #565656;
    font-weight: 700;
    font-size: 15px;
    border-radius: 0px;  
    border: none;
    border-bottom: 1px solid #ddd;
}
ul.custom_tabbar .active .nav-link{
	color: #385772;
}
ul.custom_tabbar li .nav-link span {
    display: inline-block;
    margin-right: 2px;
    font-size: 14px;
    margin-bottom: 0px;
    width: 30px;
    border-radius: 50%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #127280;
}
ul.custom_tabbar li .nav-link span.fa_tick{
	display:none;
}
ul.custom_tabbar li.step_done .nav-link span.fa_tick{
	display:inline-block;
}
ul.custom_tabbar li.step_done .nav-link span{
	display:none;
}
ul.custom_tabbar li .nav-link.active span {
    background: #fff;
    color: #127280;
}
ul.custom_tabbar li.step_done span.fa_tick {
    background: #f56640;
}
ul.custom_tabbar .nav-item.show .nav-link, ul.custom_tabbar .nav-link.active{
    color: #fff;
    background-color: #127280;
    border-color: #ddd;
    box-shadow:none;
}
.tab-content {
	padding: 24px;
}
.tooltip , #dap_member_page_wrapper .tooltip{
    position: absolute;
    display: block;
    opacity: 0;
}  
#dap_member_page_wrapper .section_heading {
    color: #127280;
    font-size: 20px;
    line-height: normal;
    border-bottom: 1px solid #ddd;
    font-weight: 700;
    margin: 0;
    padding: 0 0 10px;
    letter-spacing: 0;
}
.master_heading h4 {
    color: #127280;
    font-size: 23px;
    color: #333;
}

/*.inner_section {
    background: #fffcfc;
    display: inline-block;
    width: 100%;
    max-width: 1000px;
    border: 2px dashed #ddd;
    padding: 30px 20px 30px;
}*/
#dap_member_page_wrapper .form_group_inner {
    margin-top: 30px;
}
#dap_member_page_wrapper .create_page_btn {
    padding: 15px 15px;
    font-size: 17px;
    text-transform: initial;
    background: var(--dap-primary-bg-color);
    color: var(--dap-primary-color);
}

.enter_name_outer {
    display: inline-block;
    width: 100%;
    box-shadow: rgba(107, 107, 107, 0.47) 0px 0px 9px 0px;
    padding: 28px;
    margin-bottom: 40px;
    background: #f9f9f9;
}


.list_box, .modalchk_des {
	border: 1px solid #c7d1db;
	padding: 20px 15px 16px;
	border-left: 3px solid #11bbe6;
	margin-top: 25px;
	border-radius: 4px;
	background: #f9f9f9;
	margin-bottom: 50px;
}
.modalchk_des .btn-warning {
    color: #fff !important;
    background-color: #11bbe6 !important;
    border-color: #11bbe6 !important;
    margin-top: 0;
    transition: none;
    box-shadow: none !important;
}
.list_box p {
    font-size: 15px;
}
.list_box p:last-child {
    margin-bottom:0px;
}
 .frontend_visibility{ display:none}  
 
.master_heading {
    margin: 0;
    border-bottom: 0px solid #ddd;
    padding: 0 0 10px;
}

#member_content_outer_container .col-sm-4 , #member_content_outer_container1 .col-sm-4{
    -ms-flex: 0 0 35.333333%;
    flex: 0 0 35.333333%;
    max-width: 35.333333%;
}
#member_content_outer_container  .col-sm-8 , #member_content_outer_container1 .col-sm-8 {
    -ms-flex: 0 0 64.666667%;
    flex: 0 0 64.666667%;
    max-width: 64.666667%;
}
.customized_store_template_full ul.templates-styles li {
    width: 25%;
   min-height: 63px;
}
ul.templates-styles li .input-group.colorpicker-component i {
    border: 1px solid #C5C5C5;
}
.dap_frontend_wrapper {
    margin: 0 auto;
    }
.customized-optional {
     border: 1px solid #03528e;
}

.customizer_heading {
    color: #00477d;
    background: #e8e8e8;
 
}
.pre-icon input.btn {   
    height: 35px !important;
    padding: 5px 15px !important;
    margin: 4px;
    font-size: 15px;
    line-height: 1;
}
.dap_member_setting_outer a{
 
    color: #007bff;
 
    }
.readMoreText div{
    font-size: 13px;
    color: #007bff;
    padding: 5px 0;
    }
.enter_name_outer .small_text{
       font-size: 14px;
    line-height: 1;
 
 }
.dap_member_setting_outer .btn-success {
    color: #fff;
    background-color: #02c7a6;
    border-color: #02c7a6;
}
.customized-optional {
    margin: 0px auto 12px; 
}
.slider .tooltip-inner {
    white-space: nowrap;
    max-width: none;
    color: #fff;
       font-size: 11px;
    padding: 3px 7px;
}
.fa-refresh {
    color: #0073aa;
    font-size: 19px;
    cursor: pointer;
}

.left_customizer {
    width: 20%;
    max-width: 20%;
    flex: 0 0 20%;
    padding-right: 0px;
    padding-left: 15px;
    position: relative;
    z-index: 999;
}
.template_center {
    width: 60%;
    max-width: 60%;
    flex: 0 0 60%;
    padding-right: 30px;
    padding-left: 30px;
}
.right_customizer {
    width: 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding-right: 0px;
    padding-left: 0px;
}



/* Toggle Button */

 .toggle-group label.btn{
	transform: translate3d(0,0,0);
 }
 .toggle-group label.btn.toggle-off {
    background: #ababab;
}
  .toggle-group .toggle-handle.btn {
    background-color: #ddd;
    margin: 0;
    padding: 0;
    width: 30px;
    border-radius: 0px;
}
.toggle-group .toggle-on {
    background: #11bbe6 !important;
}
.toggle-group label.btn {
    line-height: 24px;
    color: transparent;
    font-size: 12px;
    line-height: 24px;
    color: transparent;
}
.toggle.btn {
    min-width: 45px;
    min-height: 24px;
    height: 0px !important;
    width: 15px !important;
    border-radius: 20px;
    padding: 0;
    border: none;
    border-radius: 20px;
    padding: 0;
    border: none;
    line-height: 19px;
    transform: translate3d(0,0,0);
}
.toggle-group label.btn {
    line-height: 24px;
    color: transparent !important;
}
.toggle-group btn{
	box-shadow:none;
}

/* Table */

.customized-optional ul li label {
    width: 80%;
}
#dap_member_page_wrapper .customized-optional ul li .form-control {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 3px;
    line-height: 32px;
    min-height: 30px !important;
    font-size: 14px;
    height: 32px !important;
}
ul.templates-styles li span.input-group-addon {
    width: 22px;
    height: 32px;
    margin-top: 0px;
    font-size: 14px;
}
ul.templates-styles li .input-group.colorpicker-component i {  
    height: 32px;
    margin-left: -19px;
}
ul.templates-styles li {
    padding: 6px 10px;
    min-height: 40px;
}
.tool-tip .toll-tip-desc {  
    width: 400px;
    text-align: left;
    z-index: 9999;
}

.slider.slider-horizontal {
    width: 90px;
    height: 24px;
}
.slider .tooltip.top {
    margin-top: -15px !important;
}
.dap_member_content_table table thead {
    background-color: #e4e4e4;
    text-align: left;
    color: #333;
    font-weight: 600;
}

.tool-tip.sort_div {
    margin-bottom: 20px;
}
.tool-tip.sort_div .toll-tip-desc {
	width: 115px;
	opacity: 1;
	visibility: visible;
	left: 35px;
	padding: 6px 10px;
	}
.slider.slider-horizontal .slider-handle {
    top: 6px;
}
.tool-tip .toll-tip-desc::before {
    top: 8px;
}
 #dap_member_page_wrapper .form-control[readonly] , #dap_member_page_wrapper .form-control:disabled{
    background-color: #eaeaea;
    opacity: 1;
}
.choices-template label .pre-box-div.activecls {
    cursor: pointer;
    visibility: visible;
    opacity: 1;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.swal2-popup .swal2-title {
 
    font-size: 20px!important;
 
}
.mycontent_shrt a{
padding: 0 5px;
}
.shortcode_display1 .d-inline {
	font-weight: 600;
    padding: 0 5px;
}
/*
.tab-content {
     min-height: 500px;
}
*/
.modalchk_des div{
 margin-top:6px;
}

.dap_member_preview_outer{
	width:100%;
	margin:24px auto 0px;
	border: 0px dotted #999;
    padding: 30px 15px;
}
.choices-template li {
    border: none;
    color: #5c5a53;
    display: inline-block;
    float: left;
    text-align: center;
    width: 32%;
    padding: 0 10px 0 0px;
    margin-right: 30px;
    margin-left: 17px;
}

 .choices-template li {
     width: 18%;
}
.alert {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 16px;
}
.frontend_visibility {
    display: none !important;
}
.btn.disabled, .btn:disabled {
    opacity: .5;
}
.input-outer small{
    font-size: 12px;
    color: #ff0000;
    line-height: 1;
    padding: 0;
    margin: 0;
}
.show_cls{
  display: flex !important ;
}
.hide_cls{
  display: none !important;
}

.input-outer small {
    font-size: 12px;
    color: #ff0000;
    line-height: 1;
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
    text-align: left;
    line-height: 18px;
}

.dap_member_setting_outer .input-outer a {
    color: #ff0000;
    text-decoration: underline;
}
.mce-notification.mce-has-close {
    display: none !important;
}
#dap_member_customize .ui-icon-gripsmall-diagonal-se {
    background-color: #f55302 !important;
}
.height_width_display{
    position: relative;
}
.height_width_display_inn{
    position: absolute;
    z-index: 999;
    top: 0;
    background: #f1f1f1;
    color: #000;
    padding: 4px;
    font-size: 12px;
	font-weight:600
}

.dap_member_content_table{
    background:#fff!important;
    padding: 20px 18px  !important;
}

#dap_customize_template_content
{
	 border-top: 1px solid #f1f1f1!important;  
	 
} 
#dap_customize_template_content_upcoming
{
	 border-bottom: 0px solid #ddd!important;
	  padding-top: 0  !important;
}
.dap_member_content_table table tbody tr:nth-of-type(odd) {
    background-color: #f7f7f7!important;
}
.dap_member_content_table table tbody tr:nth-of-type(even) {
    background-color: #fff!important;
}
.dap_member_content_table#dap_customize_template_content_upcoming .table thead tr td:last-child {text-align: center;}
.course_template_new .dap_member_content_table{
	 background:#fff!important;
    padding: 0px  !important;
} 
.course_template_new #dap_customize_template_content
{
	 border-top: 0px solid #f1f1f1!important;  
	 
} 
.course_template_new #dap_customize_template_content_upcoming
{
	 border-bottom: 0px solid #ddd!important;
	  padding-top: 0  !important;
}
 
.mycontent_outer_cont .form-group {
  float: left;
  width: 100%;
}