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

#wpfooter {
    display: none
}
* {
    box-sizing: border-box;
    outline: none
}

input:focus{outline:none !important}

body {
    height: auto!important;
    background: none
}
input,
select {
    border: medium none
}
.connect_button {
    float: left;
    margin: 8px auto;
    padding: 0 8px;
    width: 100%
}
.btn-group {
    float: left;
    width: 35%
}
.connect_form_inner {
    border: 1px solid #ccc;
    float: left;
    margin-right: 2%;
    padding: 20px;
    text-align: center;
    width: 100%
}
.connect_button button,
.funnel-box #create {
    background: #395b8e;
    color: #fff;
    font-size: 15px;
    padding: 14px 0;
    border: none;
    float: left;
    cursor: pointer
}
.connect_button input.upsellconnect {
    float: left;
    margin: 5px 0;
    width: 100%;
    padding: 13px 5px
}
.yes,.no {
    display: block;
    font-size: 14px!important;
    padding: 10px 0!important;
    width:33%;	
    margin-bottom:15px
}
.yes:hover,
.no:hover {
    opacity: .8
}
.yes {
    background: #449d44!important;
}
.no {
    background: #d9534f!important;
	margin-left:4%;
	float:right !important
	
}

.action-btns.getcode {
    margin: auto;
    padding: 10px;
    width: auto;
    float: none;
    clear: both;
    display: block;
}

.funnel-box #create {
    margin-top: 15px
}
.form_box:last-child {
    margin-right: 0
}
.form_connect_outer {
    float: left;
    margin: 0;
    padding: 30px 0;
    width: 40%
}
.form_box input,
.form_box select {
    border: 1px solid #ccc;
    box-sizing: border-box;
    float: left;
    padding: 5px;
    width: 50%;
    height: 35px
}
.form_box input:focus,
.form_box select:focus {
    border: 1px solid #ccc;
    outline: medium none!important
}
.form_box label {
    float: left;
    font-size: 14px;
    padding-top: 7px;
    text-align: left;
    width: 49%
}
.form_box {
    float: left;
    padding-bottom: 10px;
    width: 100%
}
.upsellconnect1 {
    background: rgb(57, 91, 142) none repeat scroll 0 0;
    color: white
}
.funnel-box h2 {
    background: #a9a9a9 none repeat scroll 0 0;
    color: #fff;
    font-size: 13px;
    padding: 10px;
    margin:0;
    text-transform: uppercase
}
.funnel-box textarea {
    margin: 8px 8px!important;
    width: 92%;
    height: 48px;
    float: left
}
.funnel-box .funnel-input {
    border: 1px solid #b2b2b2!important;
    box-shadow: none!important;
    color: #000;
    float: left;
    height: 33px;
    margin: 15px 0 0;
    padding: 0 10px;
    width: 100%
}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
#power-cart-wrapper {
    position: relative
}
.branch {
    position: relative;
    margin-left: 300px
}
.branch:before {
    content: "";
    width: 50px;
    border-top: 1px solid #333;
    position: absolute;
    left: -100px;
    top: 50%;
    margin-top: 1px
}
.entry {
    position: relative;
    min-height: 175px;
    display: flex;
	display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}
.entry:before {
    content: "";
    height: 100%;
    border-left: 2px solid #eee9dc;
    position: absolute;
    left: -50px;
    top: 0;
}
.entry:after {
    content: "";
    width: 50px;
    border-top: 1px solid #333;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: 1px
}
.entry:first-child:before {
    width: 10px;
    height: 50%;
    top: 50%;
    margin-top: 2px;
    border-radius: 10px 0 0 0
}
.entry:first-child:after {
    height: 10px;
    border-radius: 10px 0 0 0
}
.entry:last-child:before {
    width: 10px;
    height: 50%;
    border-radius: 0 0 0 10px
}
.entry:last-child:after {
    height: 10px;
    border-top: none;
    border-bottom: 1px solid #333;
    border-radius: 0 0 0 10px;
    margin-top: -9px
}
.entry.sole:before {
    display: none
}
.entry.sole:after {
    width: 50px;
    height: 0;
    margin-top: 1px;
    border-radius: 0
}





