.drag_drop_payment_form_outer  .ui_helper_my_custom_element{width:100% !important;height:auto !important;} 

.drag_drop_payment_form_outer  .dragdrop_bullet_points ul li {
     list-style: disc;
    margin: 5px 10px 10px;
    font-size: 14px;
    color: #333;
    font-weight: 300;
    font-family: 'Open Sans',sans-serif;
    line-height: 18px;
}
.drag_drop_payment_form_outer  .ui_helper_my_custom_element .hover_close_btn {
    position: absolute;
    right: 6px;
    top: 1px;
}  

.drag_drop_payment_form_outer  .ui_helper_my_custom_element{
	position:relative;
}

.drag_drop_payment_form_outer  .ui_helper_my_custom_element .editable{
    width: 100%;
    float: left;
}

#elementEditModal .modal-body button.close {
    position: absolute;
    right: 10px;
    top: 2px;
    color: #fff;
    opacity: 1;
    font-size: 30px;
}

#elementEditModal .wrapper_left_side_bar {
    margin-top: 0;
}


#elementEditModal .inner_template_style_box h4 {
    margin-bottom: 3px;
}
#elementEditModal  .modal.show .modal-dialog {
   margin-top:70px;
}

.drag_drop_payment_form_outer  .ui_helper_my_custom_element .dragdrop_divider_elements{
	margin-top: 10px;
}




.drag_drop_payment_form_outer  .ui_helper_my_custom_droppable_start_element .draggableElement:hover{border:none!improtant;background: none;} 

.element_customizer_wrapper .element_wrapper{display:none}


.drag_drop_payment_form_outer  .ui_helper_my_custom_element.spc_checkout_template_drag_drop_item:hover>.hover_close_btn { 
    display: block;
}
.drag_drop_payment_form_outer  .ui_helper_my_custom_element.spc_checkout_template_drag_drop_item .hover_close_btn{
    display: none;
}

.drag_drop_payment_form_outer  .spc_checkout_template_drag_drop_item.element_customizer_active .hover_close_btn {
    display: block;
}

.element_customize_open_close{
	display: inline-block;
	margin-left: 8px;
	cursor: pointer;
} 
.drag_drop_payment_form_outer  .spc_checkout_template_drag_drop_parent .hover_close_btn{z-index:1}



.drag_drop_payment_form_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: #ada0a0;
    padding: 20px;
    font-family: 'Open Sans', sans-serif;
}
.inner_section_side_bar {
    width: 100% !important;
    float: left !important;
}
.
 .element_customizer_wrapper_list.wrapper_left_side_bar .btn.template_style{background: #000;color: #fff;}
 .element_customizer_wrapper_list.wrapper_left_side_bar .inner_section_side_bar{background: #fff;}
 .element_customizer_wrapper_list.wrapper_left_side_bar .inner_section_side_bar .inner_template_style_box h4{color: #000;}
.drag_drop_payment_form_outer  .ui_helper_my_custom_droppable_start_element {
	width:250px !important;
	height:auto !important;
	float: left;
    border: 0px dashed #cccc;
    background-color:#fff;
    cursor: pointer;
}
.drag_drop_payment_form_outer  .spc_checkout_template_drag_drop_item:hover {
    border: 3px dashed rgb(231, 231, 231);
}
div#myPreviewNewModal .spc_checkout_template_drag_drop_item:hover {
    border: 0;
}
#myPreviewNewModal .hover_close_btn{display:none;}


.drag_drop_payment_form_outer  .spc_checkout_template_drag_drop_item {
	float: left;
    width: 100%;
}

.wrapper_payment_option {margin: 0;}

#myPreviewNewModal .modal-body{pointer-events: none;}
#myPreviewNewModal .modal-body .spc_checkout_template_drag_drop_item.element_customizer_active{border:none}

.wrapper_left_side_bar.element_customizer_wrapper_list .btn.template_style, 
.wrapper_left_side_bar.element_customizer_wrapper_list .btn.template_style:focus, 
.wrapper_left_side_bar.element_customizer_wrapper_list .btn.template_style:hover {
    background: #000;
    opacity:1;
    color: #fff !important;
} 


/*******28-feb css**************/
.customize_heading {
    display: flex;
    justify-content: center;
}
.customize_open_close {
    margin-left: 7px;
}
.customize_open_close .fa {
    font-weight: 600;
    cursor: pointer;
}
.wrapper_left_side_bar {
    margin-top: 0;
    margin-bottom: 25px;
}
.temp_summary_outer {
    margin-top: 0;
}
.right_side_section.wrapper_left_side_bar:first-child {
    margin-top: 0;
}

.wrapper_frontend_pre_view{    
	float: left;
	width: 100%;
}

.drag_drop_payment_form_outer  .spc_checkout_template_drag_drop_item:hover{border:0;}
  

.drag_drop_payment_form_outer .spc_checkout_template_enable_sub_drag_drop .spc_checkout_template_drag_drop_item:hover {
    box-shadow: none;
    border: 0;
    
    
}
.drag_drop_payment_form_outer .spc_checkout_template_drag_drop_item:hover, .drag_drop_payment_form_outer .spc_checkout_template_enable_sub_drag_drop:hover {
    background: #fff;
    
    box-shadow: 4px 4px 20px 4px rgba(0, 0, 0, 0.20);
}

.drag_drop_payment_form_outer .mce-edit-focus.active_edit, .drag_drop_payment_form_outer .mce-edit-focus, .drag_drop_payment_form_outer  .active_edit{
	border: 2px dotted #16d3b3 !important;
	
	outline: unset !important;
}
.drag_drop_payment_form_outer .ui_helper_my_custom_element .mce-edit-focus.active_edit, .drag_drop_payment_form_outer .ui_helper_my_custom_element .mce-edit-focus, .drag_drop_payment_form_outer .ui_helper_my_custom_element .active_edit{
	border:0px !important;
}
.drag_drop_payment_form_outer  .element_customizer_active{
border: 2px dotted #16d3b3 !important;
}

.drag_drop_payment_form_outer  .spc_checkout_template_enable_sub_drag_drop .spc_checkout_template_drag_drop_item{margin-top:5px;margin-bottom:5px}


#checkout_mobile_wrapper_set .drag_drop_payment_form_outer  .spc_checkout_template_drag_drop_parent .ui_helper_my_custom_element {
   max-width: 345px !important;
   
}
#checkout_wrapper_set .drag_drop_payment_form_outer  .spc_checkout_template_drag_drop_parent .ui_helper_my_custom_element {
   max-width: 1360px !important;
   
}

.drag_drop_payment_form_outer .spc_checkout_template_enable_drag_drop .spc_checkout_template_drag_drop_item > *, .drag_drop_payment_form_outer .disable_drag_drop_sortable.spc_disable_pointer > * {
	pointer-events: auto;
}


.drag_drop_payment_form .spc_advance_customizer_on{
	float: left !important;
    width: 100% !important;
    //margin: 14px 0;
    //border: 3px dashed #cccc;
    box-shadow: 0px 1px 20px #00000014;
    padding: 20px 0 20px;
    cursor: pointer;
    text-align: center !important;
    padding: 30px 10px !important;
}