/******************************
*=============================
*
**Woocommerce my account page
*
*============================
****************************/

.woocommerce-MyAccount-navigation {
display: none;
}

.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
}


/*******************************/
/*
my account tabs
***********************************/
/* Tabs */

  .tabsrlcat .single-tabrlcat {
    /* Width is calculated for 6 tabs (100/6 = 16.6666666667). If you'll use more or less tabs just divide 100 with number of tabs and replace 16% in every line) */
    -ms-flex: 0 0 16.6666666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.6666666667%;
    max-width: calc(16.6666666667% - 10px);
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 0 !important;
    cursor: pointer;
  }
  .tabsrlcat .single-tabrlcat:hover, .tabsrlcat .single-tabrlcat.current {
    /* Set tab background color for hover and active state */
    background: #15022a;
 

  }
  .tabsrlcat .single-tabrlcat:hover h4, .tabsrlcat .single-tabrlcat.current h4 {
      /* You can set title hover color here */
  color: #fff!important;
  }
  .tabsrlcat .single-tabrlcat:hover .et-pb-icon, .tabsrlcat .single-tabrlcat.current .et-pb-icon {
    /* Set icon color for hover and active tab state */
    color: #15022a !important;
  }
  .tab_contentrlcat .tabs_itemrlcat {
    display: none;
  }

  .tab_contentrlcat .tabs_itemrlcat:first-child, .et-fb-root-ancestor .tab_contentrlcat .tabs_itemrlcat {
    display: block;
  }


   
  @media only screen and (max-width: 768px) {

  
    .tabsrlcat .single-tabrlcat {
      -ms-flex: 0 0 50%; /* Two tabs in a row on mobile */
      -webkit-box-flex: 0;
      flex: 0 0 50%;
      max-width: calc(50% - 10px);
      margin-top: 10px;
    }
       .tab-overflow-hidden .et_pb_column_4 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    overflow: scroll;
}
  }
  @media only screen and (min-width: 768px) and (max-width: 980px) {
    .tabsrlcat .single-tabrlcat {
    -ms-flex: 0 0 33.333333%; /* Three tabs in a row on tablet */
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: calc(33.333333% - 10px);
    margin-top: 10px;
      
    }
   .tab-overflow-hidden .et_pb_column_4 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    overflow: scroll;
}
  }

.woocommerce-MyAccount-content a {
    color: #0021da;
  font-family: "mukta";
  text-decoration: underline;
}

/**** order tab content ****/
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    background:  #15022a;
    border-radius: 0px;
	   font-family: 'Mukta';
}


/**** WooCommerce login Form ****/
.woocommerce-notices-wrapper h2{
    font-family: 'Ubuntu'!important;
    font-weight: bold;
    color: #15022a!important;
}

form.woocommerce-form.woocommerce-form-login.login {
    border-width: 1px;
    
}

/**** Addresses Tab ****/
.woocommerce-account .addresses .title h3{
	font-family: 'Ubuntu';
}

.woocommerce-MyAccount-content p {
    color: #15022a;
    font-family: 'Mukta';
}

.comment-content address, .entry-content address, body.et-pb-preview #main-content .container address{
	color: #15022a;
    font-family: 'Mukta';
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link.is-active {
    background: #15022a !important;
    border-radius: 0px;
}


/*dashboard column text colors*/
.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 10px 10px;
    transition: all .5s ease;
    color: #fff;
}






/*****************
*Orders*
******************/
.entry-content table:not(.variations) {
    border: 0px solid #eee;
    margin: 0 0 15px;
    text-align: left;
    width: 100%;
    box-shadow: 0px 12px 18px -6px #d3dce8;
}
.woocommerce table.my_account_orders th {
    vertical-align: middle;
    background-color: #0021da;
    color: #fff;
    font-size: 16px;
    font-family: 'Ubuntu';
    padding: 15px 20px;
}
.woocommerce table.shop_table td {
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 9px 12px;
    vertical-align: middle;
    line-height: 1.5em;
    font-family: 'Mukta';
    color: #15022a;
    font-size: 16px;
}

/******************************
 * ****Address*****
 * ***************************/
.col2-set.addresses {
    margin-top: 20px;
    border: 0px solid #eee;
    margin: 0 0 15px;
    text-align: left;
    width: 100%;
    box-shadow: 0px 0px 18px 4px #d3dce8;
    padding: 15px;
    border-radius: 6px;
	    margin-top: 30px;
}
.comment-content address, .entry-content address, body.et-pb-preview #main-content .container address {
    color: #15022a;
    font-family: 'Mukta';
    font-style: normal;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 1.6em;
}
.woocommerce-MyAccount-content .woocommerce-Address a {
    background-color: #0021da;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    font-family: 'Ubuntu';
    border-radius: 4px;
}/*
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 48%;
    border: 1px solid rgb(0 33 218 / 10%);
    padding: 20px;
    border-radius: 5px;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: left;
    width: 48%;
    border: 1px solid rgb(0 33 218 / 10%);
    padding: 20px;
    border-radius: 5px;
    margin-left: 25px;
    height: auto;
}*/
/******************************
 * ****Account details form*****
 * ***************************/

