@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

.bump_Temp1 {
    float: left;
    width: 100%;
    margin: 4px 0;
    text-align:center;
}
.popup_wrapper1.popup_wrapper_main {
    max-width: calc(100% - 90px);
    width: auto;
}
#checkout_temp_form .form-outer .order_bump_Temp h2 {
    color: #ff6d1e;
}
.order_bump_Temp .order_bump_content {
    padding: 0 0 0 7px;
    margin: 0;
}
.orderbump_top_outer , .orderbump_bottom_outer{
    margin-top:0px;
    padding: 0px;
}
.orderbump_top_outer .order_bump_top, .orderbump_bottom_outer .order_bump_bottom{
    padding: 0px;
}
#paycart-template-1 .orderbump_top_outer .order_bump_top{
         margin: 12px 0 30px !important;
    padding: 0px;
}

#paycart-template-1 .orderbump_bottom_outer .order_bump_bottom {
    margin: 20px 0 25px !important;
    padding: 15px 0;
}
#paycart-template-1 form#formPayment .popup_wrapper1 .popup_wrapper_inner1 {
    margin: 0px auto 0px;
    max-width: 100%;
}
#paycart-template-2 .bump_product_div .popup_wrapper_main {
    margin: 0 auto 0 0px!important;
}
#paycart-template-2 .orderbump_bottom_outer .order_bump_bottom {
    margin: 20px 0 25px !important;
    padding: 15px 0;
}

#paycart-template-3 .popup_wrapper1 .popup_wrapper_inner1 {
    margin: 0 auto 0px;
}
#paycart-template-3 .orderbump_top_outer .order_bump_top{
       margin: 5px 15px 10px;
}
#paycart-template-2 .orderbump_top_outer .order_bump_top{
        margin: 18px 19px;
}
#paycart-template-3 .orderbump_bottom_outer .order_bump_bottom {
    margin: 27px 15px 8px;
     padding: 15px 0;
}
.spc_temp4 .orderbump_top_outer .order_bump_top{
           margin: 25px 19px 0px;
}

.spc_temp4 .orderbump_bottom_outer .order_bump_bottom {
        margin: 20px 0px 6px;
            padding: 15px 0;
}

.spc_temp5 .orderbump_top_outer .order_bump_top {
        margin: 10px 19px 15px;
}

.spc_temp5 .orderbump_bottom_outer .order_bump_bottom {
    margin: 12px 0px 25px;
        padding: 15px 0;
}
.spc_temp6 .orderbump_top_outer .order_bump_top {
    margin: 15px 19px 10px;
}
.spc_temp6 .orderbump_bottom_outer .order_bump_bottom {
    margin: 5px 10px 10px;
        padding: 15px 0;
}
#paycart-template-8 .orderbump_top_outer .order_bump_top {
    margin: 15px 15px 20px;
}
#paycart-template-8 .orderbump_bottom_outer .order_bump_bottom {
       margin: 15px 15px 28px;
           padding: 15px 0;
}
#paycart-template-9 .orderbump_top_outer .order_bump_top {
    margin: 18px 15px 2px;
}
#paycart-template-9 .orderbump_bottom_outer .order_bump_bottom {
    margin: 0 0 0;
    padding: 30px 0;
}
#paycart-template-7 .orderbump_top_outer .order_bump_top {
    margin: 27px 0px 0;
}
#paycart-template-7 .orderbump_bottom_outer .order_bump_bottom {
             margin: 20px 0px 5px;
                 padding: 15px 0;
}

.bump_product_div .popup_wrapper_main {
    width: auto;
    margin:  5px auto 5px;
    float: none;
}
.spc_temp4 .popup_wrapper1 .popup_wrapper_inner1 {
    margin-top: 0;
}

#paycart-template-7 .popup_wrapper1.popup_wrapper_main {
    max-width: calc(100% - 90px);
    width: 100%;
}

#paycart-template-8 .bump_product_div .popup_wrapper_main {
    margin: 0 auto 0 0!important
}
#paycart-template-9 .bump_product_div .popup_wrapper_main {
    margin: 0 auto 0 0!important;
}
#paycart-template-9 .bump_product_div .popup_wrapper_main {
    margin-top: 0!important;
}
 #checkout_temp_form .form-outer .popup_wrapper1 .popup_wrapper_inner1 {
    margin: 0px auto 5px;
}

 #paycart-template-1 .main-form2 .orderbump_bottom_outer .order_bump_bottom {
    margin: 00px 0 25px !important;
}
#paycart-template-1 .main-form2 .orderbump_top_outer .order_bump_top {
    margin: 20px 0 20px !important;
}
.checkbox-outer-std.checkbox-outer1{
    background-color:#FFFDA5;
    color:#333
}

 .popup_wrapper1 .popup_wrapper_inner1 {
   width: 1000px;
}