/*.label {
    display: block;
    min-width: 150px;
    line-height: 20px;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    z-index: 99
}
.branch.lv1 {
    position: relative;
    top: 53px
}*/
.tree-view {
    margin-left: 250px;
    position: relative
}
.funnel-box.funnel-root::before {
    background: #333;
    content: "";
    height: 1px;
    position: absolute;
    right: -23%;
    top: 50%;
    width: 23%
}
.first-box:before {
    display: none
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}
.wrapper {
    background: white none repeat scroll 0 0;
    float: left;
    margin-top: 0;
    width: 98%;
    overflow: auto
}
/*.row {
    width: auto;
    display: inline-block;
    padding: 10px
}*/
#funnelform2 .row {
    display: block;
    padding: 10px
}
.col-50 {
    width: auto;
    clear: both;
    display: flex;
	display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    padding: 10px 0;
    margin: 10px;
    position: relative
}
.col-50::before {
    content: '';
    height: 1px;
    background: #000;
    position: absolute;
    width: 70px;
    left: -70px;
    top: 36px;
    bottom: 0;
    margin: auto
}
.col-50::after {
    content: '';
    height: calc(50% - 8px);
    background: #000;
    position: absolute;
    width: 1px;
    left: -70px;
    top: calc(50% - 10px);
    bottom: -41px;
    margin: auto
}
.col-50:nth-child(2)::after {
    top: 26px;
    bottom: calc(50% - 15px)
}
.box {
    background: #fff;
    float: left;
    position: relative;
    width: 100%
}
.funnel-box span.url{
    position: absolute;
    bottom: 145px;
    width: 100%;
    color: black;
    left: 0;
    font-size: 14px;
    white-space: pre-wrap;
}
.box-first {
    margin-right: 110px!important;
    position: relative
}
.box-first::before {
    background: #000 none repeat scroll 0 0;
    bottom: auto;
    content: "";
    height: 1px;
    margin: -1px auto auto;
    position: absolute;
    right: -110px;
    top: 50%;
    width: 110px
}
.popup-bg {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    content: "";
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1;
    display: none
}
.funnel-popup .popup-bg {
    display: block
}
.left_powercart span,
.right_powercart span {
    float: left;
    padding-bottom: 3px;
    width: 100%
}
.left_powercart label,
.right_powercart label {
    float: left!important;
    width: 48%!important
}
.left_powercart input,
.left_powercart select,
.left_powercart textarea {
    float: left!important;
    width: 50%!important
}
.right_powercart input,
.right_powercart select,
.right_powercart textarea {
    float: left!important;
    width: 50%!important;
	margin:0 !important
}
.right_powercart {
    padding-left: 10px
}
.last-box .box::before,
.last-box .box::after {
    display: none
}
.ui-dialog .ui-dialog-titlebar {
    background: #395b8e none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    margin: 0 0 5px 0;
    padding: 8px 0!important
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 0
}
.ui-dialog {
    border: medium none!important;
    border-radius: 0!important;
    padding: 0!important
}
.ui-dialog .connect_form_inner {
    margin: 0!important;
    padding: 25px!important
}
body {
    font-family: 'Lato', sans-serif
}
body.create-funnel-template #wpcontent {
    padding: 0
}
.powercart-funnel-wrapper {
    background: #1a98d4;
    padding: 70px 0
}
.funnel-create-form {
    padding-bottom: 75px
}
.funnel-create-form h1 {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 42px;
    margin: 0 0 60px 0
}
.funnel-create-form h3 {
    color: #fff;
    font-weight: 300;
    font-size: 32px;
    margin: 0 0 30px 0
}
.funnel-create-form h3.new-template-name {
    margin: 0;
    opacity: 0;
    line-height: .8;
    background: #31A6DE;
    font-weight: 700
}
.funnel-create-form h3.new-template-name.current-name {
    height: auto;
    opacity: 1;
    padding: 15px 0 23px 0;
    transition: all 1s ease, padding 1s cubic-bezier(.56, -.01, .41, 2.13)
}
.funnel-create-form .form-control {
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    box-shadow: none;
    border-radius: 0;
    height: 54px;
    font-size: 18px;
    font-weight: 300;
    margin: 15px
}
.powercart-funnel-upsell .form-control {
    box-shadow: none;
    border-radius: 0;
    height: 48px;
    font-size: 16px;
    font-weight: 300;
    margin-top: 0;
    color: #333;
    padding: 10px;
	width : 100% !important;
}
.funnel-create-form .form-control::-moz-placeholder,
.powercart-funnel-upsell .form-control::-moz-placeholder {
    color: #fff;
    opacity: .77
}
.funnel-create-form input::-webkit-input-placeholder,
.powercart-funnel-upsell input::-webkit-input-placeholder {
    color: #fff;
    opacity: .77
}
.funnel-create-form input:-ms-input-placeholder,
.powercart-funnel-upsell input:-ms-input-placeholder {
    color: #fff;
    opacity: .77
}
.funnel-create-form .form-group {
    margin-bottom: 30px
}
.funnel-create-form .btn.btn-ouline {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 0;
    padding: 18px 0;
    font-size: 18px;
    text-transform: uppercase;
    background-color: #f97f15;
	height : 100% ! important;
}
.funnel-create-form .btn.btn-ouline:hover {
    background-color: #f97f15
}
form.funnel-add-product-form {
    height: 100%
}
.modal.in .modal-dialog {    
    height: 100%;
    display: flex;
	display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    width: 1000px
}
.funnel-add-product-popup .modal-content {
    border-radius: 0;
    border: none;
    box-shadow: none;
    border: #5f5f5f solid 6px;
    width: 100%
}
.funnel-add-product-popup .modal-header {
    border: none;
    background: #9e9e9e
}
.funnel-add-product-popup .modal-footer {
    text-align: center;
    background: #FFF;
	clear:both
}
.funnel-add-product-popup .modal-title {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    color: #FFF;
    margin-top: 0
}
.funnel-add-product-popup .modal-body {
    padding: 40px;
	float:left;
	width:100%
}
.funnel-add-product-popup .close {
    color: #fff;
    text-shadow: none;
    opacity: 1;
    position: relative;
    top: 5px;
    background: #333;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    line-height: .8;
    position: absolute;
    right: -20px;
    top: -20px
}
.funnel-add-product-form .form-group {
    margin-bottom: 30px
}
.funnel-add-product-form .form-control {
    background: #f9f9f9;
    box-shadow: none;
    border-radius: 0;
    height: 48px;
    color: #575757;
    font-weight: 400;
    font-size: 16px;
    border: 1px solid #e4e4e4;
    padding-left: 15px;
    padding-right: 15px;
	width:100% !important
}
.funnel-add-product-form textarea.form-control,
.powercart-funnel-upsell textarea.form-control {
    min-height: 110px;
    padding-top: 15px
}
.funnel-add-product-form label {
    font-size: 18px;
    font-weight: 400;
    padding-top: 8px
}
.funnel-add-product-form .or,
.powercart-funnel-upsell .or {
    background: #797979;
    height: 25px;
    width: 25px;
    border-radius: 15px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    margin: 10px auto 10px;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative
}
.funnel-add-product-form .or:after,
.funnel-add-product-form .or:before,
.powercart-funnel-upsell .or:after,
.powercart-funnel-upsell .or:before {
    background: #ddd;
    content: "";
    height: 1px;
    width: 90px;
    position: absolute;
    top: 11px
}
.funnel-add-product-form .or:after,
.powercart-funnel-upsell .or:after {
    right: 33px
}
.funnel-add-product-form .or:before,
.powercart-funnel-upsell .or:before {
    left: 33px
}
.funnel-add-product-form input:-moz-placeholder {
    color: #a3a3a3
}
.funnel-add-product-form input::-webkit-input-placeholder {
    color: #a3a3a3
}
.funnel-add-product-form input:-ms-input-placeholder {
    color: #a3a3a3
}
.funnel-add-product-form .v-align {
    display: table-cell;
    vertical-align: middle;
    height: 135px
}
.funnel-add-product-form select.form-control,
.powercart-funnel-upsell select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #f9f9f9 url(form-arrow.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-position: 96% 20px
}
.funnel-actived-div {
    background: #fcfcfc;
    padding: 30px;
    border: 1px dashed #c2c2c2;
    margin-bottom: 30px
}
.funnel-add-product-form .generate-label-align label {
    padding-top: 0;
    color: #373737
}
.funnel-add-product-popup .btn.btn-primary {
    background: #5cb85c;
    border: 1px solid #4cae4c;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
    border-radius: 2px
}
.funnel-add-product-popup .btn.btn-primary:hover {
    background: #449d44;
    border: 1px solid #449d44
}
.generate-code-btn {
    float: left;
    margin: 10px 0 15px;
    padding: 0;
    text-align: center;
    width: 100%
}
.generate-code-btn span {
    display: inline-block;
    margin: 0 10px
}
#gen_button_code {
    float: left;
    margin: 0 0 15px;
    padding: 0;
    width: 100%
}
.funnel-add-product-form .row {
    display: block;
	margin-bottom:25px;
}
h1.page-heading {
    font-size: 24px;
    margin-bottom: 25px
}
.funnel-table {
    background: white none repeat scroll 0 0;
    overflow: auto;
    width: 98.5%
}
.funnel-add-product-popup .nopopup .modal-body,
.funnel-add-product-popup .yespopup .modal-body {
    min-height: 300px;
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: scroll
}
.connect_form_upsells .tab-content,
.connect_form_upsells .tab-content .modal-content.tab-pane.active {
    border: medium none
}
.connect_form_upsells .tab-content {
    padding-top: 0
}
.connect_form_upsells .close {
    top: -70px!important
}
.connect_form_upsells .modal-content {
    padding: 10px
}
.generate-code.btn {
    border-radius: 0;
    box-sizing: border-box;
    float: left;
    font-size: 15px;
    font-weight: 600;
    margin: 0 10px 10px;
    width: 91%
}
.payment-process-wrapper .tab-content {
    padding: 20px
}
.payment-process-wrapper .row {
    width: 100%;
    padding: 0
}
.powercart-funnel-upsell {
    float: left;
    width: 100%;
    padding: 0px 20px
}
.funnel-add-product-form label {
    font-size: 18px;
    color: #333;
    font-weight: 400;
    padding-top: 8px;
    text-align: left;
    width: 100%
}
.funnel-add-product-form .common_yes_no label {
    width: 33%
}
.funnel_upsell_next {
    background: #5cb85c;
    border: 1px solid #4cae4c;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
    border-radius: 2px
}
.funnel_upsell_next:hover,
.funnel_upsell_next:focus,
.funnel_upsell_next:active {
    background: #5cb85c;
    border: 1px solid #4cae4c
}
.powercart-funnel-upsell .action-div {
    margin: 50px
}
.label_cls {
    float: left
}
.funnel-add-product-popup ul.nav-tabs li a {
    padding: 4px 12px
}
.copycodes h3 {
    float: left;
    margin: 0;
    padding: 10px 0 25px 0;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    color: #333
}/*
.copycodes .nobtncode,
.copycodes .yesbtncode,
.copycodes .copycodesinn {
    margin: 0;
    padding: 0
}*/
.copycodes .common_yes_no label {
    font-size: 16px;
    margin: 0;
    padding: 0
}
.tab-content .powercart-funnel-upsell .action-div {
    margin: 50px 0
}
.tool-tip {
    display: inline-block;
    cursor: pointer
}
.tool-tip .toll-tip-desc::before {
    content: '';
    left: 20px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #58666e;
    bottom: -10px
}
.tool-tip:hover .toll-tip-desc {
    opacity: 1;
    visibility: visible;
    right: 0
}
.tool-tip .toll-tip-desc {
    display: block;
    font-size: 14px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    padding: 10px 15px;
    position: relative;
    top: -70px;
    left: 120px;
    opacity: 0;
    visibility: hidden;
    transition: all cubic-bezier(.76, 0, .4, 1.23) 0.5s;
    width: auto;
    float: right;
    font-weight: 300;
    background: #fff
}
.powercart-funnel-upsell label,
.funnel-add-product-form label,
.funnel-add-product-form label {
    float: left;
    margin-right: 6px;
    width: auto
}
.funnel-add-product-form .tool-tip .toll-tip-desc {
    top: -90px;
    left: 27%
}
.tool-tip-outer {
    position: relative;
    display: inline
}
.tool-tip .tool-tip-outer .toll-tip-desc {
    position: absolute;
    display: block;
    left: -24px;
    width: 350px;
    bottom: 27px;
    top: auto;
    z-index: 9999;
    background: #fff
}
.funnel-add-product-popup input.save_no_code,
.funnel-add-product-popup input.save_no_code {
    margin-top: 0;
    background: #286090;
    border-color: #204d74
}
.action-icons.text-center {
    float: left;
    margin-bottom: 0;
    width: 100%;
	display:none
}
.action-icons.text-center a+a {
    margin-left: 5px
}
.action-icons.text-center a {
    padding: 7px;
    width: 35px
}
.action-icons.text-center a:hover {
    COLOR: WHITE
}
.code-icon {
    background-color: #ff9400;
    border-color: #ff9400;
    color: #fff
}
.info-icon {
    background-color: #f1502a;
    border-color: #f1502a;
    color: white
}
.fountainG {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    height: 60px;
    left: 0;
    line-height: 0;
    margin: auto;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 260px
}
.loading_text {
    color: #000;
    float: left;
    font-size: 20px;
    padding-left: 15px!important
}
.loading {
    background-color: rgba(0, 0, 0, .7);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}