.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .et_pb_wc_cart_totals .select2-container--default .select2-selection--single, .et_pb_wc_checkout_billing .select2-container--default .select2-selection--single, .et_pb_wc_checkout_shipping .select2-container--default .select2-selection--single {
    -webkit-appearance: none;
    background-color: #fff;
    max-width: 100%;
    border-width: 1px;
    border-radius: 0;
    color: #000;
    font-size: 14px;
    padding: 16px;
    line-height: 1.7em;
    border-style: solid;
    border-color: #000;
}
.woocommerce form .form-row label {
    line-height: 2em;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 16px;
    color: #15022a;
	text-transform: capitalize;
}
.woocommerce form .form-row .required {
    color: #0021da;
    font-weight: 700;
    border: 0!important;
    text-decoration: none;
    visibility: hidden;
}
form.woocommerce-EditAccountForm.edit-account {
    border: 0px solid #eee;
    margin: 0 0 15px;
    text-align: left;
    width: 100%;
    box-shadow: 0px 0px 18px 4px #d3dce8;
    padding: 15px;
    border-radius: 6px;
    margin-top: 0px;
}

/******************************
 * ****woocommerce message*****
 * ***************************/
.woocommerce-MyAccount-content .woocommerce-message a {
    background-color: #0021da;
	color:#fff;
    font-family: "mukta";
    text-decoration: none;
    padding: 12px 14px;
    text-transform: capitalize;
    font-weight: 700;
}


/******************************
 * ****Button*****
 * ***************************/



.woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
    font-size: 16px;
  font-weight: 700;
    text-transform: uppercase;
    padding: 14px 35px!important;
    line-height: 1.7em !important;
    position: relative;
    border: 0px solid;
    border-radius: 3px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color: #fff;
  background-color: #0021da!important;
font-family: 'ubuntu';}
.woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button.alt.disabled:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover{
	  font-size: 16px;
 font-weight: 700;
    text-transform: uppercase;
    padding: 14px 35px!important;
    line-height: 1.7em !important;
    position: relative;
    border: 0px solid;
    border-radius: 3px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color: #fff;
  background-color: #15022a;
	font-family: 'ubuntu';
}
.woocommerce a.button.alt:after, .woocommerce-page a.button.alt:after, .woocommerce button.button.alt:after, .woocommerce-page button.button.alt:after, .woocommerce input.button.alt:after, .woocommerce-page input.button.alt:after, .woocommerce #respond input#submit.alt:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce #content input.button.alt:after, .woocommerce-page #content input.button.alt:after, .woocommerce a.button:after, .woocommerce-page a.button:after, .woocommerce button.button:not(.button-confirm):after, .woocommerce-page button.button:not(.button-confirm):after, .woocommerce input.button:after, .woocommerce-page input.button:after, .woocommerce #respond input#submit:after, .woocommerce-page #respond input#submit:after, .woocommerce #content input.button:after, .woocommerce-page #content input.button:after, .woocommerce a.button:before, .woocommerce-page a.button:before, .woocommerce button.button:before, .woocommerce-page button.button:before, .woocommerce input.button:before, .woocommerce-page input.button:before, .woocommerce #respond input#submit:before, .woocommerce-page #respond input#submit:before, .woocommerce #content input.button:before, .woocommerce-page #content input.button:before {
   display:none;
}












/******************************
 * ****woo login*****
 * ***************************/
/*
.customer_login .woocommerce .col2-set .col-1,.customer_login .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 48%;
    border: 0px solid rgb(0 33 218 / 10%);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 6px 18px 0px #d3dce8;
}
.customer_login .woocommerce .col2-set .col-2,.customer_login .woocommerce-page .col2-set .col-2 {
     float: left;
    width: 48%;
    border: 0px solid rgb(0 33 218 / 10%);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 6px 18px 0px #d3dce8;
	height: auto;
}*/
div#customer_login h2 {
    font-family: 'Ubuntu';
    color: #15022a;
}
.woocommerce h2 {
    font-family: 'Ubuntu';
    color: #15022a;
}
.customer_login .woocommerce .col2-set .col-1,.customer_login .woocommerce-page .col2-set .col-1 h2 {
    font-family: 'Ubuntu';
    font-weight: 700;
    color: #15022a;
}
.customer_login .woocommerce .col2-set .col-2,.customer_login .woocommerce-page .col2-set .col-2 h2 {
    font-family: 'Ubuntu';
    font-weight: 700;
    color: #15022a;
}
form.woocommerce-form.woocommerce-form-login.login {
    border-width: 0px;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 0px solid #d3ced2;
    padding: 20px;
    margin: 2em 0;
    text-align: left;
    border-radius: 5px;
}
form.woocommerce-form.woocommerce-form-register.register p {
    color: #15022a;
    font-family: 'Mukta';
    line-height: 1.8em;
}
p.woocommerce-LostPassword.lost_password a {
    color: #0021da;
    font-family: 'Mukta';
    text-decoration: underline;
}
a.woocommerce-privacy-policy-link {
    color: #0021da;
    text-transform: capitalize;
    font-weight: 700;
    text-decoration: underline;
}
.woocommerce .woocommerce-customer-details address {
    font-style: normal;
    margin-bottom: 0;
    border: 1px solid #0021da;
    border-bottom-width: 2px;
    border-right-width: 2px;
    text-align: left;
    width: 100%;
    border-radius: 5px;
    padding: 6px 12px;
}
a.wc-backward {
    background-color: #0021da;
    color: #fff;
    padding: 11px;
}
