.chartiable-account-main a {
    color: #f89d35;
}
.no-bullets {
    list-style: none;
    padding-left: 0;
}

button.button-light-gray, input[type="button"].button-light-gray, input[type="reset"].button-light-gray, input[type="submit"].button-light-gray, .button.button-light-gray, div.wpforms-container div.wpforms-submit-container button.wpforms-submit.button-light-gray, div.wpforms-container div.wpforms-submit-container button.wpforms-submit:disabled.button-light-gray, article .entry-content a.button.button-light-gray {
    color: #666;
    background-color: #f5f5f5;
    border: 1px solid gainsboro;
}

body.page-template-tpl-account #loginform {
    max-width: 600px;
    margin: 50px auto;
}
body.page-template-tpl-account #loginform label {
    font-weight: 400;
}
body.page-template-tpl-account #loginform input[type="submit"],
body.page-template-tpl-account #loginform input[type="button"],
body.page-template-tpl-account #loginform button {
    background-color:#e27730;
}
p#edd_profile_primary_phone_wrap {
    width: 50%;
    float: left;
    padding-right: 10px;
    clear: right;
}


.edd_success:not(.edd-alert) {
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    border:1px solid #b3ce89;
    margin:20px 0;
    background:#d5eab3;
    color:#567622;
    padding:6px 8px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7)
   }
   .edd-alert {
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    margin-bottom:20px;
    padding:10px;
    border:1px solid transparent;
    vertical-align:middle
   }
   .edd-alert p {
    padding:0
   }
   .edd-alert p:not(:last-child) {
    margin-bottom:5px
   }
   .edd-alert p:last-child {
    margin-bottom:0
   }
   .edd-alert-error {
    color:#a94442;
    background-color:#f2dede;
    border-color:#ebccd1
   }
   .edd-alert-success {
    background-color:#dff0d8;
    border-color:#d6e9c6;
    color:#3c763d
   }
   .edd-alert-info {
    color:#31708f;
    background-color:#d9edf7;
    border-color:#bce8f1
   }
   .edd-alert-warn {
    color:#8a6d3b;
    background-color:#fcf8e3;
    border-color:#faebcc
   }
.page-template-tpl-account-php {
   font-family: "Work Sans", sans-serif;
}
.page-template-tpl-account-php .entry-content .row {
    margin:0 -25px;
}
.page-template-tpl-account-php .entry-content .row:before {
    content:" ";
    display:table;
}
.page-template-tpl-account-php .entry-content .row:after {
    clear:both;
    content:" ";
    display:table;
}
.page-template-tpl-account-php .entry-content .card-wrap {
    float:left;
    width:50%;
    padding:25px;
}
@media (max-width: 599px) {
    .page-template-tpl-account-php .entry-content .card-wrap {
     padding:10px 25px;
     width:100%;
     float:none
    }
}
.page-template-tpl-account-php .entry-content .card-wrap.full {
    float:none;
    width:100%
}
.page-template-tpl-account-php .entry-content .card-wrap.loading {
    height:0;
    overflow:hidden;
    padding:0
}
.page-template-tpl-account-php .entry-content .card-wrap a {
    color: #f89d35;
    font-weight: 500;
}
.page-template-tpl-account-php .entry-content .button,
.page-template-page-account-cancel button.wpforms-submit,
.page-template-tpl-account-php .entry-content .card-wrap .button,
.page-template-page-account-cancel div.wpforms-container-full .wpforms-form input[type="submit"],
.page-template-page-account-cancel div.wpforms-container-full .wpforms-form button[type="submit"],
.page-template-page-account-cancel div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background: #f89d35;
    border: .1rem solid #cb7616;
    color: #fff;
}

/* header */

.entry-header {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}
.entry-header h1 {
    margin: 5px auto;
}
.entry-header h1 img.small-logo {
    width: 70px;
    max-height: 70px;
    margin: -10px 10px auto 0px;
}
.entry-header .entry-description {
    margin: 5px auto;
    font-weight: 500;
}

.page-template-tpl-account-php .entry-content .account-navigation {
    margin-bottom: 20px;
}
.page-template-tpl-account-php .site-main article .entry-content {
    font-size: 16px;
}
.entry-content .account-navigation {
    border-bottom: 1px solid #ccc;
    margin: 0 0 50px 0;
    margin-bottom: 50px;
}
.entry-content .account-navigation ul {
    margin: 0 0 -1px 0;
    padding: 0;
}
.entry-content .account-navigation ul li {
    margin: 0;
    padding: 0;
    float: left;
    list-style-type: none;
}
.entry-content .account-navigation ul li a {
    color: #444;
    display: block;
    text-decoration: none;
    padding: 0 14px 18px 14px;
    border-bottom: 4px solid transparent;
    font-size: 16px;
}
.entry-content .account-navigation ul li a:hover {
    border-bottom: 4px solid #ddd;
}
.entry-content .account-navigation ul li a.active {
    border-bottom: 4px solid #f89d35 !important;
}
.entry-content .account-navigation ul li.logout {
    float: right;
}

/* dashboard / overview */

