.dap_member_profile_outer{
	max-width:1700px;
	padding: 0;
    box-shadow: rgba(107, 107, 107, 0.47) 0px 0px 7px 0px;
    background: #ffffff;
}
.profile_left_part, .profile_right_part{
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%;
}
.profile_center_part {
    -ms-flex: 0 0 56%;
    flex: 0 0 56%;
    max-width: 56%;
}

.choices-template li {
    width: 20%;
}

.profile_center_part.profile_htm_cutomizer { max-width: 100%; }

ul.templates-styles.profile_show_section_option li {
    background:#f5f5f5;
    border-bottom: 2px solid #ddd;
}
ul.templates-styles.profile_show_section_option li.sub_customizer {
    padding: 8px 16px;
    min-height: 40px;
    background:none;
	border-bottom: #aac1d3 dashed thin;
}
ul.templates-styles.profile_show_section_option li.sub_customizer:nth-child(4), ul.templates-styles.profile_show_section_option li.sub_customizer:nth-child(12), ul.templates-styles.profile_show_section_option li.sub_customizer:nth-child(19) {
    border-bottom: 1px solid #ddd;
}
.dap_member_profile_details {
    display: inline-block;
    text-align: left;
    background: rgba(29, 165, 229, .1);
    border: 1px solid #cacaca;
    padding: 36px 16px;
    margin-left: 0;
    border-left-width: 4px;
    border-left-color: #00a0d2;
    border-radius: 4px;
    margin-top: 15px;
    font-size: 18px;
}
.dap_member_profile_details span {
    font-size:16px;
}
.dap_member_profile_details span.check_heading {
    font-weight: 600;
    font-size: 18px;
}
.dap_member_profile_details .copy-btn,
.dap_member_popup_msg .copy-btn {
    padding: 8px 10px;
    margin: 0px 10px 0;
    border-radius: 3px;
    cursor: pointer;
    transition: all ease 0.3s;
    background: #00a0d2!important;
    color: #FFF !important;
    width: 70px;
    font-size: 15px;
}

li.sub_profile_custom_fields_section .form-control#custom_fields_style {
    height: 100px !important;
}

/*---- Tab Bar ----*/
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 24px 0;
}

#dap_member_profile_preview_wrapper_modal .modal-dialog {
    margin-top: 50px;
}
#dap_member_profile_preview_wrapper_modal .close {
    position: absolute;
    right: 3px;
    top: 2px;
    background: #282828;
    padding: 4px 6px;
    border-radius: 50%;
    color: #fff;
    font-size: 21px;
    border: 1px solid #ddd;
    z-index: 999;
}


/*---- 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_update_profile_form .additional_custom_fields{display:none;}



/* Custom css 27-7*/

.customized_toggle_outer {display: flex;align-items: center;justify-content: space-between;padding: 0;width: 100%;margin:0;}

.customized_toggle_outer .toggle_heading {padding: 0;cursor: default;color: #626262;font-size: 14px;margin-bottom: 0;text-align: left;}

.fileUploadCommonClass , .fileUploadCommonClass .Required--input {display: inline-block;width: 100%;margin: 0;padding: 0;vertical-align: middle;}

.fileUploadCommonClass .Required--input {margin: 5px 0;}

.customized-optional .customized_toggle_outer.custom_customized_toggle > span {font-size: 14px;}

.customized-optional .customized_toggle_outer.custom_customized_toggle {flex-wrap: wrap;justify-content:flex-start;}

.customized_toggle_outer.custom_customized_toggle input[type=text], 
.customized_toggle_outer.custom_customized_toggle input[type=number] {background-color: #fff; box-shadow: none; font-size: 14px; padding: 0 5px; height: 36px; width: 100px; border: 1px solid #e1e1e1; margin: 0 8px 0 0; }

.customized_toggle_outer.custom_customized_toggle .toggle_heading {margin-bottom: 5px !important;max-width: 100% !important;}

.dap_member_profile_outer .tab_bottom_button {margin-left: -24px; margin-right: -24px; background: #f7f7f7; padding: 24px;clear: both;}

.enable_file_upload_cust_outer .fileUploadCommonClass{display:none}


/* 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 */