.fountainG .loading_text {
    margin-top: 30px;
    padding: 0
}
input.save_yes_code.btn.btn-primary.submit,
.funnel-add-product-popup .btn.btn-primary {
    background: #0cac9f;
    border-color: #0cac9f;
    margin-top: 0
}
input.save_yes_code.btn.btn-primary.submit,
.funnel-add-product-popup .btn.btn-primary:hover {
    background: #0cac9f;
    border-color: #0cac9f
}

.funnel-add-product-popup .btn.btn-primary.save_codes {
  background-color: #224f92;
  border: 1px solid #224f92;
}

.funnel-add-product-popup .btn.btn-primary.save_codes:hover {
  background-color: #223a91;
  border: 1px solid #223a91;
}


#wrapper {
    position: relative;
    display: flex;
	display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}
.branch {
    position: relative;
    margin-left: 295px
}
.branch:before {
    content: "";
    width: 50px;
    border-top: 2px solid #333;
    position: absolute;
    left: -100px;
    top: 50%;
    margin-top: 1px
}
.entry:before {
    content: "";
    height: 100%;
    border-left: 2px solid #333;
    position: absolute;
    left: -50px
}
.entry:after {
    content: "";
    width: 50px;
    border-top: 2px solid #333;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: 1px
}
.entry:first-child:before {
    width: 10px;
    height: 50%;
    top: 50%;
    margin-top: 2px;
    border-radius: 10px 0 0 0
}
.entry:first-child:after {
    height: 10px;
    border-radius: 10px 0 0 0
}
.entry:last-child:before {
    width: 10px;
    height: 50%;
    border-radius: 0 0 0 10px
}
.entry:last-child:after {
    height: 10px;
    border-top: none;
    border-bottom: 2px solid #333;
    border-radius: 0 0 0 10px;
    margin-top: -9px
}
.entry.sole:before {
    display: none
}
.entry.sole:after {
    width: 50px;
    height: 0;
    margin-top: 1px;
    border-radius: 0
}/*
.label {
    display: block;
    width: 163px;
    padding: 0;
    line-height: 20px;
    text-align: center;
    border: 2px solid #D5D5D5;
    border-radius: 0;
    position: absolute;
    left: 0;
    top: auto;
    margin-top: 0;
}
*/
.yesgencode {
    float: left;
    margin-bottom: 10px;
    padding: 10px 20px 20px;
    text-align: left;
    width: 100%
}
.yesgencode h2,
.nogencode h2 {
    padding-left: 8px
}
.nogencode {
    float: left;
    padding: 10px 20px 20px;
    text-align: left;
    width: 100%
}
.gencodes .modal-body {
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: scroll
}
.roww {
    visibility: hidden
}