@media (max-width: 850px) {
    .page-template-tpl-account-php .entry-content #row-first .card-wrap {
         width:100%
    }
}
.page-template-tpl-account-php .entry-content .card {
    border: 1px solid #ccc;
    padding: 25px;
    position: relative;
    text-align: left;
}
.page-template-tpl-account-php .entry-content .card-wrap.first .card {
    padding: 40px;
}
.page-template-tpl-account-php .entry-content .card span.label {
    text-align: left;
    padding-left: 0;
}
.page-template-tpl-account-php .entry-content .dismiss-card {
    background:none;
    border:none;
    margin:0;
    padding:0;
    position:absolute;
    top:10px;
    right:10px;
    opacity:0.4
}
.page-template-tpl-account-php .entry-content .dismiss-card:hover {
    opacity:1
}
.page-template-tpl-account-php .entry-content .dismiss-card svg {
    width:20px;
    fill:#fff
}
.page-template-tpl-account-php .entry-content .pill {
    display:inline-block;
    font-size:10.5px;
    font-weight:700;
    background-color:#eee;
    text-transform:uppercase;
    border-radius: 0px;
    padding:1px 8px;
    vertical-align:text-bottom;
    margin:0 0 0 5px
}
   .page-template-tpl-account-php .entry-content .pill.active {
    background-color:#6fb05a;
    color:#fff
   }
   .page-template-tpl-account-php .entry-content .pill.expired {
    background-color:#d83638;
    color:#fff
   }
   .page-template-tpl-account-php .entry-content .overview {
    color:#444;
   }
   .page-template-tpl-account-php .entry-content .card.overview {
    background: white;
   }
      @media (max-width: 850px) {
    .page-template-tpl-account-php .entry-content .overview {
     height:auto !important
    }
   }
   .page-template-tpl-account-php .entry-content .overview .label {
    display:block;
    font-size:13px;
    font-weight:700;
    color:#acacac;
    text-transform:uppercase;
    margin:0 0 2px 0
   }
   .page-template-tpl-account-php .entry-content .overview .label a {
    border:0
   }
   .page-template-tpl-account-php .entry-content .overview .label a:hover svg {
    fill:#0e6cad
   }
   .page-template-tpl-account-php .entry-content .overview .label svg {
    fill:#ccc;
    height:13px;
    display:inline-block;
    margin:0 0 0 5px
   }
   .page-template-tpl-account-php .entry-content .overview .sep {
    color:#bdbdbd;
    display:inline-block;
    margin:0 5px
   }
   .page-template-tpl-account-php .entry-content .overview .full-name {
    font-size:30px;
    font-family:"Arvo", 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height:1
   }
   .page-template-tpl-account-php .entry-content .overview .user .item {
    margin:0 0 16px 0
   }
   .page-template-tpl-account-php .entry-content .overview .user .item:last-of-type {
    margin:0 0 26px 0
   }
   .page-template-tpl-account-php .entry-content .overview .user .item .cc {
    font-family:monospace, monospace
   }
   .page-template-tpl-account-php .entry-content .overview .user .item .cc img {
    height:19px;
    display:inline-block;
    vertical-align:text-bottom;
    margin:0 8px 0 0
   }
   .page-template-tpl-account-php .entry-content .overview .licenses {
    margin:0 -30px
   }
   .page-template-tpl-account-php .entry-content .overview .licenses .left,
   .page-template-tpl-account-php .entry-content .overview .licenses .right {
    float:left;
    width:50%
   }
   .page-template-tpl-account-php .entry-content .overview .licenses .item {
    font-size:15px;
    border-top:1px solid #ccc;
    padding:30px
   }
   .page-template-tpl-account-php .entry-content .overview .licenses .more {
    padding:0 30px;
    font-weight:700;
    margin-top:-10px
   }
   .page-template-tpl-account-php .entry-content .overview .licenses .type a {
    color:#444;
    border:none
   }
   .page-template-tpl-account-php .entry-content .overview .licenses .type a:hover {
    color:#0e6cad
   }
   .page-template-tpl-account-php .entry-content .upgrade {
    padding:40px;
    position:relative;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    -ms-align-items:center;
    align-items:center;
    background: white;
   }
   @media (max-width: 850px) {
    .page-template-tpl-account-php .entry-content .upgrade {
     height:auto !important
    }
   }
   .page-template-tpl-account-php .entry-content .upgrade .star {
    position:absolute;
    padding:12px
   }
   .page-template-tpl-account-php .entry-content .upgrade .star svg {
    width:15px;
    display:block;
    margin:0
   }
   .page-template-tpl-account-php .entry-content .upgrade .star.top-left {
    top:10px;
    left:10px;
    border-top:1px solid #e27730;
    border-left:1px solid #e27730
   }
   .page-template-tpl-account-php .entry-content .upgrade .star.top-right {
    top:10px;
    right:10px;
    border-top:1px solid #e27730;
    border-right:1px solid #e27730
   }
   .page-template-tpl-account-php .entry-content .upgrade .star.bottom-left {
    bottom:10px;
    left:10px;
    border-bottom:1px solid #e27730;
    border-left:1px solid #e27730
   }
   .page-template-tpl-account-php .entry-content .upgrade .star.bottom-right {
    bottom:10px;
    right:10px;
    border-bottom:1px solid #e27730;
    border-right:1px solid #e27730
   }
   .page-template-tpl-account-php .entry-content .upgrade .monster-insights {
    text-align:center;
    width:100%
   }
   .page-template-tpl-account-php .entry-content .upgrade .monster-insights .star {
    border-color:#836cb2
   }
   .page-template-tpl-account-php .entry-content .upgrade .monster-insights .star svg {
    fill:#836cb2
   }
   .page-template-tpl-account-php .entry-content .upgrade .monster-insights img {
    display:block;
    margin:0 auto 20px auto;
    width:100px
   }
   .page-template-tpl-account-php .entry-content .upgrade .monster-insights .title {
    font-size:18px;
    line-height:1.2;
    color:#444;
    font-weight:700;
    margin:0 0 18px 0
   }
   .page-template-tpl-account-php .entry-content .upgrade .monster-insights p {
    margin:0 0 18px 0
   }
   .page-template-tpl-account-php .entry-content .upgrade .monster-insights p:last-of-type {
    margin-bottom:24px
   }
   .page-template-tpl-account-php .entry-content .upgrade .expired {
    text-align:center;
    width:100%
   }
   .page-template-tpl-account-php .entry-content .upgrade .expired .title {
    color:#800000;
    font-size:36px;
    font-weight:900;
    font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform:uppercase
   }
   .page-template-tpl-account-php .entry-content .upgrade .wpcharitable-pro {
    text-align:center;
    width:100%
   }
   .page-template-tpl-account-php .entry-content .upgrade .wpcharitable-pro.timer .title {
    font-size:36px;
    font-weight:900;
    font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform:uppercase
   }
   .page-template-tpl-account-php .entry-content .upgrade .wpcharitable-pro.timer .subtitle {
    font-weight:700
   }
   .page-template-tpl-account-php .entry-content .upgrade .wpcharitable-pro.timer .timer-wrap {
    margin:20px 0 0;
    color:#777777
   }
   .page-template-tpl-account-php .entry-content .upgrade .wpcharitable-pro.timer .timer-wrap .text {
    font-size:16px;
    display:block
   }
   .page-template-tpl-account-php .entry-content .upgrade .wpcharitable-pro.timer .timer-wrap .digit {
    font-size:24px;
    font-weight:900
   }
   .page-template-tpl-account-php .entry-content .upgrade .wpcharitable-pro.timer .timer-wrap .lbl {
    font-size:24px
   }
   .page-template-tpl-account-php .entry-content .upgrade .wpcharitable-pro .star svg {
    fill:#e27730
   }
   .page-template-tpl-account-php .entry-content .upgrade .wpcharitable-pro .title {
    font-size:22px;
    font-family:"Arvo", 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height:1;
    color:#444;
    margin:0 0 5px 0
   }
   .page-template-tpl-account-php .entry-content .upgrade .wpcharitable-pro .subtitle {
    font-size:17px;
    color:#777;
    line-height:1.2
   }
   .page-template-tpl-account-php .entry-content .upgrade .wpcharitable-pro ul {
    margin:20px 0 26px;
    padding:0
   }
   @media (max-width: 850px) {
    .page-template-tpl-account-php .entry-content .upgrade .wpcharitable-pro ul {
     margin-left:auto;
     margin-right:auto;
     max-width:400px
    }
   }
   .page-template-tpl-account-php .entry-content .upgrade .wpcharitable-pro ul li {
    list-style:none;
    margin:0;
    padding:5px 10px 5px 26px;
    text-align:left;
    background-image:url("../images/svg/check-circle-green.svg");
    background-repeat:no-repeat;
    background-size:15px 15px;
    background-position:center left;
    font-size:14px;
    width:55%;
    float:left
   }
   .page-template-tpl-account-php .entry-content .upgrade .wpcharitable-pro ul li:nth-child(2n) {
    float:right;
    width:45%
   }
   .page-template-tpl-account-php .entry-content .upgrade .wpcharitable-pro ul li:nth-child(2n+1) {
    clear:right
   }

   .page-template-tpl-account-php .entry-content .annoucement {
    padding:0;
    font-size:14px
   }
   .page-template-tpl-account-php .entry-content .annoucement h2 {
    font-size: 21px;
    line-height: 24px;
    margin: 5px auto;
    font-weight: 500;
   }
   .page-template-tpl-account-php .entry-content .annoucement img {
    display:block;
    margin:0 auto
   }
   .page-template-tpl-account-php .entry-content .annoucement .description {
    padding:20px 26px;
    color:#444
   }
   .page-template-tpl-account-php .entry-content .annoucement .description p {
    margin:0 0 20px 0
   }
   .page-template-tpl-account-php .entry-content .annoucement .more {
    font-weight:700
   }


   .page-template-page-account-licenses .row.row-overview,
   .page-template-page-account-licenses .row.row-details {
    background-color: white;
   }

   .page-template-page-account-licenses .entry-content .license-clipboard {
    border: none;
    padding: 0;
    background: 0;
    line-height: 12px;
  }
   .page-template-page-account-licenses .site-main article .entry-content {
    font-size:15px
   }
   .page-template-page-account-licenses .entry-content .card {
    border:1px solid #ccc;
    margin-bottom:50px;
    padding-bottom: 0;
    padding-top: 0;
   }
   .page-template-page-account-licenses .entry-content .card:first-of-type {

   }
   .page-template-page-account-licenses .entry-content .card.license {
    border: 0;
    /* border-bottom:1px solid #ccc; */
    margin-bottom: 0;
   }
   .page-template-page-account-licenses .entry-content .card.license:last-of-type {
    margin-bottom: 60px !important;
   }
   .page-template-page-account-licenses .entry-content .card:last-of-type {
    margin:0
   }
   .page-template-page-account-licenses .entry-content .row-overview,
   .page-template-page-account-licenses .entry-content .row-expired {
    border-bottom:1px solid #ccc
   }
   .page-template-page-account-licenses .entry-content .row-expired {
    background-color:#f8f8f8;
    font-weight:700;
    text-align:center;
    padding:10px 30px;
    line-height:1.3
   }
   .page-template-page-account-licenses .entry-content .row-expired svg {
    height:16px;
    display:inline-block;
    vertical-align:text-top;
    margin:1px 3px 0 0
   }
   .page-template-page-account-licenses .entry-content .type {
    float:left;
    padding:30px
   }
   .page-template-page-account-licenses .entry-content .name {
    font-family:"Arvo","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:30px;
    color:#444;
    line-height:1.1
   }
   .page-template-page-account-licenses .entry-content .download {
    float:right;
    padding:30px;
   }
   .page-template-page-account-licenses .entry-content .download p {
    text-align: center;
    margin: 2px auto;
   }
   .page-template-page-account-licenses .entry-content .download .button {
    min-width:230px
   }
   .page-template-page-account-licenses .entry-content .key,
   .page-template-page-account-licenses .entry-content .renews,
   .page-template-page-account-licenses .entry-content .activations {
    float:left;
    width:33.333333%;
    padding:30px;

   }
   .page-template-page-account-licenses .entry-content .not-first .key,
   .page-template-page-account-licenses .entry-content .not-first .renews,
   .page-template-page-account-licenses .entry-content .not-first .activations {
    float:left;
    width:33.333333%;
    padding:20px 30px;

   }
   .page-template-tpl-account-php .entry-content .card {
    background: white;
   }
   .page-template-tpl-account-php .entry-content .cards {
    display: none;
    background: white;
   }

   .page-template-tpl-account-php .entry-content .omonster {
    background-color:#2b5c77;
    background-image:url("../images/account/mascot-large.png");
    background-repeat:no-repeat;
    background-size:50%;
    background-position:100% 15px;
    padding:46px;
    margin-bottom: 60px;
   }
   @media (max-width: 850px) {
    .page-template-tpl-account-php .entry-content .omonster {
     background-position:90% 100%
    }
   }
   @media (max-width: 699px) {
    .page-template-tpl-account-php .entry-content .omonster {
     background:#4b6573
    }
   }
   .page-template-tpl-account-php .entry-content .omonster img {
    display:block;
    margin:0 0 25px 0
   }
   .page-template-tpl-account-php .entry-content .omonster p {
    max-width:570px
   }
   @media (max-width: 850px) {
    .page-template-tpl-account-php .entry-content .omonster p {
     max-width:400px
    }
   }
   .page-template-tpl-account-php .entry-content .omonster .big {
    font-size:20px;
    font-weight:700;
    color:#fff;
    margin:0 0 5px 0
   }
   .page-template-tpl-account-php .entry-content .omonster .small {
    font-size:18px;
    color:#fff;
    margin:0 0 25px 0
   }

   .page-template-tpl-account-php .entry-content .row.row.more-license::before,
   .page-template-tpl-account-php .entry-content .row.row.more-license::after {
    /* content: none;
    display: none; */
   }
   .page-template-page-account-licenses .entry-content .not-first .pill {
    margin-bottom: 5px;
   }
   .more-license a span {
    line-height: 28px;
   }
   .more-license {
    /* margin: 0;
    width: 100%; */
   }
   .more-license a {
    display: block;
    width: 100%;
    background-color: #f89d35;
    color: white;
    text-align: center;
    text-decoration: none;
   }
   .more-license a:hover {
    color: #9a6324;
   }
   .page-template-page-account-licenses .entry-content .not-first input.license-key {
    width: 90%;
    font-weight: 400;
    float: left;
   }
   .page-template-page-account-licenses .entry-content .not-first .license-clipboard {
    line-height: 30px;
    }
   .page-template-page-account-licenses .entry-content .activations {
    border:none;
    float:right
   }
   .page-template-page-account-licenses .entry-content .activations .view {
    display:inline-block;
    margin:0 0 0 10px;
    color:#999;
    border-color:#eee
   }
   .page-template-page-account-licenses .entry-content .activations .view:hover {
    color:#0e6cad
   }
   .page-template-page-account-licenses .entry-content .activations .upgrade {
    font-size:11px;
    text-transform:uppercase;
    border:none
   }
   .page-template-page-account-licenses .entry-content .license-clipboard {
    border:none;
    padding:0;
    background:0
   }
   .page-template-page-account-licenses .entry-content .license-clipboard:hover,
   .page-template-page-account-licenses .entry-content .license-clipboard:focus {
    outline:none
   }
   .page-template-page-account-licenses .entry-content .license-clipboard:hover svg,
   .page-template-page-account-licenses .entry-content .license-clipboard:focus svg {
    fill:#0e6cad
   }
   .page-template-page-account-licenses .entry-content .license-clipboard .check {
    display:none;
    fill:#6fb05a
   }
   .page-template-page-account-licenses .entry-content .license-key {
    padding:6px 0 0;
    border:none;
    font-size:13px;
    font-family:monospace
   }
   .page-template-page-account-licenses .entry-content .label {
    display:block;
    font-size:13px;
    font-weight:700;
    color:#acacac;
    text-transform:uppercase;
    margin:0 0 2px 0
   }
   .page-template-page-account-licenses .entry-content .label a {
    border:0
   }
   .page-template-page-account-licenses .entry-content .label a:hover svg {
    fill:#0e6cad
   }
   .page-template-page-account-licenses .entry-content .label svg {
    fill:#ccc;
    height:13px;
    display:inline-block;
    margin:0 0 0 5px
   }
   .page-template-page-account-licenses .entry-content .sep {
    color:#bdbdbd;
    display:inline-block;
    margin:0 5px
   }
   .page-template-page-account-licenses .entry-content .pill {
    display:inline-block;
    font-size:10.5px;
    font-weight:700;
    background-color:#eee;
    text-transform:uppercase;
    border-radius:20px;
    padding:1px 8px;
    vertical-align:text-bottom;
    margin:0 0 0 5px
   }
   .page-template-page-account-licenses .entry-content .pill.active {
    background-color:#6fb05a;
    color:#fff
   }
   .page-template-page-account-licenses .entry-content .pill.expired {
    background-color:#d83638;
    color:#fff
   }
   .page-template-page-account-licenses .entry-content .expand {
    background-color:#f8f8f8;
    border:0;
    border-top:1px solid #ccc;
    display:block;
    text-align:center;
    padding:16px;
    color:#777;
    line-height:1.2
   }
   .page-template-page-account-licenses .entry-content .expand:hover {
    color:#0e6cad
   }
   .page-template-page-account-licenses .entry-content .expand:hover svg {
    fill:#0e6cad
   }
   .page-template-page-account-licenses .entry-content .expand svg {
    fill:#acacac;
    height:14px;
    display:inline-block;
    vertical-align:initial;
    margin:0 0 0 3px
   }
   .page-template-page-account-licenses .entry-content .more {
    background-color:#f8f8f8;
    padding:30px;
    border-top:1px solid #ccc
   }
   .page-template-page-account-licenses .entry-content .more .addons-available {
    text-align:center;
   }
   .page-template-page-account-licenses .entry-content .more .addons-available.has-upgrades {
    border-bottom:1px solid #ccc;
    margin-bottom:30px
   }
   .page-template-page-account-licenses .entry-content .more .addons-available p {
    margin:0 0 8px 0;
    color:#777
   }
   .page-template-page-account-licenses .entry-content .more .addons-available p.small {
    font-size:13px;
    color:#999;
    margin-bottom:30px
   }
   .page-template-page-account-licenses .entry-content .more .addons-available p a {
    color:#777;
    border:none;
    text-decoration:underline
   }
   .page-template-page-account-licenses .entry-content .more .addons-available p a:hover {
    color:#0e6cad
   }
   .page-template-page-account-licenses .entry-content .more .addons-upgrade {
    text-align:center
   }
   .page-template-page-account-licenses .entry-content .more .addons-upgrade .big {
    color:#444;
    font-size:22px;
    font-family:"Arvo","Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height:1.2;
    margin:0 0 4px 0
   }
   .page-template-page-account-licenses .entry-content .more .addons-upgrade .small {
    margin:0 0 18px 0;
    font-size:17px
   }
   .page-template-page-account-licenses .entry-content .more .addons-upgrade .button:first-of-type {
    margin-bottom:26px
   }
   .page-template-page-account-licenses .entry-content .more .addons-upgrade .button:last-of-type {
    margin-top:30px
   }
   .page-template-page-account-licenses .entry-content .more .grid .grid-row {
    border-top:1px solid #e9eaeb
   }
   @media (max-width: 767px) {
    .page-template-page-account-licenses .entry-content .more .grid .grid-row {
     border:none
    }
    .page-template-page-account-licenses .entry-content .more .grid .grid-row .item:nth-child(2n) {
     border-left:1px solid #e9eaeb
    }
   }
   .page-template-page-account-licenses .entry-content .more .grid .grid-row:first-of-type {
    border-top:none
   }
   .page-template-page-account-licenses .entry-content .more .grid .grid-row .item:nth-child(4n) {
    border-right:none
   }
   .page-template-page-account-licenses .entry-content .more .grid .item {
    width:25%;
    float:left;
    padding:30px 20px;
    border-right:1px solid #e9eaeb;
    text-align:center
   }
   @media (max-width: 767px) {
    .page-template-page-account-licenses .entry-content .more .grid .item {
     width:50%;
     border:none;
     border-bottom:1px solid #e9eaeb;
     padding:15px
    }
   }
   .page-template-page-account-licenses .entry-content .more .grid .item img {
    border:1px solid #e9eaeb;
    display:block;
    margin:0 auto
   }
   .page-template-page-account-licenses .entry-content .more .grid .item h5 {
    font-size:14px;
    font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#444;
    font-weight:700;
    margin:0;
    padding:12px 0 10px
   }
   .page-template-page-account-licenses .entry-content .more .grid .item h5 a {
    color:#444;
    border:none
   }
   .page-template-page-account-licenses .entry-content .more .grid .item p {
    font-size:14px;
    line-height:1.3;
    margin:0
   }
   .page-template-page-account-licenses .entry-content .more .grid .item .icons a {
    border:none;
    display:inline-block;
    margin:0 2px
   }
   .page-template-page-account-licenses .entry-content .more .grid .item .icons a:hover svg {
    fill:#0e6cad
   }
   .page-template-page-account-licenses .entry-content .more .grid .item .icons svg {
    fill:#acacac;
    height:16px
   }
   .page-template-page-account-licenses .entry-content .row-blackfriday {
    background-color:#036aab;
    background-image:url("../images/account-banner-bg.png");
    background-size:cover
   }
   .page-template-page-account-licenses .entry-content .key,
   .page-template-page-account-licenses .entry-content .renews,
   .page-template-page-account-licenses .entry-content .activations {
    float: left;
    width: 33.333333%;
    padding: 30px;
    border-right: 1px solid #ccc;
  }
  .page-template-page-account-licenses .entry-content .activations {
    border-right: 0;
  }