#checkoutWrapper  form#formPayment .popup_wrapper1 .popup_wrapper_inner1{
     width: 1000px;
}

/*.popup_wrapper_main .fa.fa-long-arrow-right {
    font-size: 33px;
    font-weight: bold;
}*/


body.logged-in #checkoutWrapper #paycart-template-8 .popup_wrapper_main .fa.fa-long-arrow-right {top: 4px !important;}

/********New CSS********/
.bump_outer_details .popup_wrapper_main .checkbox-outer1.checkbox-outer-std .edit_bump , 
#checkout_temp_form .bump_outer_details .popup_wrapper_main .checkbox-outer1.checkbox-outer-std .edit_bump,
 #checkoutWrapper .bump_outer_details .popup_wrapper_main .checkbox-outer1.checkbox-outer-std .edit_bump{
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    color: #ffffff;
    padding: 3px 5px;
    font-family: 'DM Sans',sans-serif;
    font-weight: 600;
    /*text-transform: uppercase;*/
    margin: 0;
    padding: 0;  
} 
#checkoutWrapper .bump_outer_details  .edit_bump div{
	font-weight: inherit;
    color: inherit;
    font-size: inherit;
}
.bump_outer_details .popup_wrapper_main .checkbox_bump .edit_bump div, #checkout_temp_form .bump_outer_details .popup_wrapper_main .checkbox_bump .edit_bump div,
#checkoutWrapper .bump_outer_details .popup_wrapper_main .checkbox_bump .edit_bump div{
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    color: #333;
    font-family: 'DM Sans',sans-serif;
    font-weight: 600;
    /*text-transform: uppercase;*/
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
.bump_outer_details  .bumpdetails_outer{
    background-color:#fff;
    color:#333;
    float:left;
    width:100%;
    padding: 14px;
}
.bump_details_top{
    float: left;
    width:100%;
}
.bump_outer_details .checkbox-outer-std.checkbox-outer1{
background-color:#00B476;color:#ffffff;
}
.bump_outer_details  .popup_wrapper1 .popup_wrapper_inner1 {
    padding: 0 !important
}
.bump_outer_details  .popup_wrapper_main .fa.fa-long-arrow-right {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 4px 0px;
    padding: 0;
}
.bump_outer_details  .fa-long-arrow-right {
    position: relative;
    -webkit-animation: mysec 1s infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */
    animation: mysec 1s infinite;
    animation-direction: alternate;
}
#checkout_temp_form  .bump_outer_details  .fa-long-arrow-right {
    position: relative;
    -webkit-animation: mysecd 1s infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */
    animation: mysecd 1s infinite;
    animation-direction: alternate;
}
@-webkit-keyframes mysec {
    0%   {left: 5px; top: 7px;}
    25%  { left: 10px; top: 7px;}
    50%  { left: 10px; top: 7px;}
    75%  { left: 5px; top: 7px;}
    100% { left: 5px; top: 7px;}
}

@keyframes mysec {
    0%   {left: 5px; top: 7px;}
    25%  {left: 10px; top: 7px;}
    50%  { left: 10px; top: 7px;}
    75%  { left: 5px; top: 7px;}
    100% { left: 5px; top: 7px;}
}
@-webkit-keyframes mysecd {
    0%   {left: 5px; top: 4px;}
    25%  { left: 10px; top: 4px;}
    50%  { left: 10px; top: 4px;}
    75%  { left: 5px; top: 4px;}
    100% { left: 5px; top: 4px;}
}

@keyframes mysecd {
    0%   {left: 5px; top: 4px;}
    25%  {left: 10px; top: 4px;}
    50%  { left: 10px; top: 4px;}
    75%  { left: 5px; top: 4px;}
    100% { left: 5px; top: 4px;}
}

#checkout_temp_form  .bump_outer_details .popup_wrapper_inner1 .checkbox_bump {
    padding: 10px 10px 10px 0px!important;
}

#checkout_temp_form  .bump_outer_details .checkbox-outer1 input.add_bump_check {
    margin-left: 10px !important;
}

#checkoutWrapper .bump_outer_details .popup_wrapper_main .bump_details_top .checkbox-outer1.checkbox-outer-std .edit_bump, 
#checkoutWrapper .bump_outer_details .popup_wrapper_main .bump_details_top .checkbox-outer1.checkbox-outer-std .edit_bump * {
    margin: 0px !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-family: 'DM Sans',sans-serif!important;
    font-weight: 500;
    text-transform: none;
    line-height: 1.4;
}