span.label a.close {
    opacity: 1;
    background: black;
    color: white;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    margin-top: -33px;
    position: relative;
    right: -13px;
    top: 18px;
    z-index: 5;
    font-size: 18px;
    line-height: 21px
}
.powercart-tabs-wrapper {
    margin: 20px 10px
}
.powercart-tabs-wrapper .nav-tabs {
    background: #e6e7e9;
    border-bottom: 1px solid transparent;
    float: left;
    width: 100%;
	margin:0
}
.powercart-tabs-wrapper .nav-tabs li a {
    border: none;
    border-radius: 0;
    color: #666;
    font-weight: 400;
    margin-right: 0;
    font-size: 17px;
    padding: 18px 28px;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    float: left;
    text-decoration: none
}
.powercart-tabs-wrapper .nav-tabs li.active a {
    background-color: #a4a4a4;
    border-right: 2px solid transparent;
    color: #fff
}
.powercart-tabs-wrapper .nav-tabs li a .fa {
    font-size: 18px!important;
    padding-right: 6px
}
.powercart-tabs-wrapper {
    float: left;
    padding: 0 15px 0 0;
    width: calc(100% - 15px);
    width: -webkit-calc(100% - 15px);
    width: -moz-calc(100% - 15px);
    width: -ms-calc(100% - 15px);
    width: -o-calc(100% - 15px)
}
.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    float: left;
    padding-top: 20px;
    width: 100%
}
.main-heading {
    border-bottom: 1px solid #ddd;
    color: #58666e;
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-weight: 300;
    margin: 0 0 15px;
    padding: 13px 15px;
    text-align: left
}
.powercart-tabs-wrapper .nav-tabs>li.active>a,
.powercart-tabs-wrapper .nav-tabs>li.active>a:focus,
.powercart-tabs-wrapper .nav-tabs>li.active>a:hover {
    background-color: #a4a4a4;
    color: #fff;
    border: none;
    border-right: 2px solid #fff;
    outline: none
}
.powercart-tabs-wrapper .nav-tabs>li>a:hover {
    background: transparent;
    border: none;
    color: #666
}
.powercart-tabs-wrapper .nav li {
    background-position: 8px;
    vertical-align: middle
}
.powercart-tabs-wrapper .nav li img {
    opacity: .4
}
.powercart-tabs-wrapper .nav li:nth-child(2) {
    background-position: 8px;
    vertical-align: middle
}
.powercart-tabs-wrapper .nav li:nth-child(3) {
    background-position: 8px;
    vertical-align: middle
}
.powercart-tabs-wrapper .nav-tabs>li.active>a,
.powercart-tabs-wrapper .nav-tabs>li.active>a:focus,
.powercart-tabs-wrapper .nav-tabs>li.active>a:hover {
    background-position: 8px!important;
    vertical-align: middle!important
}
.powercart-tabs-wrapper .nav-tabs li a:focus {        
    box-shadow: none;
    outline: medium none!important
}
.powercart-tabs-wrapper .nav-tabs li a {
    color: #becbd2;
    display: block;
    font-size: 1.45em;
    line-height: 2.5;
    padding: 0 20px;
    white-space: nowrap;
    font-weight: 400;
    font-weight: 400;
    margin-right: 0;
    font-size: 16px;
    padding: 4px 28px;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    float: left;
    text-decoration: none
}
.powercart-tabs-wrapper .nav-tabs li.active a {
    background-color: #a4a4a4;
    border: none;
    color: #fff
}
.powercart-tabs-wrapper .nav-tabs>li.active>a,
.powercart-tabs-wrapper .nav-tabs>li.active>a:focus,
.powercart-tabs-wrapper .nav-tabs>li.active>a:hover {
    border: none;
    outline: none;
    border: none
}
.powercart-tabs-wrapper .nav-tabs>li.active>a,
.powercart-tabs-wrapper .nav-tabs>li.active>a:focus,
.powercart-tabs-wrapper .nav-tabs>li.active>a:hover {
    background-color: #fdfdfd;
    color: black
}
.powercart-tabs-wrapper .nav-tabs>li:first-child a {
    border-left: #e6e7e9 solid thin!important
}
.powercart-tabs-wrapper .nav-tabs li.active a::before {
    content: '';
    width: 100%;
    height: 5px;
    background: #0cac9f;
    position: absolute;
    left: 0;
    top: -3px;
    border-radius: 6px 6px 0 0
}
.buynow-code-grenrate .btn {
    border-radius: 0;
    border-bottom: 2px solid #24425b
}







