.dap_member_setting_outer {
    padding: 0;
    box-shadow: rgba(107, 107, 107, 0.47) 0px 0px 7px 0px;
    background: #f9f9f9;
    max-width:1700px;
}
.create_btn {
    background-color: #127280;
}
.create_btn:hover, .create_btn:focus, .create_btn:active {
	background: #02c7a6;
	border: none;
	-webkit-appearance: inherit;
}

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;
    color: #127280;
    margin-bottom: 0px;
    background: #d4d9d7;
    width: 30px;
    border-radius: 50%;
    height: 30px;
    line-height: 30px;
}
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;
}
ul.custom_tabbar li.step_done span.fa_tick {
    background: #fff;
}
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;
}
ul.custom_tabbar .nav-link:focus, . {
   box-shadow:unset;
}
.tab-content {
	padding: 24px;
}

.or {
    text-align: center;
    position: relative;
}
.or:after, .or:before {
    background: #dddddd;
    content: "";
    height: 1px;
    width: calc(50% - 30px);
    position: absolute;
    top: 48%;
}
.or:before {
    left: 0;
}
.or:after {
    right: 0;
}
#dap_member_login_preview_wrapper_modal button.close {
    position: absolute;
    right: 16px;
    top: 22px;
}

.dap_member_login_details , .dap_member_customize_msg_link,.dap_member_fb_login_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: #d20044;
    border-radius: 4px;
    margin-top: 15px;
    font-size:18px;
}
.dap_member_fb_login_details{
	border-left-color: #d20044;
    background-color: #fff;
}

.dap_member_login_details .check_heading{
	font-weight:600;
}
.dap_member_customize_template_div {
    margin-top: 20px;
}
.retun_member_pages_link{
	width: 100%;
	text-align: right;
}

.dap_member_login_details .copy-btn,.dap_member_popup_msg .copy-btn{
    padding: 12px 14px;
    margin: 0px 10px 0;
    border-radius: 3px;
    cursor: pointer;
    transition: all ease 0.3s;
    background: #00a0d2!important;
    color: #FFF !important;
    width: 70px;
}

.choices-template li {
    width: 280px;
    padding: 0;
    margin: 0 20px 15px 0;
}

.or span {
    display: inline-block;
    background: #797979;
    height: 22px;
    width: 22px;
    border-radius: 15px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    margin: 0 auto 0;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
}
.or.customizer_or {
    display: inline-block;
    width: 100%;
    margin-top: 0px;
}
ul.templates-styles li {
    padding: 6px 10px;
    min-height: 35px;
}

ul.templates-styles li .form-control {
    line-height: 32px; 
    min-height: 26px !important;
    height: 32px !important;
    font-size: 14px!important;
}

ul.templates-styles li .input-group.colorpicker-component i {
    margin-top: -3px;
    width: 30px;
    height: 30px;
}
span.input-group-addon {
    width: 22px;
    height: 32px;
    margin-top: 0px;
    padding: 3px 12px;
    font-size: 14px;
}
#dap_member_page_wrapper .dap_member_login_create_page_btn {
    padding: 15px 15px;
    font-size: 17px;
    text-transform: initial;
    background: var(--dap-primary-bg-color);
    color: var(--dap-primary-color);
}
#dap_member_page_wrapper .btn.disabled, .btn:disabled {
    opacity: .5;
}

/*---- Alert Popup -----*/
.dap_member_popup_msg .check_heading {
    display: block;
    margin-bottom: 4px;
    font-weight:600;
}
.dap_member_popup_msg a {
    font-size:16px;
}
.dap_member_popup_msg div span:nth-child(2){
	font-size: 16px;
    display: block !important;
    width: 100%;
    margin: 8px 0;
}
.dap_member_popup_msg .copy-btn {
    margin: 10px 10px 0;
    display: inline-block;
    font-size: 16px;
    padding: 10px 12px;
    width: 92px;
}
#dap_member_page_wrapper .input-group #name.form-control {
    width: auto !important;
}

.hide_fb_customizer_fields{display:none !important;}



#dap_member_general .choices-template label {padding: 0;border:none;transform:none;}

#dap_member_general .choices-template li img {width: 100%;height: auto;}

.choices-template li > h4 {font-weight: 600;color: #333;font-size: 16px;margin: 0 0 13px 0;padding: 0;display: inline-block;width: 100%;vertical-align: middle;}

#login_template_wrapper .login_img img {height: 100%;height: 258px;}


.switch_onoff .checkbox {display: none;}

.switch_onoff .checkbox + label {display: inline-block;position: relative;width: 74px;height: 36px;background: linear-gradient(to right, #bfbfbf 0, #ccc 45%, var(--dap-dark-bg-color) 55%, #ccc 100%) 0 0;background-size: 650px 100%;border-radius: 70px;padding: 7px;cursor: pointer;transition: all 500ms ease;margin-bottom: 0;}

.switch_onoff .checkbox:checked + label {background-position-x: -350px;}

.switch_onoff .checkbox + label:before {content: "No";width: 28px;height: 28px;position: absolute;left: 4px;top: 3px;border-radius: 100%;background: #fff;text-align: center;line-height: 28px;font-family: "Cabin", sans-serif;font-size: 11px;font-weight: bold;color: #555;letter-spacing: 0.5px;transition: left 500ms ease, color 500ms ease, -webkit-transform 150ms ease;transition: left 500ms ease, color 500ms ease, transform 150ms ease;transition: left 500ms ease, color 500ms ease, transform 150ms ease, -webkit-transform 150ms ease;}

.switch_onoff .checkbox:checked + label:before {content: "Yes";letter-spacing: 0;color: #555;left: 40px;}

.dap_member_login_config_outer > label, .dap_member_login_config_outer .switch_onoff {display: inline-block;margin: 0;font-weight: 600;vertical-align: top;}

.dap_member_login_config_outer .switch_onoff {margin-left: 10px; margin-top:-4px}

#dap_member_details .savedConfigLoginUrl {margin: 5px 0 0 0;font-size: 14px;font-weight: 600;color: #057d05;}

.dap_member_login_config_outer, .savedConfigLoginUrl , .dap_member_login_config_outer_empty {width: 100%;max-width: 750px;word-break: break-word;}