/* ==========================================================================
   Jackson - My Account
   ========================================================================== */

   .myaccount .jj {display: flex; flex-wrap: wrap; padding: 5px;}
   .myaccount .jj .jj-MyAccount-navigation {flex: 0 0 25%; max-width: 25%; margin-bottom: 0 !important; border-radius: 5px !important; background-color: #f6f6f6 !important; border: 1px solid #f6f6f6 !important; padding: 10px !important;}
   .myaccount .jj .jj-MyAccount-navigation .nav-pills, body.jj-lost-password .jj-ResetPassword .jj-form-row label {display: block;}
   .myaccount .jj .jj-MyAccount-navigation .nav-pills a {background-color: #fff; border: 1px solid #dfdfdf; color: #221e1c; text-transform: uppercase; margin-bottom: 10px; text-align: left; padding: 5px; position: relative; font-weight: 700; border-radius: 2px !important; font-size: 15px;padding:15px 10px}
   .myaccount .jj .jj-MyAccount-navigation .nav-pills a.active, .myaccount .jj .jj-MyAccount-navigation .nav-pills a:hover {background: #0f0f0f; border-color: #221e1c; color: #fff;}
   /*.myaccount .jj .jj-MyAccount-navigation .nav-pills .jj-MyAccount-navigation-link--dashboard a:before {content: "\f3ff";}
   .myaccount .jj .jj-MyAccount-navigation .nav-pills a:before {content: "\f3ff"; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; font-weight: 500; margin-right: 10px; padding: 6px; background: 0 0; border: 2px solid transparent; border-radius: 0; font-size: 16px; width: 40px; height: 40px; text-align: center; color: #01934d;
   }*/
   .myaccount .jj .jj-MyAccount-navigation .nav-pills a .dashicons  {width:40px;color:#01934d}
   .myaccount .jj .jj-MyAccount-navigation .nav-pills a.active:before, .myaccount .jj .jj-MyAccount-navigation .nav-pills a:hover:before {color: #01934d; background-color: transparent;}
   .myaccount .jj .jj-MyAccount-content {flex: 0 0 75%; max-width: 75%; padding: 0 0 1rem 1rem !important; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
   .myaccount .jj .jj-MyAccount-content .card {padding: 15px; border-radius: 5px; background: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06);}
   .myaccount .jj .jj-MyAccount-content .card .card-header {padding-left: 10px; background: 0 0; border: 0;}
   .myaccount .jj .jj-MyAccount-content .card .card-header-tabs li {flex: 0 0 50%; max-width: 50%; text-align: center;}
   .myaccount .jj .jj-MyAccount-content .card .card-header-tabs a {color: #221e1c; background: 0 0; position: relative; font-weight: 700; text-transform: uppercase; border-radius: 0 !important; padding-left: 5px !important; padding-right: 5px !important; border: 1px solid #dfdfdf;}
   .myaccount .jj .jj-MyAccount-content .card .card-header-tabs a.active {background: #dfdfdf; background-size: cover !important; border-color: transparent !important; color: #221e1c !important;}
   .myaccount .jj .jj-MyAccount-content .zapc-tickets-btn, .myaccount .jj .jj-MyAccount-content .zapc-tickets-btn-toggle {
       font-weight: 700; font-size: .875rem; text-transform: uppercase; padding: 5px 20px; border-radius: 6px; margin-top: 10px !important; display: inline-block; border: 1px solid #221e1c; background-color: #221e1c; color: #fff; font-family: "Barlow Condensed";}
   .myaccount .jj .jj-MyAccount-content #zapc-recent-tickets .zapc-single-ticket-wrap {width: 100%; display: block; border-bottom: 2px solid #dcdddf; margin-bottom: 1rem; }
   .myaccount .jj .jj-MyAccount-content .nav-item a.nav-link {color:#01934d}
   .myaccount .jj .jj-MyAccount-content .nav-item a.nav-link.active {color:#495057}
   .myaccount .jj .ord-center {text-align: center;}
   .myaccount#ord_received .jj .jj-MyAccount-content {flex: 0 0 100%;max-width: 100%;}
   .myaccount#ord_received .jj .alert span {display: block;text-align: center;margin: 0 auto;font-size:45px;width:50px;height: 50px;color:#01934d}
   .myaccount#ord_received .jj .ord-center {text-align: center;padding-top: 0}
   .myaccount#ord_received .jj .order_summary {display: flex;padding:15px 0;border-top:1px solid #bbbbbb;border-bottom:1px solid #bbbbbb}
   .myaccount#ord_received .jj .order_summary .item {display: inline-grid ; flex: 1 1 auto; text-align: center;}
   .myaccount#ord_received .jj .order_summary .item span {font-weight: bold;}
   .myaccount#ord_received .jj .order_process {display: flex;padding:15px 0;text-align: center;margin:20px  auto;max-width: 90%;}
   .myaccount#ord_received .jj .order_process .item {position: relative;}
   .myaccount#ord_received .jj .order_process .item:before {content:'';width: 100%;height: 2px;display: block;background:#000;position: absolute;top:23px;}
   .myaccount#ord_received .jj .order_process .item div {display: block;margin: 0 auto;border:2px solid #000;background: #fff;border-radius: 50%;width: 50px;height: 50px;position: relative;z-index: 8}
   .myaccount#ord_received .jj .order_process .item div:before {font-size: 28px;position: relative;top:10px}
   .myaccount#ord_received .jj .order_process .item span {background: #fff; padding: 5px 15px; position: relative; top: 13px; max-width: 95%; display: block; }
   
   @media (max-width:767px) {
       .myaccount#ord_received .jj .order_summary .item {display: inline-grid;flex: 0 0 100%}
       .myaccount#ord_received .jj .order_summary {display: grid}
       .myaccount#ord_received .jj .order_process .item span {font-size:13px}
   }
   
   @media (max-width: 575.98px) {
       .myaccount .jj .jj-MyAccount-navigation {flex: 0 0 100%; max-width: 100%; margin-bottom: 20px !important;}
       .myaccount .jj .jj-MyAccount-content {flex: 0 0 100%; max-width: 100%; padding: 0 0 1rem !important; }
   }
   
   #customer_login {margin: 0 !important; width: 100%;}
   #customer_login .col-md-6 {margin-bottom: 0px !important; }
   #customer_login .card-body {border-radius: 5px; background: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);}
   #customer_login .card-body .card-title {text-transform: uppercase; font-size: 20px; letter-spacing: 0.1rem;}
   #customer_login .card-body .jj-form-login__rememberme span {color: $primary; }
   #customer_login .card-body .jj-password-strength, #customer_login .card-body .jj-password-hint {font-weight: bold; color: $dark;}
   #customer_login .card-body .jj-password-strength.short, #customer_login .card-body .jj-password-hint.short, #customer_login .card-body .jj-password-strength.bad, #customer_login .card-body .jj-password-hint.bad {color: red;}
   #customer_login .card-body .jj-password-strength.good, #customer_login .card-body .jj-password-hint.good {color: orange;}
   #customer_login .card-body .jj-password-strength.strong, #customer_login .card-body .jj-password-hint.strong {color: green;}
   
   body.jj-lost-password .jj-ResetPassword {max-width: 480px; margin: 0 auto; border: 2px solid $light; padding: 30px 30px; background-color: $white;}
   body.jj-lost-password .jj-form-row {display: block !important;}
   body.jj-lost-password .jj-form-row label {display: block;}
   body.jj-lost-password .jj-form-row input.jj-Input {width: 100%; border: 1px solid $gray-500; border-radius: 3px; padding: 10px 15px; }
   body.jj-lost-password .jj-form-row:last-of-type {text-align: right;}
   
   table.my_account_points_rewards tr, #my-account-order-table tr, .order_details tr {color:black !important}
   
   /* My Wallet */
   @font-face {
       font-family: jjwallet;
       src: url("../fonts/jjwallet.eot?tewfy0");
       src: url("../fonts/jjwallet.eot?tewfy0#iefix") format("embedded-opentype"),url("../fonts/jjwallet.ttf?tewfy0") format("truetype"),url("../fonts/jjwallet.woff?tewfy0") format("woff"),url("../fonts/jjwallet.svg?tewfy0#jjwallet") format("svg");
       font-weight: 400;
       font-style: normal
   }
   
   [class*=" jj-wallet-icon-"],[class^=jj-wallet-icon-] {font-family: jjwallet!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
   .jj-wallet-icon-wallet:before {content: "\e900" }
   .jj-wallet-my-wallet-container {max-width: 100%; overflow: hidden; border: 1px solid #f2f2f2; display: flex }
   .jj-wallet-my-wallet-container p {margin: 0 auto }
   .jj-wallet-my-wallet-container .jj-wallet-sidebar {width: 30%; float: left; background: #f2f2f2; min-height: 100px; padding-top: 20px }
   .jj-wallet-my-wallet-container .jj-wallet-content {width: 70%; float: left; min-height: 100px; padding: 20px }
   .jj-wallet-sidebar ul {margin: 0 auto }
   .jj-wallet-sidebar ul li {list-style: none; margin: 20px }
   .jj-wallet-sidebar ul li span {vertical-align: middle }
   .jj-wallet-sidebar ul li p {margin: 0 auto; line-height: 1em }
   .jj-wallet-sidebar ul li.card {background: #fff; border-radius: 2px; text-align: center; position: relative; max-width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); transition: all .3s cubic-bezier(.25, .8, .25, 1); cursor: pointer }
   .jj-wallet-sidebar ul li.card a {padding: 20px; display: inline-block; width: 100% }
   .jj-wallet-sidebar ul li.card:hover {box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22) }
   .jj-wallet-sidebar-heading {text-align: center }
   .jj-wallet-content-h3 {float: left; margin: 0 0 15px; line-height: 1em }
   .jj-wallet-content .jj-wallet-price {float: right; margin: 0 0 15px }
   .jj-wallet-content-heading {overflow: hidden }
   .jj-wallet-transactions-items {margin: 0 auto }
   .jj-wallet-transactions-items li {overflow: hidden; padding-bottom: 15px }
   .jj-wallet-transactions-items li div:first-child {float: left; max-width: 80% }
   .jj-wallet-transactions-items li div:last-child {float: right }
   .jj-wallet-transaction-type-credit {color: #197f36 }
   .jj-wallet-transaction-type-debit {color: #bf0003 }
   .jj-wallet-balance-to-add {width: 100% }
   .jj-add-to-wallet {float: right; margin-top: 10px }
   .jj-wallet-view-more {float: right }
   .jj-wallet-view-more span {vertical-align: middle }
   p.jj-wallet-field-container {margin-bottom: 11px }
   .jj-wallet-select2 {width: 100% }
   .jj-info {margin-bottom: 10px}
   /* Tab Css */
   .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {background-color: #002a17 !important; border-color: #002a17 !important; }
   
   @media (max-width: 600px) {
       .jj-wallet-my-wallet-container {display:block }
       .jj-wallet-my-wallet-container .jj-wallet-sidebar {width: 100% }
       .jj-wallet-my-wallet-container .jj-wallet-content {width: 100% } }
   
   .on-jj-wallet-cashback {border-color: #6d6d6d; border: 1px solid; color: #43454b; padding: .202em .6180469716em; font-size: .875em; text-transform: uppercase; font-weight: 600; display: inline-block; margin-bottom: 1em; border-radius: 3px }
   .theme-storefront .jj-MyAccount-navigation>ul li.jj-MyAccount-navigation-link--jj-wallet a::before {font-family: jjwallet!important; content: "\e900" }
   #wc-wallet-transaction-details.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {line-height: 19px!important }
   #wc-wallet-transaction-details mark.debit::before {content: "-" }
   #wc-wallet-transaction-details mark.credit::before {content: "+" }
   #wc-wallet-transaction-details mark.debit {color: #bf0003 }
   #wc-wallet-transaction-details mark.credit {color: #197f36 }
   
   /* Payment Method */
   .myaccount .jj .jj-MyAccount-content #payment ul {list-style: none;}
   #add_payment_method #payment {color: black; background-color: white !important; border: 1px solid #f6f6f6 !important; padding: 30px; }
   .jj-MyAccount-paymentMethods {color: black !important; }