/*------------------FUNNEL DESIGN----------------------*/



#wrapper {
  position: relative;
  display: flex;
	display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
  margin-top: 0 !important;
  min-height:250px;
}

.branch {
  position: relative;
  margin-left: 350px;
}
.branch:before {
  content: "";
  width: 50px;
  border-top: 2px solid #000;
  position: absolute;
  left: -100px;
  top: 50%;
  margin-top: 1px;
}

.entry {
  position: relative;
  min-height: 220px;
  display: flex;
	display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}
.entry:before {
  content: "";
  height: 100%;
  border-left: 2px solid green;
  position: absolute;
  left: -50px;
  top: 0;
}
.entry:after {
  content:"";
  width: 50px;
  border-top: 2px solid green;
  position: absolute;
  left: -50px;
  top: 50%;
  margin-top: 1px;  
}
.entry:first-child:before {
  width: 10px;
  height: 50%;
  top: 50%;
  margin-top: 2px;
  border-radius: 10px 0 0 0;
}
.entry:first-child:after {
  height: 10px;
  border-radius: 10px 0 0 0;
}
.entry:last-child:before {
  width: 10px;
  height: 50%;
  border-radius: 0 0 0 10px;
}
.entry:last-child:after {
  height: 10px;
  border-top: none;
  border-bottom: 2px solid #000;
  border-radius: 0 0 0 10px;
  margin-top: -9px;
}
.entry.sole:before {
  display: none;
}
.entry.sole:after {
  width: 50px;
  height: 0;
  margin-top: 1px;
  border-radius: 0;
}