#edd_profile_editor_form {
    margin-top: 40px;
}
  .page-template-page-account-profile .entry-content .row {
    margin:0;
}
  .page-template-page-account-profile .entry-content fieldset {
    margin: 0 auto;
    padding: 0;
    display:block;
    border:none;

   }
   .page-template-page-account-profile .entry-content fieldset#edd_profile_address_fieldset {
    margin-top:10px
   }
   .page-template-page-account-profile .entry-content #edd_profile_display_name_wrap,
   .page-template-page-account-profile .entry-content #edd_profile_emails_wrap,
   .page-template-page-account-profile .entry-content .edd-profile-emails,
   .page-template-page-account-profile .entry-content fieldset legend {
    display:none !important
   }
   .page-template-page-account-profile .entry-content input:disabled {
    background-color:#fcfcfc;
    color:#777;
    cursor:not-allowed
   }
   .page-template-page-account-profile .entry-content .description {
    display:block;
    margin-top:5px;
    font-size:12px;
    color:#999
   }
   .page-template-page-account-profile .entry-content fieldset h5 {
    margin-bottom:10px
   }
   .page-template-page-account-profile .entry-content .required {
    /* color:red */
   }
   .page-template-page-account-profile .entry-content p {
    margin:0 0 25px 0 !important;
    clear:both
   }
   .page-template-page-account-profile .entry-content label {
    display:block;
    float:none;
    padding:0 0 10px 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
   }
   .page-template-page-account-profile .entry-content select {
    width: 100%;
    background-color: white;
    border: 0;
    padding: 10px;
    font-size: 16px;
    line-height: 15px;
   }

   .page-template-page-account-profile .entry-content p#edd_profile_first_name_wrap,
   .page-template-page-account-profile .entry-content p#edd_profile_billing_address_city_wrap,
   .page-template-page-account-profile .entry-content p#edd_profile_billing_address_country_wrap,
   .page-template-page-account-profile .entry-content p#edd_profile_password_wrap,
   .page-template-page-account-profile .entry-content p#edd_profile_primary_email_wrap {
    width:50%;
    float:left;
    padding-right:10px;
    clear:right
   }
   .page-template-page-account-profile .entry-content p#edd_profile_last_name_wrap,
   .page-template-page-account-profile .entry-content p#edd_profile_billing_address_postal_wrap,
   .page-template-page-account-profile .entry-content p#edd_profile_billing_address_state_wrap,
   .page-template-page-account-profile .entry-content p#edd_profile_confirm_password_wrap,
   .page-template-page-account-profile .entry-content p#edd_profile_primary_phone_wrap {
    width:50%;
    float:left;
    padding-left:10px;
    clear:none
   }
   .page-template-page-account-profile input[type="text"], .page-template-page-account-profile input[type="password"], .page-template-page-account-profile input[type="email"], .page-template-page-account-profile input[type="tel"], .page-template-page-account-profile input[type="date"], .page-template-page-account-profile input[type="month"], .page-template-page-account-profile input[type="week"], .page-template-page-account-profile input[type="time"], .page-template-page-account-profile input[type="number"], .page-template-page-account-profile input[type="search"], .page-template-page-account-profile input[type="url"], .page-template-page-account-profile textarea {
    font-size: 16px;
    line-height: 21px;
    padding: 15px;
   }
   .page-template-page-account-profile .entry-content .iti {
    display:block
   }
   .page-template-page-account-profile .entry-content .iti__country,
   .page-template-page-account-profile .entry-content .iti__divider {
    font-size:14px;
    list-style:none;
    margin:0;
    padding:5px 10px
   }
   .page-template-page-account-profile .entry-content .country-listbox {
    padding:0
   }
   .page-template-page-account-profile .entry-content #edd_profile_password_fieldset {
    padding:20px;
    background-color:#e9e9e9;
    margin: 10px 0px 40px 0px;
   }
   .page-template-page-account-profile .entry-content #edd_profile_password_fieldset h6 {
    margin-bottom:10px
   }
   .page-template-page-account-profile .entry-content #edd_profile_password_fieldset p {
    margin-bottom:0 !important
   }
   .page-template-page-account-profile .entry-content #edd_profile_submit_fieldset {
    padding-top:20px;
    text-align:left;
   }
   .page-template-page-account-profile .entry-content #edd_profile_submit_fieldset #edd_profile_editor_submit {
    background-color:#e27730;
    border: 1px solid #c45e1b;
    box-shadow:none;
    text-transform: capitalize;
    color:#fff;
    line-height:1;
    padding:13px 25px;
    /* font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; */
    margin-bottom: 100px;
    font-weight:500;
    font-size:17px;
    text-align:center;
    text-decoration:none;
    width:auto;
    -webkit-appearance:none;
    -moz-appearance:none;
    cursor:pointer;
    text-align: left;
   }
   .page-template-page-account-profile .entry-content #edd_profile_submit_fieldset #edd_profile_editor_submit:hover {
    text-decoration:none;
    background-color:#cd631d
   }

   .page-template-page-account-support .entry-content .column-left {
    float:left;
    width:60%
   }
   @media (max-width: 767px) {
    .page-template-page-account-support .entry-content .column-left {
     width:100%
    }
   }
   .page-template-page-account-support .entry-content .column-right {
    float:right;
    width:35%
   }
   @media (max-width: 767px) {
    .page-template-page-account-support .entry-content .column-right {
     width:100%
    }
   }
   .page-template-page-account-support .entry-content .column-right h5 {
    font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:700;
    color:#666;
    margin:16px 0;
    text-align:center
   }
   .page-template-page-account-support .entry-content .column-right svg {
    max-width:35px;
    margin:0 auto;
    display:block
   }
   .page-template-page-account-support .entry-content .column-right .type,
   .page-template-page-account-support .entry-content .column-right .details {
    margin:0 0 40px 0;
    padding:26px 20px;
    border:1px solid #ccc;
    background-color: white;
   }
   .page-template-page-account-support .entry-content .column-right .type p,
   .page-template-page-account-support .entry-content .column-right .details p {
    font-size:15px;
    margin:0 0 16px 0
   }
   .page-template-page-account-support .entry-content .column-right .type p:last-of-type,
   .page-template-page-account-support .entry-content .column-right .details p:last-of-type {
    margin:0
   }
   .page-template-page-account-support .entry-content .column-right .type p .button,
   .page-template-page-account-support .entry-content .column-right .details p .button {
    font-size:16px
   }
   .page-template-page-account-support .entry-content .column-right .type {
    text-align:center
   }
   .page-template-page-account-support .entry-content .column-right .type.priority svg {
    fill:#83c11f
   }
   .page-template-page-account-support .entry-content .column-right .type.basic svg {
    fill:#999
   }
   .page-template-page-account-support .entry-content .column-right .type.expired {
    text-align:left;
    border-color:orange
   }
   .page-template-page-account-support .entry-content .column-right .type.expired svg {
    fill:orange
   }
   .page-template-page-account-support .entry-content .column-right .details h5 {
    margin-top:0;
    text-align:center
   }

   div.wpforms-container-full .wpforms-form input.wpforms-field-medium,
   div.wpforms-container-full .wpforms-form select.wpforms-field-medium,
   div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
    max-width: 100% !important;
   }

   .page-template-page-account-support .entry-content div.wpforms-container-full .wpforms-form button[type="submit"] {
    background-color: #e27730;
    border: 1px solid #c45e1b;
    box-shadow: none;
    text-transform: capitalize;
    color: #fff;
    line-height: 1;
    padding: 13px 25px;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 100px;
    font-weight: 500;
    font-size: 17px;
    text-align: center;
   }

   .page-template-page-account-billing .entry-content .row {
    margin: 0 20px 60px 20px;
    }

   .page-template-page-account-billing .entry-content .table th.date {
    width:130px
   }
   .page-template-page-account-billing .entry-content .table th.amount {
    width:100px
   }
   .page-template-page-account-billing .entry-content .table th.status {
    width:100px
   }
   .page-template-page-account-billing .entry-content .table th.description {
    width:205px
   }
   .page-template-page-account-billing .entry-content .table th.actions {
    text-align:right;
    padding-bottom:0;
    padding-top:0;
    vertical-align:middle
   }
   .page-template-page-account-billing .entry-content .table th.actions svg {
    width:14px;
    display:inline-block;
    margin:0 5px 0 0;
    fill:#666
   }
   .page-template-page-account-billing .entry-content .table th.actions a:hover svg {
    fill:#fff
   }
   .page-template-page-account-billing .entry-content .table .cancel,
   .page-template-page-account-billing .entry-content .table .current-status {
    display:inline-block;
    padding-top:9px
   }
   .page-template-page-account-billing .entry-content .table .current-status {
    color:#999
   }
   .page-template-page-account-billing .entry-content .table .renewal {
    display:inline-block;
    border-radius:2px;
    background-color:#f1f1f1;
    color:#666;
    text-transform:uppercase;
    font-size:10px;
    font-weight:700;
    vertical-align:text-top;
    padding:0 5px;
    margin:0 0 0 5px
   }
   .page-template-page-account-billing .entry-content .table .right {
    float:right
   }
   .page-template-page-account-billing .entry-content .table .right a {
    display:inline-block;
    margin:0 0 0 5px;
    font-size:14px
   }
   .page-template-page-account-billing .entry-content .table .right svg {
    height:14px;
    display:inline-block;
    vertical-align:bottom;
    fill:#ccc;
    margin:0 6px 0 0
   }
   .page-template-page-account-billing .entry-content .table th {
    font-size:15px
   }
   .page-template-page-account-billing .entry-content .table td {
    vertical-align:middle;
    font-size:15px
   }