.checkbox-outer1.checkbox-outer-std .checkbox-inner-std {
    display: flex;
    width: auto;
    margin: 0 auto;
    position: relative;
    padding: 0;
    justify-content: flex-start;
    align-items: center;
}

#checkout_temp_form .bump_outer_details .checkbox-outer1 .checkbox-inner-std  input.add_bump_check ,
#checkout_temp_form .bump_outer_details .checkbox-outer1 .checkbox-inner-std .fa-long-arrow-right,
.bump_outer_details .checkbox-outer1 .checkbox-inner-std  input.add_bump_check ,
 .bump_outer_details .checkbox-outer1 .checkbox-inner-std .fa-long-arrow-right,
 #checkoutWrapper .bump_outer_details .checkbox-outer1 .checkbox-inner-std  input.add_bump_check ,
 #checkoutWrapper  .bump_outer_details .checkbox-outer1 .checkbox-inner-std .fa-long-arrow-right {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
}

#checkout_temp_form .bump_outer_details .checkbox-outer1 .checkbox-inner-std input.add_bump_check, 
.bump_outer_details .checkbox-outer1 .checkbox-inner-std input.add_bump_check,
#checkoutWrapper  .bump_outer_details .checkbox-outer1 .checkbox-inner-std input.add_bump_check{
    margin: 0 10px !important;
    min-width: 20px !important;
    min-height: 20px !important;
}

.bump_outer_details .bump_outer_details .checkbox_bump .edit_bump, #checkout_temp_form .bump_outer_details .bump_outer_details .checkbox_bump .edit_bump {padding: 1px 0;}

#checkout_temp_form .bump_outer_details .checkbox-outer1 .checkbox-inner-std input.add_bump_check, 
.bump_outer_details .checkbox-outer1 .checkbox-inner-std input.add_bump_check, 
#checkoutWrapper .bump_outer_details .checkbox-outer1 .checkbox-inner-std input.add_bump_check {margin:0 10px !important;}

#checkout_temp_form .bump_outer_details .checkbox-outer1 .checkbox-inner-std .fa-long-arrow-right, 
.bump_outer_details .checkbox-outer1 .checkbox-inner-std .fa-long-arrow-right ,
#checkoutWrapper .bump_outer_details .checkbox-outer1 .checkbox-inner-std .fa-long-arrow-right
{line-height: 16px;margin-right: 5px !important;position: relative !important;}


.bumpdetails_outer div , .bump_outer_details {
    font-family: 'DM Sans',sans-serif;
}
#checkout_temp_form .bump_outer_details  strong, #checkout_temp_form .bump_outer_details  b {
    font-weight: 800;
    color: inherit;
}
#checkout_temp_form .bump_outer_details .bump_product_name , .bump_outer_details .bump_product_name{
    margin: 3px 0 10px;
}
#checkout_temp_form  .bump_outer_details .bump-arrow-straight, #checkout_temp_form   .bump_outer_details .bump-arrow-straight-left ,
 .bump_outer_details .bump-arrow-straight,  .bump_outer_details .bump-arrow-straight-left{
    margin: 15px 0 0;
}


#paycart-template-10 .orderbump_top_outer .order_bump_top, 
#paycart-template-10  .orderbump_bottom_outer .order_bump_bottom {
    padding: 20px 0px;
}
.spc_temp4 .orderbump_bottom_outer .order_bump_bottom {
    margin: 0px 0px 6px;
}
.popup_wrapper1 .popup_wrapper_inner1 .checkbox-outer1{
	width:100%
}
.mce-opl-boxes-container .mce-container, .mce-opl-boxes-container .mce-container .mce-container-body, .mce-tinymce {
    min-height: auto !important;
}
  .bumpdetails_outer  ul li {
    padding: 0;
    margin: 0;
    margin-left: 12px;
}    
 .bump_popup_outer .bumpdetails_outer em {
    font-family: sans-serif;
    font-weight: 500;
}

.bump_offer_main_inn input[type=checkbox]:checked {
    background: #1e8cbe;
}

