/*start of common css of all page*/ a:focus {outline: unset; outline-offset: unset; text-decoration: unset; } .evm_funnel{position: relative; overflow: hidden; background: #fff; color: #411D57; display: block; width: 100%; padding: 20px 0; box-shadow: 0px 15px 10px #411D570D; border: 1px solid #EEEAF0; border-radius: 6px;} .evm-head-bar{display: grid; border-bottom: 1px solid #EEEAF0; padding: 0 20px 20px; gap: 10px; grid-template-columns: 1fr 1fr;} .evm_funnel-head-left h4{color: #411D57; font-weight: 600;} .evm_funnel-head-left span {background: #F7F6F8; border-radius: 18px; color: #411D57; font-size: 13px; line-height: 14px; padding: 4px 15px; } .evm_funnel-head-left {display: flex; justify-content: start; gap: 12px; align-items: center;} .evm_funnel-head-right{display: flex; justify-content: end;} .evm_funnel_table, .evm_funnel_table{padding: 20px 20px; overflow-x: auto;} .evm_funnel-search select, .select-opt-btn select{ width: 100%; min-height: 46px; text-align: center; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 4px 4px #411D570D; border: 1px solid #EBE8EE; border-radius: 4px; color: #543468; font-size: 14px; line-height: 16px;} .evm_funnel-search select, .select-opt-btn select { appearance: none;} .evm-search-dropdwn:after, .select-opt-drpdwn:after {content: ''; position: absolute; top: 38%; right: 15px; width: 8px; height: 8px; border-left: 0.18rem solid #543468; border-bottom: 0.18rem solid #543468; transform: rotate(-45deg);} .name_box label, .select-cmn-tigger h4, .tabcontent h4{font-size: 16px; line-height: 20px; font-weight: 600; display: block; width: 100%; margin-bottom: 0.4rem; } .name_box label{margin-bottom: 12px;} .tabcontent .subheading{margin-bottom: 20px; } .select-cmn-tigger p, .tabcontent .subheading{ font-size: 14px; line-height: 24px; color: #543468;} .selected-product-block{margin: 30px 0; gap: 15px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 5px 5px #411D570D; border: 1px solid #EBE8EE; border-radius: 6px; max-width: 520px; padding: 16px; display: flex; align-items: center; } .selected-product-left{flex: 0 0 95px;} .selected-product-right{flex: 1 1 auto;} .evm_funnel_table .switch, .publish-btn .switch{float: none;} .disabled{ pointer-events: none; opacity: 0.75;} .upsell_product_img{width: 95px;height: 95px;border-radius: 4px;} .hidedivpreview{display: none ;} .evm_loader{text-align: center;} .evm_loader_img{text-align: center; width: 100%; max-width: 120px; margin: 21px auto 0; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .evm_spinloader_img{max-width: 65px;} .postpurchase_siderbar .btn.focus, .postpurchase_siderbar .btn:focus, .postpurchase_siderbar .btn:hover {color: #fff;} .btn.focus, .btn:focus, .btn:hover {color: #fff;} .infotool{position: relative; padding-left: 5px;} .info-text{visibility: hidden; width: 320px; background-color: #fff; color: #411D57; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; top: -12px; left: 85px; z-index: 1; margin-left: -60px; opacity: 0; transition: opacity 1s; font-size: 12px; line-height: 22px; box-shadow: -1px 0px 10px #411d573b; } .infotool:hover .info-text, .analytic_btn:hover .info-text, .edit_btn:hover .info-text, .delete_btn:hover .info-text, .rollback_btn:hover .info-text{visibility: visible; opacity: 1;} .top-menu-bar ul.navbar-right>li>a.wiserchkout_cross:active{ background: transparent !important; border: none !important;} .ws-input-info{font-size: 13px; line-height: 20px;} .select-cmn-tigger{margin-top: 35px;} .analytic_btn .info-text, .edit_btn .info-text, .delete_btn .info-text, .rollback_btn .info-text{width: max-content; top: 20px; left: 0; right: 0; margin-left: -20px; padding: 5px 12px;} .analytic_btn, .edit_btn, .delete_btn, .rollback_btn{position: relative;} .disable_msg_pro, .disable_msg_coll{ display:none; } #loader-wrapper {position: fixed; width: 100%; height: 100%; z-index: 1000; background: rgb(255 255 255 / 75%); } #loader {display: block; position: relative; /*left: 47%; top: 45%; width: 70px; height: 70px;*/ border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } #loader:before {content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */} #loader:after {content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } #evmtimer{padding-left: 8px; } .ppu-check-price{display: flex; align-items: center; gap: 10px;} /* end of common css of all page */ /* Start of video button Css */ .btn-setup-video{color: #411D57; border: 1px solid #411D57;} .btn-setup-video:hover{background: #411D57; color: #fff;} .evm-video-instructions{ padding: 9px 8px; transition: 0.4s ease; display: flex; align-items: center; gap: 7px; } /* end of video button Css */ /* Start of Main funnel page Css */ .alert.ppu-alert{flex-direction: row; align-items: center; gap: 10px; padding: 12px; color: #411D57; background: #fff3f7; border-color: #edc4d2; box-shadow: none;} .alert.ppu-alert:after {content: none;} .tabs-loader{position: absolute; background: #ffffff; width: 100%; height: 100%; top: 0; } .tabs-loader .evm_loader_img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; } .evm-head-bar.evm_funnel-bar{grid-template-columns: 0.5fr 1fr;} .evm_funnel-search{display: flex; justify-content: end; gap: 10px;} .search-form{min-width: 350px; min-height: 46px; position: relative; display: flex; flex-direction: row-reverse;margin-right: 0px; box-shadow: 0px 4px 4px #411D570D; border: 1px solid #EBE8EE; border-radius: 4px;} .search-form input{width: 92%; border: none; color: #543468; font-size: 14px; line-height: 16px;} .search-form ::-webkit-input-placeholder, .select-opt-btn ::-webkit-input-placeholder {color: #543468; font-size: 14px; line-height: 16px; } .search-form :-ms-input-placeholder, .select-opt-btn :-ms-input-placeholder {color: #543468; font-size: 14px; line-height: 16px; } .search-form input::placeholder, .select-opt-btn input::placeholder{color: #543468; font-size: 14px; line-height: 16px; } .search-form button { background: transparent; border: none; text-align: left; justify-content: flex-start; display: inline-flex; align-items: center; width: auto; margin: 0 auto;} .search-form select{background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 4px 4px #411D570D; border: 1px solid #EBE8EE; border-radius: 4px; min-width: 160px; text-align: center; padding: 10px;} .evm_funnel_table table{width: 100%; overflow: hidden;} .evm_funnel_table table tr:first-child{background: #F7F6F8; border-radius: 6px; width: 100%; text-align: left;} .evm_funnel_table table tr{ box-shadow: 0px 5px 5px #411D570D; border: 2px solid #EBE8EE; border-radius: 6px;} .evm_funnel_bottom{ display: flex; align-items: center; justify-content: flex-end; padding: 0 20px; } .funnel-arc-link, .funnel-act-link{color: #411d57; border: 1px solid #411d57; padding: 6px 16px; border-radius: 4px; transition: 0.4s ease;} .funnel-arc-link:hover, .funnel-act-link:hover{color: #fff; background: #411d57;} .evm-doc-ins:hover {color: #DB1F76; transition: 0.4s ease; } .evm-search-dropdwn{ position: relative; width: 100%; max-width: 140px; } .evm-calender-icon{ position: absolute; top: 15px; left: 9px; } .evm_funnel-btn .btn{display: flex; align-items: center; gap: 8px; padding: 11px 14px; font-size: 14px; line-height: 16px; } .evm_funnel-btn span{ width: 16px; height: 16px; } .evm_funnel-btn .btn-primary, .evm_funnel-btn .btn-primary:active:hover, .evm_funnel-btn .btn-primary, .evm_funnel-btn .btn-primary:active:hover, .evm_funnel-btn .btn-primary, .evm_funnel-btn .btn-primary:active:focus, .evm_funnel-btn .btn-default{padding:11px 8px; font-size: 14px;} .evm_funnel_pagination, .evm_funnel_btns{flex: 1 1 50%; gap: 14px; display: inline-flex; justify-content: flex-end;} .evm_funnel_btns{ text-align: right; } .nxt_btn, .prev_btn {border-radius: 4px; text-decoration: none; font-size: 14px; line-height: 16px; padding: 10px 15px; border: 1px solid #DAD4DF; color: #411D57; background: #fff; text-align: center; display: inline-flex; width: 94px; justify-content: center; } .nxt_btn{background: #F7F6F8} .nxt_btn:hover, .prev_btn:hover{ color: #411D57;} .evm_funnel_table table { border-spacing: 0 15px; border-collapse: separate;} .evm_funnel_table .table_heade_row{background: #FFFFFF; box-shadow: 0px 5px 5px #411D570D; border: 1px solid #EBE8EE; border-radius: 6px; } .evm_funnel_table .table_heade_row th, .evm_funnel_table td{padding: 16px 12px; border-top: 1px solid #EBE8EE; border-bottom: 1px solid #EBE8EE;white-space: nowrap;} .evm_funnel_table .table_heade_row th:first-child,.evm_funnel_table td:first-child{border-left: 1px solid #EBE8EE; border-radius: 6px 0 0 6px;} .evm_funnel_table .table_heade_row th:last-child, .evm_funnel_table td:last-child{border-right: 1px solid #EBE8EE; border-radius: 0 6px 6px 0;} .evm_funnel_table .table_heade_row th{color: #411D57; text-transform: capitalize; font-size: 14px; line-height: 16px;} .evm_funnel_table td{color:#543468; text-transform: capitalize; font-size: 14px; line-height: 16px;white-space: nowrap;} .evm_funnel_table button{background: #F1EFF3; border: none; padding: 8px; border-radius: 4px; margin-right: 6px;} .more_btn svg {margin-bottom: 2px;} .no-funnel-text .evm_funnel-btn{text-align: center; display: flex; width: 100%; justify-content: center; } .no-funnel-blck{text-align: center; padding: 20px; min-height: 550px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 14px; margin-top: 25px; } .no-funnel-text{ display: flex; flex-direction: column; gap: 10px; } .edit_btn, .delete_btn, .rollback_btn{ width: auto; vertical-align: middle; padding-right: 10px; cursor: pointer; } .analytic_btn{width: auto; vertical-align: middle;} /*end of funel css*/ /*start of create funel css*/ .evm_funnel-btn .all-funnel-btn{ letter-spacing: 0; box-shadow: 0px 4px 4px #411D570D; border: 1px solid #D9D2DD; border-radius: 4px; color: #fff; background: #db1f76;} .evm_funnel-btn .all-funnel-btn:hover, .evm_funnel-btn .all-funnel-btn:focus{ color: #fff; background: #411D57; } .tabcontent{flex: 0 0 100%; width: 100%; margin-top: 0px;} .evm_funnel-tabs{position: relative; padding: 20px 20px 0; display: flex; align-items: flex-start; gap: 20px; flex-direction: column; flex-wrap: wrap; margin: 0 auto; max-width: 100%; padding: 0 3.2rem; text-align: left;} .tab{ flex-direction: row; border: none; padding: 20px 0 15px; border-bottom: 1px solid #EEEAF0; justify-content: flex-start; text-align: left; align-items: flex-start; width: 100%; flex: 0 0 100%; display: inline-flex;} .name_box input {padding: 0 12px; border-radius: 4px; width: 50%; margin-bottom: 10px; font-size: 14px; line-height: 16px; background: transparent; border: 1px solid #EBE8EE; min-height: 40px; box-shadow: 0px 5px 5px #411D570D;} .cmn-btn{ margin-top: 20px; margin-bottom: 20px; background: #FFFFFF; box-shadow: 0px 5px 5px #411D570D; border: 1px solid #EBE8EE; border-radius: 6px; padding: 15px; } .cmn-btn label, .select-opt-one label, .select-opt-two label{margin-bottom: 0; padding-left: 12px; font-size: 14px; line-height: 16px; font-weight: 600;} .evm_or-block{padding: 8px 0; position: relative;} .evm_or-block h4{font-weight: 600; color: #db1f76; text-transform: uppercase; background: #FFF3F7; border-radius: 4px; max-width: max-content; padding: 8px; font-size: 14px; line-height: 16px; } .evm_or-block:after {position: absolute; top: 50%; left: 48px; width: 95%; height: 1px; background: #fbd1df; display: block; content: ''; } .select-opt-tigger{display: flex; align-items: flex-start; gap: 50px; margin-top: 20px;} .select-opt-tigger> div{ flex: 1 1 50%; background: #FFFFFF; box-shadow: 0px 5px 5px #411D570D; border: 1px solid #EBE8EE; border-radius: 6px; padding: 15px; } .select-opt-btn{margin: 20px 0 10px; display: flex; align-items: center; gap: 18px;} .select-opt-btn .btn{ background: #FFFFFF; border:1px solid #EBE8EE; border-radius: 4px; padding: 11px 14px; font-size: 14px; line-height: 16px; color: #411D57; letter-spacing: 0; } .select-opt-btn .btn.select-product, .select-opt-btn .btn.select-collection{background: #411D57; border: 1px solid #411D57; color: #fff;} .select-opt-btn .select-opt-drpdwn{width: 30%; position: relative;} .select-opt-btn input {background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #D9D2DD; border-radius: 4px; min-height: 40px; padding: 11px 14px; width: 70%; } .evm_funnel-tabs .tab .tablinks{ display: inline-flex; align-items: center; margin-right: 38px; text-align: center; position: relative; min-height: 32px; background: #fff; font-weight: 600; color: #411D57; border-radius: 4px;} .evm_funnel-tabs .tab .tablinks.active {color: #db1f76; } /*.evm_funnel-tabs .tab .tablinks:not(:last-child):after {content: ''; position: absolute; top: 20px; right: -21px; border-top: 2px solid #D9D2DD; border-right: 2px solid #d9d2dd; width: 16px; height: 16px; transform: rotate(45deg);}*/ .evm_funnel-tabs .tab .tablinks.active:not(:last-child):after{ border-color: #db1f76;} .evm_funnel-tabs .tab .tablinks a{display: flex; font-size: 16px; line-height: 16px; align-items: center; border: none; padding: 0 12px 0; color: #411D57; margin-right: unset; line-height: unset; border-radius: 4px; background: #fff; transition: 0.4s ease;} .evm_funnel-tabs .tab .tablinks.active a, .evm_funnel-tabs .tab .tablinks:hover a{ color:#db1f76; position: relative;} .evm_funnel-tabs .tab .tablinks.active a:after {content: ''; position: absolute; bottom: -19px; left: 0; background: #db1f76; width: 100%; height: 3px;} .evm_funnel-tabs .tab .tablinks span{margin-right: 10px; transition: 0.4s ease;} .evm_funnel-tabs .tab .tablinks.active span, .evm_funnel-tabs .tab .tablinks.active:hover span {border-color: #db1f76; position: relative; color: transparent;} /*.evm_funnel-tabs .tab .tablinks:hover span {border-color: #db1f76; color: #db1f76; } .evm_funnel-tabs .tab .tablinks.active span:after {content: ''; border-left: 3px solid #db1f76; border-bottom: 3px solid #db1f76; width: 14px; height: 8px; display: block; transform: rotate(-45deg); position: absolute; top: 8px; left: 6px; }*/ .publish-btn .switch{ margin-left: 10px; } .publish-btn{display: flex; align-items: center;} .publish-btn span{ font-weight: 600; } .selected-product-right h5{font-weight: 600; line-height: 16px; padding-bottom: 8px;} .selected-product-right p{font-size: 14px; line-height: 16px; margin-bottom: 20px;} .evm_nxt-prev{padding: 40px 0px 20px; text-align: left; display: flex; justify-content: flex-start; gap: 12px;} .evm_nxt-prev button{background: #db1f76; color: #fff; letter-spacing: 0; box-shadow: 0px 4px 4px #411D570D; border: 1px solid #D9D2DD; border-radius: 4px; font-size: 14px; line-height: 16px; min-height: 40px; padding: 12px 16px; } .evm_nxt-prev button.btnPrevious{color: #db1f76; background: transparent; border-color: #db1f76; } .evm_nxt-prev button.btnPrevious:hover {background: #db1f76; color: #fff;} .evm_up-conditional-blck{display: flex; align-items: flex-start; gap: 30px; margin-top: 50px;} .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ border: none; } .evm_top_save_btn{position: absolute; top: -18px; right: 0;} input:focus-visible { outline-offset: 0px; outline: #FF136333 auto 1px;} .tablinks.active svg path, .tablinks:hover a span svg path{stroke: #db1f57;} .tablinks.active a span.click-upsell-icon svg path, .tablinks:hover a span.click-upsell-icon svg path{stroke: #db1f57; fill: #db1f57;} .evm_funnel-tabs .tab .tablinks a:hover {border: none;} input[type=checkbox] {accent-color: #db1f76; width: 14px; height: 14px; margin-top: 0;} .in-la-blck{ display: flex; align-items: center; margin-bottom: 8px; margin-top: 10px;} .evm_nxt-prev button:hover {background: #411D57; color: #fff;} .evm_up-conditional-acc, .evm_up-conditional-dec{width: 40%;} .upsell_product_img img{display: block; width: 100%; width: 100%; height: 100%; object-fit: cover; object-position: top;} .evm-tab-disable{pointer-events: none; opacity: 0.75;} .evm_disable-msg{margin-bottom: 0;} .evm_emp-sele-block .btn.focus, .evm_emp-sele-block .btn:focus, .evm_emp-sele-block .btn:hover {color: #fff; text-decoration: none;} .select-opt-btn .btn:hover{background: #411D57; color: #ffffff; border-color: #411D57; } .select-opt-btn .btn.select-product:hover, .select-opt-btn .btn.select-collection:hover{background: transparent; border: 1px solid #411D57; color: #411D57;} .selected-product-right .evm_upsell2productcount-preview{margin-bottom: 10px;} .evm_up-conditional-acc .selected-product-right h5 {margin-bottom: 0; margin-top: 0;} .cmn-btn .in-la-blck{margin-top: 2px; margin-bottom: 2px;} .evm_up-conditional-blck h4{margin-bottom: 1.5rem;} /*end of create funnel css*/ /* ppu Css Start */ /* .evm_ppu{padding-top: 10px;} */ .evm_ppu h4{margin-top: 0;} .evm_ppu .evm_up_step{background: #F7F6F8 0% 0% no-repeat padding-box; border-radius: 17px; max-width: max-content; padding: 4px 18px; font-size: 13px; font-weight: 500; margin-top: 8px;} .evm_emp-sele-block{ height: 120px; background: #F7F6F8; border: 2px dashed #411D57; border-radius: 2px; display: flex; align-items: center; justify-content: center; max-width: 450px; margin-top: 30px; } .evm_emp-sele-btn{background: #411D57; color: #ffffff; box-shadow: 0px 5px 5px #411D570D; border: 1px solid #411D57; border-radius: 6px; font-size: 14px; line-height: 16px; min-height: 40px; padding: 12px 20px;} .evm_edit-btn{background: #FFFFFF; letter-spacing: 0; border: 1px solid #D9D2DD; border-radius: 4px; font-size: 14px; line-height: 16px; color: #411D57; padding: 8px 17px; margin-right: 8px;} .evm_delete-btn{background: #F1EFF3; letter-spacing: 0; border: 1px solid #F1EFF3; border-radius: 4px; font-size: 14px; line-height: 16px; color: #411D57; padding: 8px 17px;} .evm_delete-btn:hover {background: #411D57; color: #fff;} .evm_edit-btn:hover, .evm_edit-btn:focus {background: #F1EFF3; border: 1px solid #F1EFF3; color: #411D57} /* ppu Css end */ /* modal Css start */ /*.ws-modal {width: 100%; padding: 0; height: 100%; top: 30%; left: 50%; transform: translate(-50%, -25%); text-align: center;} */ #mainradios, #downsellopt, #mainradio{ /* border-bottom: 1px solid #e5e5e5; */ padding-bottom: 10px; margin-bottom: 15px; display: flex; align-items: center; column-gap: 15px; border-bottom: none; } #automatDivVal, #manualDivSel, #automaticdivupsell, #manualdivupsell, #automaticdivDownsell, #manualdivDownsell{padding: 0 0; max-width: 480px;} #wsPpuModal .ws-modal-body, #wsPpuAccModal .ws-modal-body, #wsPpuDecModal{padding: 15px 15px;} /* #mainradios .nav-tabs, #mainradio .nav-tabs, #downsellopt .nav-tabs{width: 100%; border-bottom: 1px solid #e7e7e7;} .ws-pp-cp-modal .tab-content, #wsPpuAccModal .tab-content, #wsPpuDecModal .tab-content{padding: 20px;} .ws-pp-cp-modal .tab-content .sam_class .form-group label, #wsPpuAccModal .tab-content .form-group label, #wsPpuDecModal .tab-content .form-group label{margin-bottom: 10px;} #mainradios ul .ws-tab-item, #mainradio ul .ws-tab-item, #downsellopt ul .ws-tab-item{ width: 20%; text-align: center; } #mainradios ul .ws-tab-item:first-child::after { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 43px; background: #ebe8ee; } #mainradios ul .ws-tab-item a, #mainradio ul .ws-tab-item a, #downsellopt ul .ws-tab-item a{border: 1px solid transparent; color: #411d57; padding-left: 0; padding-right: 0;} #downsellopt .nav>li>a:hover, #downsellopt .nav .ws-tab-item.active, #downsellopt .nav>li>a:focus, #mainradios .nav>li>a:hover, #mainradios .nav .ws-tab-item.active, #mainradios .nav>li>a:focus, #mainradio .nav>li>a:hover, #mainradio .nav .ws-tab-item.active, #mainradio .nav>li>a:focus{ background: #fff; font-weight: 500; color: #411d57; } #mainradios .nav .ws-tab-item.active, #mainradio .nav .ws-tab-item.active, #downsellopt .nav .ws-tab-item.active{border-bottom: 2px solid #db1f76;} */ #wsPpuModal .ws-search_products_container input, #wsPpuAccModal .ws-search_products_container input, #wsPpuDecModal .ws-search_products_container input{font-size: 14px;} #mainradios input[type="radio"], #downsellopt input[type="radio"], #mainradio input[type="radio"] { accent-color: #db1f76; height: 15px; width: 20px; /* position: absolute; visibility: hidden; opacity: 0; */ } div#mainradios , #downsellopt , #mainradio{ display: flex; align-items: center; column-gap: 10px; padding-bottom: 0; margin-bottom: 10px; } div#mainradios label.upsellcontainer, div#mainradio label.upsellcontainer, #downsellopt label.upsellcontainer{ display: flex; gap: 5px; align-items: center; border: 1px solid #e5e5e5; padding: 5px 10px; border-radius: 4px; cursor: pointer; } div#mainradios label.upsellcontainer.ppactive, #downsellopt label.upsellcontainer.ppactive, div#mainradio label.upsellcontainer.ppactive { border-color: #411d57; } #handpickedCheckboxContainer, #handpickedCheckboxContainer2, #handpickedCheckboxContainer3{ display: flex; align-items: center; gap: 5px; } #handpickedCheckboxContainer input[type=checkbox], #handpickedCheckboxContainer2 input[type=checkbox], #handpickedCheckboxContainer3 input[type=checkbox]{ margin-top: 0; } #handpickedCheckboxContainer2 label, #handpickedCheckboxContainer label, #handpickedCheckboxContainer3 label{ margin-bottom: 0; } .ws-modal input {padding: 0.7rem 1rem; border: 1px solid #ddd; border-radius: 5px; font-size: 0.9em;} .ws-modal input[type="radio"] { margin-top: 0!important; } .ws-modal p {font-size: 0.9rem; color: #777; margin: 0.4rem 0 0.2rem;} .ws-modal-content{max-width: 600px; width: 100%; padding: 0; box-shadow: none; background-color: white; border: 1px solid #ddd; border-radius: 15px; margin: 8% auto 0;} .ws-modal-header{background: transparent; color: #411D57; padding: 12px 25px; position: relative; display: flex; align-items: center;} .ws-modal-body{padding: 22px 25px; overflow-y: auto; overflow-x: hidden; width: 100%; display: block; height: 30vh;} .ws-search_selected_container, .target_search_selected_container, .col_search_selected_container {display: flex; padding: 20px 0px 20px; margin: 0 0 0 20px; overflow: auto; } .ws-search_products_container{position: relative;} .ws-search_products_container svg{ position: absolute; top: 50%; left: 15px; transform: translateY(-50%); } .ws-search_products_container input {border: 1px solid #EBE8EE; padding-left: 40px; font-size: 16px; color: #543468; min-height: 40px; box-shadow: none; } .ws-search_products_container input::placeholder{color:#543468;} .ws-search_products_container :-ms-input-placeholder{color:#543468;} .ws-search_products_container ::-webkit-input-placeholder{color:#543468;} .ws-modal-title{ font-size: 20px; line-height: 20px; } .btn.btn-save-pro{background: #db1f76; color: #ffff; min-height: 40px; font-size: 14px; line-height: 16px; letter-spacing: 0; font-weight: 600;} .ws-modal-footer{padding: 22px 25px;} .ws-modal-header .ws-close_button{opacity: 1; transition: 0.4s; margin: 0 0 0 auto;} .ws-modal-header .ws-close_button:hover{opacity: 1;} /* .ws-modal-header .ws-close_button span{font-size: 24px; line-height: 24px; } */ .ws-modal-footer .ws-close_button{ background: #db1f76; border: 1px solid #db1f76; border-radius: 4px; color: #ffffff; font-size: 14px; line-height: 16px; font-weight: 400; min-width: 90px; text-transform: capitalize; min-height: 40px; letter-spacing: 0; } .ws-product_upsellNoresults p{text-align: center; font-size: 14px; color: #db1f76; text-transform: capitalize; padding-top: 22px; margin: 0; } .ws-modal-footer .ws-close_button:hover {background: #411d57; border-color: #411d57;} .ws-modal-header .ws-close_button:hover {background: transparent !important;} .ws-modal-header .ws-close_button:hover svg rect{fill: #411d57; fill-opacity: 1;} .ws-modal-header .ws-close_button:hover svg path{stroke: #fff;} .ws-modal-header .ws-close_button svg rect, .ws-modal-header .ws-close_button svg path {transition: 0.4s;} /* ppu inner css start*/ .upsell_productresults_bundle{display: block; width: 100%; border: 1px solid #EEEAF0; border-bottom: none; } .upsell_productimg_cont{display: flex; align-items: center; gap: 12px; padding: 5px 10px;} .search_product{width: 10%;} .upsell_productresults_bundle .upsell_product_img{ width:10%; height: 100%; border-radius: 6px;} .ws-modal .upsell_product_img img{ width: 100%; display:block; max-width: 35px; } .upsell_product_name{ width: 80%; color: #411D57; } .upsell_variant_bundle{ width: 100%; display: inline-flex; position: relative; flex-direction: column; text-align: left; border: none; border-radius: 0;box-shadow: unset;margin-bottom: 0; border-top: 1px solid #EEEAF0;} .search-variant-section{display:flex; gap:10px; align-items:center; border-bottom: 1px solid #EEEAF0; padding: 10px; padding-left: 65px; } .search-variant-section span{color: #411D57;} .upsell_productresults_bundle:first-child {margin-top: 15px; border-radius: 4px 4px 0 0;} .upsell_productresults_bundle:last-child {border-radius: 0px 0px 4px 4px; border-bottom: 1px solid #EEEAF0;} .search-variant-section:last-child {border-bottom: none;} /*.ws-product_results.target_product_results{border: 1px solid #EEEAF0; margin-top: 22px; border-radius: 4px;} */ /*ppu iner css end*/ /*Hide CSS star*/ .hidediv{display: none;} /*Hide CSS end*/ .evm-doc-ins{padding: 9px 0 9px 8px; color: #543468; display: flex; align-items: center; gap: 7px;} .evm-doc-ins:hover svg path{stroke: #DB1F76;} .evm-video-instructions:hover svg g path{stroke: #ffffff;} /*Edit page css start*/ .ui-sortable{padding-left: 0;} .ui-sortable li{display: flex; align-items: center; gap: 10px; } /*Edit page css end*/ /*Edit dashboard css start*/ .dash_email_top{ padding: 14px 20px; background: #FFF4F4; border-radius: 8px; border-color: #E0B3B2; border-width: 0.19999rem; display: flex; align-items: flex-start; justify-content: space-between; color: #411D57; flex-direction: column; } .action-heading{ display: flex; align-items: center; margin-bottom: 5px; } .action-heading h3{margin-top: 8px;font-size: 18px;} .dash_email_top .ws_new_heading p{ font-size: 16px; line-height: 24px; margin-bottom: 0px; } .dash_email_top a {margin-left: 0; margin-top: 0px;} .ws_new_heading.ws_dektop{display: flex; align-items: center; width: 100%;} .ws_new_heading .setup-text{ width: 80%; } .ws_new_heading .setup-btn{ width: 20%; display: inline-flex; align-items: flex-end; justify-content: flex-end;} a.close.ws_btnclose.dash_email_top{padding:0; align-items: center; background: #FFF4F4 !important; border: 1px solid #E0B3B2;} /*Edit dashboard css end*/ .ws-sel-up-pro{padding: 10px; align-items: flex-start; background: #FFFFFF; box-shadow: 0px 5px 5px #411D570D; border: 1px solid #EBE8EE; margin: 0; border-radius: 6px; column-gap: 10px; flex-wrap: wrap;} .ws-sel-up-pro .selected-product-left, .ws-mul-up-pro li .selected-product-left{flex: 0 0 30%;} .ws-sel-up-pro .upsell_product_img, .ws-mul-up-pro li .upsell_product_img{width: 70px; height: 68px; } .ws-sel-up-pro .selected-product-right, .ws-mul-up-pro li .selected-product-right{flex: 0 0 65%;} .ws-sel-up-pro .selected-product-right h5, .ws-mul-up-pro li .selected-product-right h5{font-size: 13px; line-height: 16px; font-weight: 400; color: #411D57; margin: 0; padding-bottom: 10px;} .ws-sel-up-pro .evm_emp-sele-btn, .ws-mul-up-pro li .evm_emp-sele-btn{border: 1px solid #D9D2DD; box-shadow: unset; border-radius: 4px; background: transparent; transition: 0.4s ease; color: #543468; font-size: 12px; line-height: 20px; min-height: 30px; padding: 0 8px; letter-spacing: 0; } a#add_upsell_product {line-height: 30px;} .ws-mul-up-pro.ui-sortable li{cursor: inherit; margin-bottom: 18px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 5px 5px #411D570D; border: 1px solid #EBE8EE; border-radius: 6px; padding: 10px; position: relative;} li#show_updated_pro:empty{display:none;} .ws-mul-up-pro.ui-sortable .drag-img{position: absolute; cursor: grab; top: 50%; left: -8px; transform: translateY(-50%); background: #fff; border: 1px solid #EBE8EE; padding: 2px; border-radius: 2px;} .ws-mul-up-pro.ui-sortable .delete_upsell{background-color: #F1EFF3; border: 1px solid #F1EFF3; border-radius: 4px; color: #543468; font-size: 13px; line-height: 24px; padding: 2px 14px;} .mor-pro-btn .btn{width: 100%; color: #ffffff; background: #411D57; border-radius: 4px; border: none; text-transform: capitalize; font-size: 14px; line-height: 24px; min-height: 40px } .ws-order_num{color: #543468; font-size: 12px; line-height: 17px; padding-bottom: 2px;} .ws-order_confirm{font-size: 14px; line-height: 17px; color: #543468; font-weight: 600; padding-bottom: 2px;} .ws-order_link{color: #3FD05F; font-size: 12px; line-height: 17px; padding-bottom: 2px;} .ws-chckupProduct {display: flex; align-items: center; column-gap: 10px; border-bottom: 1px solid #EBE8EE; padding: 25px; } .c_top_sec{ padding: 40px 25px 80px; width: 100%; display: block; float: left; } .c_top_sec .upsell-pro-single, .upsell-pro-head{padding: 0; max-width: 650px; margin: 0 auto; text-align: center; float: none; } .c_top_sec .ws-main-heading{margin: 5px 0; font-weight: 600; line-height: 24px;} .c_top_sec .ws-subheading{margin: 5px 0; line-height: 24px;} .ws-upsell-timer-row{border-radius: 6px; min-height: 40px; display: flex; align-items: center; justify-content: center; } .ws-recommended_product{display: flex; align-items: center; column-gap: 0px; } .ws-recommended_product-img{display: inline-flex; width: 50% } .c_top_sec .ws-recommended_product .ws-recommended_product-img img { border-radius: 0px; height: 90%; width: 90%; max-width: 90%; text-align: right; } .c_top_sec .chckupName_price{display: inline-flex; flex-direction: column; text-align: left; width: 50%} .c_top_sec .add_button button{width: 100%; margin: 6px 0; border-radius: 4px; min-height: 38px; font-weight: 500; padding: 10px 14px;} .c_top_sec .decline_button button{width: 100%; min-height: 38px; margin: 0; border: 1px solid #D9D2DD; border-radius: 4px; color: #411D57; font-weight: 500; font-size: 14px; padding: 10px 14px; background: transparent; } .ws-product-variants{ margin: 6px 0; } .ws-product-variants label {display: block; font-size: 15px; line-height: 24px; font-weight: 500; padding-bottom: 4px;} .ws-product-variants select{width: 100%; border: 1px solid #D9D2DD; border-radius: 4px; background: transparent; min-height: 38px; padding: 10px; color: #765C86; font-size: 14px; line-height: 24px; } .multi-pro-div{ /*display: flex; align-items: center; flex-wrap: wrap; gap: 30px; max-width: 1024px; margin: 0 auto;*/ display: flex; align-items: center; flex-wrap: wrap; gap: 30px; max-width: 100%; justify-content: center; } .ws-recommended_product-item{width: 60%; flex: 0 0 60%;} .evm_emp-sele-btn, .evm_emp-sele-btn:hover, .evm_emp-sele-btn, .evm_emp-sele-btn:focus{background: #411D57;} .postpurchase_siderbar .sidebar .active>a>.fa.arrow:before {content: "\f106";} .postpurchase_siderbar .sidebar .fa.arrow:before {content: "\f107";} .top-menu-bar ul.navbar-right>li>a.wiserchkout_cross:focus {border: 1px solid transparent !important; background: transparent !important; outline: unset; } .checkout_upsell_main .container-fluid #upsell_checkoutt_preview{padding: 15px 10px;} .delete_upsell_single, .delete_upsell2_single{ background: #F1EFF3 0% 0% no-repeat padding-box; border-radius: 4px; border: none; color: #543468; font-size: 13px; line-height: 24px; padding: 2px 14px; } .postpurchase_siderbar .navbar-header{display: flex; min-height: 70px; align-items: center; flex-direction: row-reverse; justify-content: space-between;} .postpurchase_siderbar .navbar-default .navbar-brand {display: none; width: 70%;} .postpurchase_siderbar .navbar-default .navbar-brand img{margin: 0;} .postpurchase_siderbar .wiserchkout_cross{width: 25%; padding-left: 14px;} .postpurchase_siderbar .wiserchkout_cross {width: 100%; padding-left: 20px; color: #543468; font-size: 16px; line-height: 24px; position: relative; margin-left: 18px; transition: 0.4s ease;} .postpurchase_siderbar .wiserchkout_cross:before {content: ''; width: 10px; height: 10px; display: block; border-left: 0.094rem solid #543468; border-bottom: 0.094rem solid #543468; position: absolute; top: 7px; left: 4px; transform: rotate(45deg); transition: 0.4s ease; } /*.postpurchase_siderbar .wiserchkout_cross:after {content: ''; width: 1px; height: 100%; background: #D9D2DD; position: absolute; right: -10px; }*/ .postpurchase_siderbar .wiserchkout_cross:hover:before {border-color: #db1f76;} .postpurchase_siderbar .portlet-title .displayVersions a{height: auto; width: 50px; min-height: 50px; display: flex; align-items: center; padding: 0; text-align: center; justify-content: center; } .postpurchase_siderbar .portlet-title .displayVersions a.active{background: rgba(255, 19, 99, 0.05) !important; border-radius: 4px; opacity: 0.74;} .postpurchase_siderbar .portlet-title .displayVersions a.active svg path, .postpurchase_siderbar .portlet-title .displayVersions a.active svg line{ stroke: #db1f76; } .postpurchase_siderbar .portlet-title .displayVersions a:not(:last-child){ margin-right: 5px; } .postpurchase_siderbar .wiserchkout_cross:hover{color: #db1f76; text-decoration: unset;} .checkout_upsell_main .container-fluid #upsell_checkoutt_preview .portlet-body-container{ padding:0; } .panel .panel-body .form-control{color:#765C86; border: 1px solid #D9D2DD; border-radius: 4px; -webkit-box-shadow: unset; box-shadow: unset; margin-bottom: 10px;} .selected-product-left img{border-radius: 4px;} .wiser_theme_editor div#product_review p, .wiser_theme_editor div#wcustom_css p {color: #765C86;} .multi-pro-div .ws-recommended_product{column-gap: 10px;} #wsProeditModal .ws-modal-header .ws-close_button span, #wsColleditModal .ws-modal-header .ws-close_button span{font-size: 22px; line-height: 20px;} #wsProeditModal{height: max-content;} /* mobile view */ .mobileview-checkout .ws-chckupProduct{padding: 15px;} .mobileview-checkout .c_top_sec {padding: 15px 15px 40px;} div#previewdiv.mobileview-checkout .ws-recommended_product {padding: 0;} .mobileview-checkout .ws-recommended_product{column-gap: 0; flex-direction: column; row-gap: 20px;} .mobileview-checkout .ws-recommended_product-img {width: 10%;} div#previewdiv.mobileview-checkout .chckupName_price {width: 100%;} .mobileview-checkout .ws-product-variants, .mobileview-checkout .c_top_sec .add_button button {margin: 12px 0;} .mobileview-checkout .ws-recommended_product-item {width: 100%;} .mobileview-checkout .checkout_row p{display: block;} .mobileview-checkout .checkout_row p span{padding-left: 5px;} div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{background-color: #db1f76 !important; color: #fff !important; font-size: 14px !important; padding: 8px 16px !important; text-transform: capitalize !important; font-family: inherit !important;} div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel{background-color: #fff !important; border: 1px solid #db1f76 !important; color: #db1f76 !important; font-size: 14px !important; padding: 8px 16px !important; text-transform: capitalize !important; font-family: inherit !important;} div:where(.swal2-container) h2:where(.swal2-title){font-size: 20px !important; color: #411d57 !important;} div:where(.swal2-container) .swal2-html-container{font-size: 16px !important; color: #543468 !important;} div:where(.swal2-container) button:where(.swal2-close){color: #411d57 !important;} div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {box-shadow: none !important;} div:where(.swal2-container) div:where(.swal2-popup){width: 50em !important;} /* .form-control.shipping_charges-input { display: flex; gap: 3px;} */ .shipping_charges-inputVal{display: inline-block; width: 94%; padding: 0;} .shipping_charges-inputVal{border: none; background: transparent; display: inline-block; margin-bottom: 0; } .shipping_charges-currency{display: inline-block;} input.shipping_charges-inputVal:focus-visible {outline-offset: 0px; outline: unset;} @media only screen and (max-width: 1600px){ .select-opt-tigger{gap: 30px;} } @media only screen and (max-width: 1500px){ .evm_up-conditional-acc, .evm_up-conditional-dec {width: 50%;} } @media only screen and (max-width: 1024px){ .ws-sel-up-pro .selected-product-right, .ws-mul-up-pro li .selected-product-right {flex: 0 0 60%;} } @media only screen and (max-width: 990px){ .name_box input{width: 100%;} .select-opt-tigger {flex-direction: column; } .select-opt-tigger> div {flex: 1 1 100%; width: 100%;} .evm_or-block:after{width: 90%;} .evm_funnel-tabs{padding: 0 15px;} } @media only screen and (max-width: 950px){ .edit_btn, .delete_btn, .rollback_btn {margin-right: 5px;} } @media only screen and (max-width: 781px){ .evm_funnel-tabs .tab .tablinks{margin-right: 0;} .evm_funnel-tabs .tab .tablinks a{font-size: 15px;} } @media only screen and (max-width: 767px){ .evm_funnel-tabs .tab .tablinks{margin-right: 15px;} } .set_heading_border_postpurchase { border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; padding-top: 20px !important; padding-bottom: 20px !important; } /*Updated design */ .upsellproduct-analytics { flex:0 0 100%; } img#upsell1product-previewimg { width: 100%; } /* NEW CSS CHANGES 12-06-2025 */ .ws-mul-up-pro-typ .drag-img , .upsell1_manual_show_pro .drag-img{ position: absolute; cursor: grab; top: 50%; left: -8px; transform: translateY(-50%); background: #fff; border: 1px solid #EBE8EE; padding: 2px; border-radius: 2px; } .ws-mul-up-pro-typ .selected-product-left, .upsell1_manual_show_pro .selected-product-left { flex: 0 0 30%; } .ws-mul-up-pro-typ .upsell_product_img , .upsell1_manual_show_pro .upsell_product_img { width: 70px; height: 68px; } .ws-mul-up-pro-typ .upsell_product_img , .upsell1_manual_show_pro .upsell_product_img{ flex: 0 0 65%; } .ws-mul-up-pro-typ li , .upsell1_manual_show_pro li { cursor: grab; margin-bottom: 18px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 5px 5px #411D570D; border: 1px solid #EBE8EE!important; border-radius: 6px; padding: 10px; position: relative; } #mainradio .upsellcontainer input[type="radio"]{ margin: 0; height: 100%; min-height: 14px; } #mainradio .upsellcontainer .checkmark{ text-align: center; display: inline-block; line-height: 1; }