.page-template-page-account-purchase-confirmation {
    padding: 10px 0;
}
.page-template-page-account-purchase-confirmation .edd-table {
    margin: 0 auto;
    max-width: 90%;
}
   .page-template-page-account-headless #wpadminbar,
   .page-template-page-account-headless header,
   .page-template-page-account-headless .account-navigation {
    display: none;
   }
   .page-template-page-account-footless footer {
    display: none;
   }

/* body.publish .invoice-actions button.button.back,
body.publish .invoice-main .customer a.button {
    display: none;
   } */

.user .item p {
    margin-bottom: 0;
}

#edd_sl_license_add_site_form {
    margin-top: 40px;
}
#edd_sl_license_add_site_form input {
    margin-top: 10px;
}
table.fancy-table thead th {
    padding: 20px 10px;
      padding-left: 10px;
    font-weight: 700;
    background-color: #f9f9f9;
}
.table.fancy-table tbody td:first-of-type {
    padding-left: 20px;
  }
  .table.fancy-table tbody td {
    padding: 20px 10px;
      padding-left: 10px;
    font-size: 16px;
  }
h5.edd-sl-manage-license-header {
    text-align: center;
    font-size: 32px;
    line-height: 42px;
    margin: -15px auto 30px auto;
}



/* cancel */