.bump_offer_main_inn input[type=checkbox]:checked::before {color: #fff;font-size: 25px;margin: -1px 0 0 -3.4px;}


/* Checkbox Design */

.checkbox-custom-style {width: 20px; height: 20px; position: relative; margin: 0 8px; background: #fcfff4; display: inline-block; min-width: 20px; min-height: 20px; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); transition: .05s border-color ease-in-out; border: 1px solid #7e8993; border-radius: 4px; }

.checkbox-custom-style label, .checkbox-custom-style input[type=checkbox] {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;padding: 0;}

.checkbox-custom-style label::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:hover label::after {opacity: 0.3;}*/

.checkbox-custom-style input[type=checkbox]:checked + label:after {opacity: 1;border-color: #fff;}

.checkbox-custom-style input[type=checkbox], 
.bump_outer_details .checkbox-outer1 .checkbox-inner-std .checkbox-custom-style input[type=checkbox].add_bump_check 
{position: absolute !important;left: -1px !important;top: -1px !important;z-index: 6 !important;margin: 0 !important;opacity: 0 !important;}

.checkbox-custom-style input[type=checkbox]:checked + label {background: rgb(30, 140, 190);}

/* end Checkbox Design */

/* New  Design with id selector */

#bump_outer_details_tempate1 .checkbox-custom-style label, .checkbox-custom-style input[type=checkbox],
#bump_outer_details_tempate1 .checkbox-custom-style span.checkmark, #checkout_temp_form #bump_outer_details_tempate1 .checkbox-custom-style .checkmark
{width: 100% !important; height: 100% !important; cursor: pointer; position: absolute !important; left: 0 !important; top: 0; box-shadow: none; right: 0; bottom: 0; z-index: 2; background: none; margin: 0; padding: 0 !important; border: none; min-width: 100% !important;
min-height: 100% !important;}


#bump_outer_details_tempate1 .checkbox-custom-style span.checkmark, #checkout_temp_form #bump_outer_details_tempate1 .checkbox-custom-style .checkmark {margin-left: 0 !important;}

#checkout_temp_form #bump_outer_details_tempate1.bump_outer_details .checkbox-outer1 .checkbox-inner-std .checkbox-custom-style input.add_bump_check {margin: 0 !important;z-index: 8 !important;-webkit-appearance: checkbox;-moz-appearance: checkbox;appearance: checkbox;position: absolute !important;}

#bump_outer_details_tempate1 .checkbox-custom-style span.checkmark::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);display: inline-block;}


#bump_outer_details_tempate1 .checkbox-custom-style input[type=checkbox]:checked + span.checkmark::after {opacity: 1;}

#bump_outer_details_tempate1 .checkbox-custom-style span.checkmark + label {display: none;}  

#checkout_temp_form #bump_outer_details_tempate1.bump_outer_details .checkbox-outer1 .checkbox-inner-std input.add_bump_check {
	margin: 0 !important;
	position: absolute !important;
	border: none;
	width: 100% !important;
	height: 100% !important;
	z-index: 6 !important;
}
/*
#bump_outer_details_tempate1 .checkbox-custom-style input[type=checkbox] + label::after {
opacity: 1;
}*/

#bump_outer_details_tempate1 .checkbox-custom-style input[type=checkbox]:checked + span.checkmark, 
#bump_outer_details_tempate1 .checkbox-custom-style input[type=checkbox]:checked + label {
background: #437bc1 !important;
}

#bump_outer_details_tempate1 .bump_details_top .checkbox_bump{    background-color: #fff566;}
#bump_outer_details_tempate1 .checkbox-custom-style input[type=checkbox]:checked + span.checkmark::after,
#bump_outer_details_tempate1 .checkbox-custom-style input[type=checkbox]:checked + label::after {
border-color: #fff;
}

#checkout_temp_form #paycart-template-9 form.drag_drop_payment_form #bump_outer_details_tempate1.bump_outer_details .popup_wrapper_inner1 .checkbox_bump.checkbox-outer-std, 
#paycart-template-9 form.drag_drop_payment_form #bump_outer_details_tempate1.bump_outer_details .popup_wrapper_inner1 .checkbox_bump.checkbox-outer-std 
{padding: 10px !important;}

.spc-hand-css-icon .fa-long-arrow-right:before { content: "\f0a4"; }
/*.bump_outer_details .popup_wrapper_main .checkbox_bump .fa.fa-long-arrow-right { top: 50%!important; transform: translateY(5px); }
.bump_outer_details .popup_wrapper_main .checkbox_bump:not(.spc-hand-css-icon) .fa.fa-long-arrow-right { top: 50%!important; transform: translateY(5px); } */
.spc-hand-css-icon .fa-long-arrow-right,
.popup_wrapper_main .spc-hand-css-icon .fa.fa-long-arrow-right{ font-size: 20px; }
/* end  Design with id selector */


    
@media(max-width:640px) {
	.order_bump_Temp {
		width: 100%;
	}   
}

.checkbox-outer1.checkbox-outer-std .checkbox-inner-std i {
    height:20px;
}