.label {
    border: 4px solid #eee9dc;
    border-radius: 5px;
    bottom: 0;
    display: block;
    height: 147px;
    left: 0;
    margin: auto;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 250px;
	font-size: 100%;
    font-weight: 400;
}


#build-funnel{
	overflow:auto;
}
#message{
	display : none;
}








/*-------------------------------------------------------------------------
							Manage Subscription
-------------------------------------------------------------------------*/

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

.n-p{
    padding:0;
}

.divider {
    border-bottom: 2px dashed #ccc;
    float: left;
    height: 1px;
    margin: 20px 0 30px 0;
    width: 100%;
}

.manage_subscription-title {
    color: #333;
    font-weight: 400;
    clear: both;
    font-size: 22px;
    margin: 0 0 15px;
}
.manage_subscription{
	
}

.manage_subscription [class*="col-"] label{
	margin-top:10px;
	margin-bottom:10px;
}


.manage_subscription .smartcart_funnel_manage_subscription label{
	font-weight: normal;
    font-size: 17px;
    font-family: Open Sans,sans-serif;
    color: rgb(88, 102, 110);
}

.manage_subscription .smartcart_funnel_manage_subscription input{
	margin-top:0;
}

.manage_subscription .smartcart_funnel_manage_subscription .action-btn {
	padding-top:25px;
	clear:both
}