.page-template-page-account-cancel .entry-header,
.page-template-page-account-cancel .entry-header,
.page-template-page-account-cancel .account-navigation {
 display:none;
}
.page-template-page-account-cancel .entry-content .header,
.page-template-page-account-cancel .entry-content .header {
 text-align:center;
 padding:60px 0
}
@media (max-width: 767px) {
 .page-template-page-account-cancel .entry-content .header,
 .page-template-page-account-cancel .entry-content .header {
  padding:40px 0
 }
}
.page-template-page-account-cancel .entry-content .header .title,
.page-template-page-account-cancel .entry-content .header .title {
 margin:0;
 font-size:30px;
 margin-bottom:16px
}
@media (max-width: 767px) {
 .page-template-page-account-cancel .entry-content .header .title,
 .page-template-page-account-cancel .entry-content .header .title {
  font-size:26px
 }
}
.page-template-page-account-cancel .entry-content .header .description,
.page-template-page-account-cancel .entry-content .header .description {
 font-weight:400;
 font-size:18px;
 max-width:800px;
 margin:0 auto
}
@media (max-width: 767px) {
 .page-template-page-account-cancel .entry-content .header .description,
 .page-template-page-account-cancel .entry-content .header .description {
  font-size:16px
 }
}
.page-template-page-account-cancel .entry-content .wrap-800,
.page-template-page-account-cancel .entry-content .wrap-800 {
 margin:0 auto;
 max-width:800px
}
.page-template-page-account-cancel .step,
.page-template-page-account-cancel .step {
 display:none;
 margin-bottom: 100px;
}
.page-template-page-account-cancel .step h3,
.page-template-page-account-cancel .step h3 {
 font-size:20px
}
.page-template-page-account-cancel .step .buttons-vertical,
.page-template-page-account-cancel .step .buttons-vertical {
 margin:60px 0 0 0;
 text-align:center
}
.page-template-page-account-cancel .step .buttons-vertical .primary,
.page-template-page-account-cancel .step .buttons-vertical .primary {
 font-size:22px;
 padding:22px 40px;
 display: inline-block;
 text-transform: capitalize !important;
 font-weight: 500;
}
@media (max-width: 767px) {
 .page-template-page-account-cancel .step .buttons-vertical .primary,
 .page-template-page-account-cancel .step .buttons-vertical .primary {
  padding:22px;
  font-size:20px;
  text-transform: capitalize;
  font-weight: 500;
 }
}
.page-template-page-account-cancel .step .buttons-vertical .desc,
.page-template-page-account-cancel .step .buttons-vertical .or,
.page-template-page-account-cancel .step .buttons-vertical .desc,
.page-template-page-account-cancel .step .buttons-vertical .or {
 display:block;
 font-size:16px;
 color:#999;
 line-height:1;
 margin:20px 0
}
.page-template-page-account-cancel .step .buttons-vertical .desc,
.page-template-page-account-cancel .step .buttons-vertical .desc {
 font-style:italic
}
.page-template-page-account-cancel .step .buttons-vertical .or,
.page-template-page-account-cancel .step .buttons-vertical .or {
 font-weight:700;
 text-transform:uppercase
}
.page-template-page-account-cancel .step .buttons-vertical .secondary,
.page-template-page-account-cancel .step .buttons-vertical .secondary {
 font-size:17px;
 padding:18px 20px;
 display: inline-block;
 text-transform: capitalize;
 font-weight: 300;
}
.page-template-page-account-cancel .step .buttons-side-by-side,
.page-template-page-account-cancel .step .buttons-side-by-side {
 margin:0 0 0 0;
 text-align:center
}
.page-template-page-account-cancel .step .buttons-side-by-side .button,
.page-template-page-account-cancel .step .buttons-side-by-side .button {
 font-size:17px;
 padding:18px 20px;
 display:inline-block;
 margin:0 10px
}
.page-template-page-account-cancel .step .buttons-side-by-side .button:first-of-type,
.page-template-page-account-cancel .step .buttons-side-by-side .button:first-of-type {
 margin-left:0
}
.page-template-page-account-cancel .step .buttons-side-by-side .button:last-of-type,
.page-template-page-account-cancel .step .buttons-side-by-side .button:last-of-type {
 margin-right:0
}
.page-template-page-account-cancel .step .grid,
.page-template-page-account-cancel .step .grid {
 margin:0 -30px
}
.page-template-page-account-cancel .step .grid .item,
.page-template-page-account-cancel .step .grid .item {
 width:33.3333%;
 float:left;
 padding:0 30px;
 margin:0 0 60px 0
}
.page-template-page-account-cancel .step .grid .item:nth-child(3n+1),
.page-template-page-account-cancel .step .grid .item:nth-child(3n+1) {
 clear:left
}
@media (max-width: 767px) {
 .page-template-page-account-cancel .step .grid .item,
 .page-template-page-account-cancel .step .grid .item {
  width:100%;
  max-width:350px;
  float:none;
  margin:0 auto 30px auto
 }
}
.page-template-page-account-cancel .step .grid .inner,
.page-template-page-account-cancel .step .grid .inner {
 border:1px solid #ddd;
 position:relative
}
.page-template-page-account-cancel .step .grid .text,
.page-template-page-account-cancel .step .grid .text {
 padding:20px 20px 56px 20px
}
.page-template-page-account-cancel .step .grid img,
.page-template-page-account-cancel .step .grid img {
 display:block;
 margin:0 auto
}
.page-template-page-account-cancel .step .grid h6,
.page-template-page-account-cancel .step .grid h6 {
 font-size:16px;
 font-weight:700;
 font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
 margin:0 0 14px 0
}
.page-template-page-account-cancel .step .grid p,
.page-template-page-account-cancel .step .grid p {
 font-size:15px !important;
 margin:0
}
.page-template-page-account-cancel .step .grid .more,
.page-template-page-account-cancel .step .grid .more {
 font-size:15px !important;
 font-weight:700;
 position:absolute;
 bottom:20px;
 left:20px
}
.page-template-page-account-cancel .step .columns,
.page-template-page-account-cancel .step .columns {
 max-width:800px;
 margin:0 auto
}
.page-template-page-account-cancel .step .columns .left,
.page-template-page-account-cancel .step .columns .left {
 float:left;
 width:46%
}
@media (max-width: 767px) {
 .page-template-page-account-cancel .step .columns .left,
 .page-template-page-account-cancel .step .columns .left {
  width:100%;
  float:none;
  margin-bottom:30px
 }
}
.page-template-page-account-cancel .step .columns .right,
.page-template-page-account-cancel .step .columns .right {
 float:right;
 width:46%
}
@media (max-width: 767px) {
 .page-template-page-account-cancel .step .columns .right,
 .page-template-page-account-cancel .step .columns .right {
  width:100%;
  float:none
 }
}
.page-template-page-account-cancel .step .plan-details img,
.page-template-page-account-cancel .step .plan-details img {
 height:46px;
 float:left;
 margin:3px 20px 0 0
}
.page-template-page-account-cancel .step .plan-details .name,
.page-template-page-account-cancel .step .plan-details .name {
 color:#e27730;
 font-size:18px;
 font-family:"Arvo", 'Helvetica Neue', Helvetica, Arial, sans-serif
}
.page-template-page-account-cancel .step .plan-details .date,
.page-template-page-account-cancel .step .plan-details .date {
 color:#999;
 font-size:15px
}
.page-template-page-account-cancel .step .plan-details .date strong,
.page-template-page-account-cancel .step .plan-details .date strong {
 color:#666;
 font-weight:400
}
.page-template-page-account-cancel .step .plan-details .features,
.page-template-page-account-cancel .step .plan-details .features {
 border-top:1px solid #ddd;
 margin:30px 0 0 0;
 padding:30px 0 0 0
}
.page-template-page-account-cancel .step .plan-details .features ul,
.page-template-page-account-cancel .step .plan-details .features ul {
 margin:0;
 padding:0
}
.page-template-page-account-cancel .step .plan-details .features ul li,
.page-template-page-account-cancel .step .plan-details .features ul li {
 margin:0 0 8px 0;
 padding:0 0 0 24px;
 list-style:none;
 font-size:14px;
 background-image:url(../images/cancel/check-green.svg);
 background-repeat:no-repeat;
 background-position:left center;
 background-size:14px;
 float:left;
 width:50%;
 display:none;
 text-align: left;
}
.page-template-page-account-cancel .step .plan-details .features.basic .basic,
.page-template-page-account-cancel .step .plan-details .features.basic .basic {
 display:block
}
.page-template-page-account-cancel .step .plan-details .features.plus .plus,
.page-template-page-account-cancel .step .plan-details .features.plus .plus {
 display:block
}
.page-template-page-account-cancel .step .plan-details .features.pro .pro,
.page-template-page-account-cancel .step .plan-details .features.pro .pro {
 display:block
}
.page-template-page-account-cancel .step .plan-details .features.elite .elite,
.page-template-page-account-cancel .step .plan-details .features.elite .elite {
 display:block
}
.page-template-page-account-cancel .step .plan-details .features.developer .developer,
.page-template-page-account-cancel .step .plan-details .features.developer .developer {
 display:block
}
.page-template-page-account-cancel .step .plan-details .features.agency .agency,
.page-template-page-account-cancel .step .plan-details .features.agency .agency {
 display:block
}
.page-template-page-account-cancel .step .plan-details .features.confirm ul li,
.page-template-page-account-cancel .step .plan-details .features.confirm ul li {
 background-size:12px;
 background-image:url(../images/cancel/times-red.svg);
}
.page-template-page-account-cancel #step-1 img,
.page-template-page-account-cancel #step-1 img {
 max-width:100%;
 width:600px;
 margin:0 auto;
 display:block
}
.page-template-page-account-cancel #step-3 .concierge,
.page-template-page-account-cancel #step-3 .concierge {
 max-width:100%;
 width:800px;
 display:block;
 margin:0 auto 60px;
 border:none
}
@media (max-width: 767px) {
 .page-template-page-account-cancel #step-3 .concierge,
 .page-template-page-account-cancel #step-3 .concierge {
  display:none
 }
}
.page-template-page-account-cancel #step-3 h3,
.page-template-page-account-cancel #step-3 h3 {
 margin-bottom:26px
}
.page-template-page-account-cancel #step-3 .left ul,
.page-template-page-account-cancel #step-3 .left ul {
 margin:0;
 padding:0
}
.page-template-page-account-cancel #step-3 .left ul li,
.page-template-page-account-cancel #step-3 .left ul li {
 list-style:none;
 font-size:16px;
 margin:0 0 20px 0;
 padding:0;
 line-height:1;
 position:relative;
 color:#444
}
.page-template-page-account-cancel #step-3 .left ul li input[type=radio],
.page-template-page-account-cancel #step-3 .left ul li input[type=radio] {
 position:absolute;
 top:2px;
 left:0
}
.page-template-page-account-cancel #step-3 .left ul li input[type=text],
.page-template-page-account-cancel #step-3 .left ul li input[type=text] {
 display:none;
 margin:16px 0 0 25px;
 max-width:300px
}
.page-template-page-account-cancel #step-3 .left ul li label,
.page-template-page-account-cancel #step-3 .left ul li label {
    display: inline-block;
    margin-left: 26px;
    font-weight: 500;
    margin-bottom: -10px;
    line-height: 26px;
}
.page-template-page-account-cancel #step-3 .legacy,
.page-template-page-account-cancel #step-3 .legacy {
 background-color:#FFFCCB;
 border:1px solid #E5E2B6;
 border-radius:3px;
 padding:20px;
 font-size:14px;
 color:#8A6D3B;
 margin:30px 0 0
}
.page-template-page-account-cancel #step-3 .buttons-side-by-side,
.page-template-page-account-cancel #step-3 .buttons-side-by-side {
 margin-top:30px;
 text-align:left
}
.page-template-page-account-cancel #step-3 .buttons-side-by-side a.button,
.page-template-page-account-cancel #step-3 .buttons-side-by-side a.button {
    float: none;
    font-weight: 400;
    padding: 10px 15px;
    margin: 15px auto;
    display: block;
    text-align: center;
}
.page-template-page-account-cancel #step-4 .offers .item,
.page-template-page-account-cancel #step-4 .offers .item {
 border:1px solid #ddd;
 max-width:600px;
 margin:0 auto 10px auto;
 position:relative;
 padding:24px 20px
}
.page-template-page-account-cancel #step-4 .offers .item .check,
.page-template-page-account-cancel #step-4 .offers .item .check {
 width:32px;
 position:absolute;
 top:50%;
 left:20px;
 margin-top:-16px
}
.page-template-page-account-cancel #step-4 .offers .item .logo,
.page-template-page-account-cancel #step-4 .offers .item .logo {
 max-width:75px;
 position:absolute;
 top:0;
 left:72px;
 top:50%
}
.page-template-page-account-cancel #step-4 .offers .item h6,
.page-template-page-account-cancel #step-4 .offers .item h6 {
 font-size:18px;
 font-weight:700;
 font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
 margin:0 0 4px 0;
 padding:0 0 0 160px
}
.page-template-page-account-cancel #step-4 .offers .item p,
.page-template-page-account-cancel #step-4 .offers .item p {
 padding:0 0 0 160px;
 margin:0;
 font-size:16px
}
.page-template-page-account-cancel #step-4 .offers .item .save,
.page-template-page-account-cancel #step-4 .offers .item .save {
 font-weight:700;
 color:red
}
.page-template-page-account-cancel #step-5 .benefits,
.page-template-page-account-cancel #step-5 .benefits {
 margin-bottom:30px
}
.page-template-page-account-cancel #step-5 .benefits .item,
.page-template-page-account-cancel #step-5 .benefits .item {
 border-top:1px solid #ddd;
 position:relative;
 padding:32px 10px 32px 0;
 position:relative
}
.page-template-page-account-cancel #step-5 .benefits .item:last-of-type,
.page-template-page-account-cancel #step-5 .benefits .item:last-of-type {
 border-bottom:1px solid #ddd
}
.page-template-page-account-cancel #step-5 .benefits img,
.page-template-page-account-cancel #step-5 .benefits img {
 width:80px;
 position:absolute;
 top:30px;
 left:0
}
.page-template-page-account-cancel #step-5 .benefits h6,
.page-template-page-account-cancel #step-5 .benefits h6 {
 font-size:20px;
 font-weight:700;
 font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
 color:#444;
 margin:0 0 6px 120px
}
.page-template-page-account-cancel #step-5 .benefits p,
.page-template-page-account-cancel #step-5 .benefits p {
 margin:0 0 0 120px;
 font-size:16px;
 color:#777
}
.page-template-page-account-cancel #step-5 .accept,
.page-template-page-account-cancel #step-5 .accept {
 text-align:center;
 margin:0 0 30px 0
}
.page-template-page-account-cancel #step-6 .columns,
.page-template-page-account-cancel #step-6 .columns {
 border-top:1px solid #ddd;
 padding-top:60px
}
.page-template-page-account-cancel #step-6 .columns h3,
.page-template-page-account-cancel #step-6 .columns h3 {
 margin-bottom:26px
}
.page-template-page-account-cancel #step-6 .columns .button-transparent,
.page-template-page-account-cancel #step-6 .columns .button-transparent {
 background:none;
 padding-left:0;
 padding-right:0;
 color:#777;
 text-decoration:underline;
 font-weight:400;
 font-size:16px;
 border:1px solid transparent
}
.page-template-page-account-cancel #step-6 .columns .button-transparent:hover,
.page-template-page-account-cancel #step-6 .columns .button-transparent:hover {
 color:#0e6cad
}
.page-template-page-account-cancel #step-6 .item,
.page-template-page-account-cancel #step-6 .item {
 margin:0 0 26px 0
}
.page-template-page-account-cancel #step-6 .item h6,
.page-template-page-account-cancel #step-6 .item h6 {
 font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-weight:700;
 margin:0 0 8px 0;
 line-height:1
}
.page-template-page-account-cancel #step-6 .item svg,
.page-template-page-account-cancel #step-6 .item svg {
 width:16px;
 fill:#E27730;
 display:inline-block;
 vertical-align:middle;
 margin:-4px 8px 0 0
}
.page-template-page-account-cancel #step-6 .item p,
.page-template-page-account-cancel #step-6 .item p {
 font-size:15px;
 margin:0 0 0 28px
}
.page-template-page-account-cancel #step-6 .button svg,
.page-template-page-account-cancel #step-6 .button svg {
 fill:#fff;
 width:14px;
 -webkit-animation:fa-spin 2s linear infinite;
 animation:fa-spin 2s linear infinite
}
@-webkit-keyframes fa-spin {
 0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@keyframes fa-spin {
 0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
.page-template-page-account-cancel #step-7,
.page-template-page-account-cancel #step-7 {
 display:block !important
}
.page-template-page-account-cancel #step-offer-form #wpforms-827690-field_1-container,
.page-template-page-account-cancel #step-offer-form #wpforms-827690-field_1-container {
 display:none
}
.page-template-page-account-cancel .entry-content .button {
 font-size:22px;
 font-weight:500;
 padding:22px 30px;
 line-height:1;
 margin:0 10px;
 min-width:300px
}
.page-template-page-account-cancel .entry-content .proceed {
 text-align:center;
 padding-bottom:100px
}
.page-template-page-account-cancel .entry-content .proceed .details {
 font-style:italic;
 color:#999;
 line-height:1.2;
 margin:10px 0 0
}
.page-template-page-account-cancel .entry-content .proceed .or {
 font-size:30px !important;
 color:#ccc;
 font-style:italic;
 line-height:1;
 margin:25px 0 35px 0
}
.page-template-page-account-cancel .entry-content .help-form,
.page-template-page-account-cancel .entry-content .confirm-form {
 display:none
}
.page-template-page-account-cancel #subscription-cancel-confirm-modal {
 max-width:700px;
 background-color:#fff;
 padding:40px;
 margin:0 auto
}
.page-template-page-account-cancel #subscription-cancel-confirm-modal h2 {
 font-size:22px;
 margin:0 0 5px 0;
 text-align:center
}
.page-template-page-account-cancel #subscription-cancel-confirm-modal .subhead {
 text-align:center;
 font-weight:300;
 font-size:15px
}
.page-template-page-account-cancel #subscription-cancel-confirm-modal .item {
 border-top:1px solid #eee;
 padding:26px 0 26px 80px;
 position:relative
}
.page-template-page-account-cancel #subscription-cancel-confirm-modal .item img {
 position:absolute;
 top:50%;
 margin-top:-29px;
 left:0;
 width:58px
}
.page-template-page-account-cancel #subscription-cancel-confirm-modal .item h6 {
 font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
 font-weight:700;
 font-size:18px;
 margin:0 0 8px 0
}
.page-template-page-account-cancel #subscription-cancel-confirm-modal .item p {
 margin:0
}
.page-template-page-account-cancel #subscription-cancel-confirm-modal .btn-wrap {
 border-top:1px solid #eee;
 text-align:center;
 padding-top:40px
}
.page-template-page-account-cancel #subscription-cancel-confirm-modal .btn-wrap .button {
 margin-right:16px
}

.step .buttons-vertical, .page-template-page-account-cancel .step .buttons-vertical {
    margin: 60px 0 60px 0;
    text-align: center;
  }

/* #step-cancel-form {
    display: block;
} */

#edd_cc_fields, #edd_cc_address {
    width: 50%;
    margin: 0;
}
#edd_purchase_form #edd_cc_fields,
#edd_purchase_form #edd_cc_address {
    width: 100%;
}
#edd-card-name-wrap .absolute.inset-y-0.right-0 {
    width: 15px;
    float: right;
}
input#card_name {
    width: 90%;
    float: left;
}

#edd-recurring-update-submit {
    background-color: #e27730;
    border: 1px solid #c45e1b;
    margin: 20px auto;
}
#edd-card-wrap {
    margin-top: 20px;
}