.manage_subscription .smartcart_funnel_manage_subscription .action-btn input{
	margin-top: 0;
   /* background: #5cb85c;
    border: 1px solid #4cae4c;*/
    font-weight: 700;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
    border-radius: 2px;
}

.manage_subscription .smartcart_funnel_manage_subscription .radio-labels{
	margin-bottom:25px;
}


.total_funnel_stats .row{
	margin-bottom:25px
}


#inventory_control .tool-tip i {
    color:#0073AA;
}






/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 50px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  height: 702px;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
  border-radius:0 !important;
  padding:0 15px 0 0
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
  font-size: 16px;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}

div.bhoechie-tab-menu div.list-group>a{
	border-radius:0 !important
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #0cac9f;
  background-image: #0cac9f;
  color: #ffffff;
  border:none !important
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #13aea2;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}

.email_form .tab-content {
    padding: 30px !important;
}
.paypal_form .tab-content {
    padding: 30px !important;
}
.authnet_form .tab-content {
    padding: 30px !important;
}

div.mce-tinymce {
    border: 1px solid rgba(0,0,0,0.2) !important;
}


.entry+.entry:before {
    border-color: red;
}

.entry+.entry:after {
    border-color: red;	    
}
.entry.nolabel span.label::before {
    content: "";
    position: absolute;
    left: -35px;
    color: black;
    top: 38%;
	font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
}
.entry.yeslabel span.label::before {
    content: "";
    position: absolute;
    left: -35px;
    color: black;
    top: 38%;
	font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
}

.upsell-base-outer {
    padding: 20px;
    background: #f2f2f2;
    border: dashed 2px #b5b4b4;
    margin: 30px;
}

.tab-content .powercart-funnel-upsell .upsell-base-outer .action-div {
    margin: 50px 0 15px 0;
}

#inventory_control .powercart-funnel-upsell select{margin:0 !important}

#inventory_control .powercart-funnel-upsell .row{ margin-bottom:20px}

.yes_popup button.close {
    top: -21px !important;
}

.nopopup button.close {
    top: -21px !important;
}

h4.upsell-heading {
    font-size: 22px;
    font-weight:500;
	text-align: center;
}
.copycodes .modal-body {
max-height: 450px;
overflow: auto;
margin-bottom: 30px;
}
.vatshortcodes .modal-body {
max-height: 450px;
overflow: auto;
margin-bottom: 30px;
}

.vatshortcodes .row:first-child [class*="col-"] .toll-tip-desc {
    top: 30px;`
	bottom:auto !important
}

.vatshortcodes .row:first-child [class*="col-"] .toll-tip-desc::before{
	top: -9px;
	bottom:auto!important;
	border-bottom: 10px solid #58666e;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
	border-top:none
}
.vatshortcodes .row:first-child [class*="col-"] .tool-tip .tool-tip-outer .toll-tip-desc {
    position: absolute;
    display: block;
    left: -24px;
    width: 350px;
    bottom: auto !important;
    top: auto;
    z-index: 9999;
    background: #fff
}


.inventory_control_card , .inventory_control_action {display: flex;float: none;width: 100%;margin: 13px 0;padding: 13px 0;align-items: center;font-family: 'DM Sans',sans-serif;font-size: 14px;}

.inventory_control_card label, .manage_subscription .smartcart_funnel_manage_subscription .inventory_control_card label 
{color: #0f2e47;font-size: 16px;font-family: 'DM Sans',sans-serif;font-weight: 500;text-transform: none;margin: 0;padding: 0 15px 0 0;line-height: 1.5;min-width: 355px;max-width: 355px;width: 355px;}

.inventory_control_card .inventory_control_input {width: 100%;margin: 0;padding: 0;max-width: 450px;}

.inventory_control_card .inventory_control_input select , .inventory_control_card .inventory_control_input input[type=text] ,
.inventory_control_card .inventory_control_input .form-control , 
.inventory_control_card .inventory_control_input textarea.form-control {width: 100% !important;max-width: 100%;background-color: #fff;height: 42px;border: 1px solid #b1b1b1;}

.inventory_control_card .inventory_control_input textarea.form-control {height: 140px;}

.inventory_control_card .inventory_control_input select {background-position: 97% 18px;}

.align-items-start , .inventory_control_card.align-items-start {align-items: flex-start !important;}

.inventory_control_card.align-items-start label {padding-top: 4px !important;}

.inventory_control_card .inventory_control_input input[type=checkbox], 
.inventory_control_card .inventory_control_input input[type=radio] {width: 18px;height: 18px;margin: 0 4px 0 0;border: 1px solid #b1b1b1;}

.inventory_control_card .inventory_control_input input[type=radio]::before {width: 10px;height: 10px;margin: 3px;line-height: normal;}

.inventory_control_card .tool-tip .toll-tip-desc {font-size: 14px;line-height: 1.4;}

.inventory_control_card .tool-tip .tool-tip-outer .toll-tip-desc::before {display: none;}

.inventory_control_card .tool-tip .tool-tip-outer .toll-tip-desc {border-left: 8px solid #58666e;padding:10px 13px;}

.inventory_control_card .tool-tip:hover .toll-tip-desc {left: 15px;}

.inventory_control_card .tool-tip {vertical-align: middle;}

.inventory_control_action {display: inline-block;text-align: right;max-width: 805px;}

.inventory_control_action input.btn-primary, 
.manage_subscription .smartcart_funnel_manage_subscription .inventory_control_action input.btn-primary 
{border-radius: 5px !important;background: #3b5998 !important;color: #fff !important;border: none !important;box-shadow: none !important;height: 40px !important;padding: 0 15px !important;text-transform: none;font-size: 13px;font-family: 'DM Sans',sans-serif;min-width: 130px;}

.inventory_control_action input.btn-primary:hover , 
.manage_subscription .smartcart_funnel_manage_subscription .inventory_control_action input.btn-primary:hover {background: #555 !important;color: #fff !important;}

#inventory_control .checkbox-table-title.sub-heading {padding: 0 10px;font-family: 'DM Sans',sans-serif;}

#inventory_control .checkbox-table-title.sub-heading i.fa {margin-right: 10px;}

.smartcart_funnel_manage_subscription hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}


.dap_price {
	border: 1px solid #e5e5e5;
	padding: 15px;
	border-radius: 4px;
	border-left: 4px solid #11bbe6;
	margin: 0;
	width: 100%;
	font-size: 14px;
}

.funnel-add-product-popup {font-family: 'DM Sans', sans-serif;   }